From 0cb67f5f8395e543bae931198ab1a29f76fa48d7 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Thu, 18 Jul 2024 12:19:40 +0000
Subject: [PATCH] deploy: e7a960aa8083465bbcb8582aa85f1e27d0303a56

---
 404.html                                                      | 2 +-
 __stand.html                                                  | 2 +-
 .../__stand.json                                              | 0
 .../components.json                                           | 0
 .../components/date-components.json                           | 0
 .../components/date-components/calendar.json                  | 0
 .../components/date-components/date-field.json                | 0
 .../components/date-components/date-picker.json               | 0
 .../components/date-components/range-calendar.json            | 0
 .../components/date-components/relative-date-field.json       | 0
 .../components/date-components/relative-date-picker.json      | 0
 .../components/navigation.json                                | 0
 .../components/uikit.json                                     | 0
 .../components/uikit/alert.json                               | 0
 .../components/uikit/arrow-toggle.json                        | 0
 .../components/uikit/avatar.json                              | 0
 .../components/uikit/breadcrumbs.json                         | 0
 .../components/uikit/button.json                              | 0
 .../components/uikit/card.json                                | 0
 .../components/uikit/checkbox.json                            | 0
 .../components/uikit/dropdown-menu.json                       | 0
 .../components/uikit/icon.json                                | 0
 .../components/uikit/label.json                               | 0
 .../components/uikit/link.json                                | 0
 .../components/uikit/list.json                                | 0
 .../components/uikit/loader.json                              | 0
 .../components/uikit/menu.json                                | 0
 .../components/uikit/modal.json                               | 0
 .../components/uikit/overlay.json                             | 0
 .../components/uikit/pagination.json                          | 0
 .../components/uikit/palette.json                             | 0
 .../components/uikit/pin-input.json                           | 0
 .../components/uikit/popup.json                               | 0
 .../components/uikit/portal.json                              | 0
 .../components/uikit/progress.json                            | 0
 .../components/uikit/radio-button.json                        | 0
 .../components/uikit/radio-group.json                         | 0
 .../components/uikit/radio.json                               | 0
 .../components/uikit/select.json                              | 0
 .../components/uikit/sheet.json                               | 0
 .../components/uikit/skeleton.json                            | 0
 .../components/uikit/slider.json                              | 0
 .../components/uikit/spin.json                                | 0
 .../components/uikit/switch.json                              | 0
 .../components/uikit/table.json                               | 0
 .../components/uikit/tabs.json                                | 0
 .../components/uikit/text-area.json                           | 0
 .../components/uikit/text-input.json                          | 0
 .../components/uikit/text.json                                | 0
 .../components/uikit/toaster.json                             | 0
 .../components/uikit/tooltip.json                             | 0
 .../components/uikit/user-label.json                          | 0
 .../components/uikit/user.json                                | 0
 .../design.json                                               | 0
 .../design/branding.json                                      | 0
 .../design/branding/basics.json                               | 0
 .../design/branding/branding.json                             | 0
 .../design/branding/color.json                                | 0
 .../design/branding/corner-radius.json                        | 0
 .../design/branding/grid-and-container.json                   | 0
 .../design/branding/module.json                               | 0
 .../design/branding/resources.json                            | 0
 .../design/branding/typography.json                           | 0
 .../design/guides.json                                        | 0
 .../design/guides/action-tooltip.json                         | 0
 .../design/guides/alert.json                                  | 0
 .../design/guides/breadcrumbs.json                            | 0
 .../design/guides/button.json                                 | 0
 .../design/guides/card.json                                   | 0
 .../design/guides/changelog-dialog.json                       | 0
 .../design/guides/checkbox.json                               | 0
 .../design/guides/clipboard-button.json                       | 0
 .../design/guides/dialog.json                                 | 0
 .../design/guides/dropdown-menu.json                          | 0
 .../design/guides/hotkey.json                                 | 0
 .../design/guides/label.json                                  | 0
 .../design/guides/links.json                                  | 0
 .../design/guides/list-item.json                              | 0
 .../design/guides/loader.json                                 | 0
 .../design/guides/paginator.json                              | 0
 .../design/guides/popover.json                                | 0
 .../design/guides/popup.json                                  | 0
 .../design/guides/progress.json                               | 0
 .../design/guides/radio-button.json                           | 0
 .../design/guides/radio-group.json                            | 0
 .../design/guides/radio.json                                  | 0
 .../design/guides/select.json                                 | 0
 .../design/guides/skeleton.json                               | 0
 .../design/guides/spin.json                                   | 0
 .../design/guides/switch.json                                 | 0
 .../design/guides/table.json                                  | 0
 .../design/guides/tabs.json                                   | 0
 .../design/guides/text-area.json                              | 0
 .../design/guides/text-input.json                             | 0
 .../design/guides/toaster.json                                | 0
 .../design/guides/tooltip.json                                | 0
 .../design/guides/user-label.json                             | 0
 .../design/guides/user.json                                   | 0
 .../icons.json                                                | 0
 .../index.json                                                | 0
 .../libraries.json                                            | 0
 .../libraries/app-layout.json                                 | 0
 .../libraries/axios-wrapper.json                              | 0
 .../libraries/babel-preset.json                               | 0
 .../libraries/blog-constructor.json                           | 0
 .../libraries/browserslist-config.json                        | 0
 .../libraries/chartkit.json                                   | 0
 .../libraries/components.json                                 | 0
 .../libraries/dashkit.json                                    | 0
 .../libraries/date-components.json                            | 0
 .../libraries/date-utils.json                                 | 0
 .../libraries/dialog-fields.json                              | 0
 .../libraries/dynamic-forms.json                              | 0
 .../libraries/eslint-config.json                              | 0
 .../libraries/expresskit.json                                 | 0
 .../libraries/i18n.json                                       | 0
 .../libraries/icons.json                                      | 0
 .../libraries/illustrations.json                              | 0
 .../libraries/markdown-editor.json                            | 0
 .../libraries/navigation.json                                 | 0
 .../libraries/nodekit.json                                    | 0
 .../libraries/oauth-clients.json                              | 0
 .../libraries/page-constructor.json                           | 0
 .../libraries/paranoid.json                                   | 0
 .../libraries/prettier-config.json                            | 0
 .../libraries/react-data-table.json                           | 0
 .../libraries/stylelint-config.json                           | 0
 .../libraries/tsconfig.json                                   | 0
 .../libraries/ui-logger.json                                  | 0
 .../libraries/uikit.json                                      | 0
 .../libraries/unipika.json                                    | 0
 .../libraries/yagr.json                                       | 0
 .../{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/rtl.json | 0
 .../sandbox/date-components/calendar.json                     | 0
 .../sandbox/date-components/date-field.json                   | 0
 .../sandbox/date-components/date-picker.json                  | 0
 .../sandbox/date-components/range-calendar.json               | 0
 .../sandbox/date-components/relative-date-field.json          | 0
 .../sandbox/date-components/relative-date-picker.json         | 0
 .../sandbox/uikit/alert.json                                  | 0
 .../sandbox/uikit/arrow-toggle.json                           | 0
 .../sandbox/uikit/avatar.json                                 | 0
 .../sandbox/uikit/breadcrumbs.json                            | 0
 .../sandbox/uikit/button.json                                 | 0
 .../sandbox/uikit/card.json                                   | 0
 .../sandbox/uikit/checkbox.json                               | 0
 .../sandbox/uikit/dropdown-menu.json                          | 0
 .../sandbox/uikit/icon.json                                   | 0
 .../sandbox/uikit/label.json                                  | 0
 .../sandbox/uikit/link.json                                   | 0
 .../sandbox/uikit/list.json                                   | 0
 .../sandbox/uikit/loader.json                                 | 0
 .../sandbox/uikit/menu.json                                   | 0
 .../sandbox/uikit/modal.json                                  | 0
 .../sandbox/uikit/overlay.json                                | 0
 .../sandbox/uikit/pagination.json                             | 0
 .../sandbox/uikit/palette.json                                | 0
 .../sandbox/uikit/pin-input.json                              | 0
 .../sandbox/uikit/popup.json                                  | 0
 .../sandbox/uikit/portal.json                                 | 0
 .../sandbox/uikit/progress.json                               | 0
 .../sandbox/uikit/radio-button.json                           | 0
 .../sandbox/uikit/radio-group.json                            | 0
 .../sandbox/uikit/radio.json                                  | 0
 .../sandbox/uikit/select.json                                 | 0
 .../sandbox/uikit/sheet.json                                  | 0
 .../sandbox/uikit/skeleton.json                               | 0
 .../sandbox/uikit/slider.json                                 | 0
 .../sandbox/uikit/spin.json                                   | 0
 .../sandbox/uikit/switch.json                                 | 0
 .../sandbox/uikit/table.json                                  | 0
 .../sandbox/uikit/tabs.json                                   | 0
 .../sandbox/uikit/text-area.json                              | 0
 .../sandbox/uikit/text-input.json                             | 0
 .../sandbox/uikit/text.json                                   | 0
 .../sandbox/uikit/toaster.json                                | 0
 .../sandbox/uikit/tooltip.json                                | 0
 .../sandbox/uikit/user-label.json                             | 0
 .../sandbox/uikit/user.json                                   | 0
 .../{1893-cb28a8dc164dd36a.js => 1893-0c78157253878a4d.js}    | 2 +-
 ...ebpack-cbcd823a0f9c9a0f.js => webpack-fe264aa6032598c4.js} | 2 +-
 .../static/css/{c29e7d5472540dc3.css => 542b42c45f9794d4.css} | 4 ++--
 .../static/css/{1d0fb2e8f9c8f2e1.css => 58ac9afbacb44c1e.css} | 2 +-
 _next/static/css/8fa1ef1a550859ef.css                         | 1 -
 _next/static/css/f1d55a7418659088.css                         | 1 +
 .../_buildManifest.js                                         | 2 +-
 .../_ssgManifest.js                                           | 0
 components.html                                               | 2 +-
 components/date-components.html                               | 2 +-
 components/date-components/calendar.html                      | 2 +-
 components/date-components/date-field.html                    | 2 +-
 components/date-components/date-picker.html                   | 2 +-
 components/date-components/range-calendar.html                | 2 +-
 components/date-components/relative-date-field.html           | 2 +-
 components/date-components/relative-date-picker.html          | 2 +-
 components/navigation.html                                    | 2 +-
 components/uikit.html                                         | 2 +-
 components/uikit/alert.html                                   | 2 +-
 components/uikit/arrow-toggle.html                            | 2 +-
 components/uikit/avatar.html                                  | 2 +-
 components/uikit/breadcrumbs.html                             | 2 +-
 components/uikit/button.html                                  | 2 +-
 components/uikit/card.html                                    | 2 +-
 components/uikit/checkbox.html                                | 2 +-
 components/uikit/dropdown-menu.html                           | 2 +-
 components/uikit/icon.html                                    | 2 +-
 components/uikit/label.html                                   | 2 +-
 components/uikit/link.html                                    | 2 +-
 components/uikit/list.html                                    | 2 +-
 components/uikit/loader.html                                  | 2 +-
 components/uikit/menu.html                                    | 2 +-
 components/uikit/modal.html                                   | 2 +-
 components/uikit/overlay.html                                 | 2 +-
 components/uikit/pagination.html                              | 2 +-
 components/uikit/palette.html                                 | 2 +-
 components/uikit/pin-input.html                               | 2 +-
 components/uikit/popup.html                                   | 2 +-
 components/uikit/portal.html                                  | 2 +-
 components/uikit/progress.html                                | 2 +-
 components/uikit/radio-button.html                            | 2 +-
 components/uikit/radio-group.html                             | 2 +-
 components/uikit/radio.html                                   | 2 +-
 components/uikit/select.html                                  | 2 +-
 components/uikit/sheet.html                                   | 2 +-
 components/uikit/skeleton.html                                | 2 +-
 components/uikit/slider.html                                  | 2 +-
 components/uikit/spin.html                                    | 2 +-
 components/uikit/switch.html                                  | 2 +-
 components/uikit/table.html                                   | 2 +-
 components/uikit/tabs.html                                    | 2 +-
 components/uikit/text-area.html                               | 2 +-
 components/uikit/text-input.html                              | 2 +-
 components/uikit/text.html                                    | 2 +-
 components/uikit/toaster.html                                 | 2 +-
 components/uikit/tooltip.html                                 | 2 +-
 components/uikit/user-label.html                              | 2 +-
 components/uikit/user.html                                    | 2 +-
 design.html                                                   | 2 +-
 design/branding.html                                          | 2 +-
 design/branding/basics.html                                   | 2 +-
 design/branding/branding.html                                 | 2 +-
 design/branding/color.html                                    | 2 +-
 design/branding/corner-radius.html                            | 2 +-
 design/branding/grid-and-container.html                       | 2 +-
 design/branding/module.html                                   | 2 +-
 design/branding/resources.html                                | 2 +-
 design/branding/typography.html                               | 2 +-
 design/guides.html                                            | 2 +-
 design/guides/action-tooltip.html                             | 2 +-
 design/guides/alert.html                                      | 2 +-
 design/guides/breadcrumbs.html                                | 2 +-
 design/guides/button.html                                     | 2 +-
 design/guides/card.html                                       | 2 +-
 design/guides/changelog-dialog.html                           | 2 +-
 design/guides/checkbox.html                                   | 2 +-
 design/guides/clipboard-button.html                           | 2 +-
 design/guides/dialog.html                                     | 2 +-
 design/guides/dropdown-menu.html                              | 2 +-
 design/guides/hotkey.html                                     | 2 +-
 design/guides/label.html                                      | 2 +-
 design/guides/links.html                                      | 2 +-
 design/guides/list-item.html                                  | 2 +-
 design/guides/loader.html                                     | 2 +-
 design/guides/paginator.html                                  | 2 +-
 design/guides/popover.html                                    | 2 +-
 design/guides/popup.html                                      | 2 +-
 design/guides/progress.html                                   | 2 +-
 design/guides/radio-button.html                               | 2 +-
 design/guides/radio-group.html                                | 2 +-
 design/guides/radio.html                                      | 2 +-
 design/guides/select.html                                     | 2 +-
 design/guides/skeleton.html                                   | 2 +-
 design/guides/spin.html                                       | 2 +-
 design/guides/switch.html                                     | 2 +-
 design/guides/table.html                                      | 2 +-
 design/guides/tabs.html                                       | 2 +-
 design/guides/text-area.html                                  | 2 +-
 design/guides/text-input.html                                 | 2 +-
 design/guides/toaster.html                                    | 2 +-
 design/guides/tooltip.html                                    | 2 +-
 design/guides/user-label.html                                 | 2 +-
 design/guides/user.html                                       | 2 +-
 icons.html                                                    | 2 +-
 index.html                                                    | 4 ++--
 libraries.html                                                | 2 +-
 libraries/app-layout.html                                     | 2 +-
 libraries/axios-wrapper.html                                  | 2 +-
 libraries/babel-preset.html                                   | 2 +-
 libraries/blog-constructor.html                               | 2 +-
 libraries/browserslist-config.html                            | 2 +-
 libraries/chartkit.html                                       | 2 +-
 libraries/components.html                                     | 2 +-
 libraries/dashkit.html                                        | 2 +-
 libraries/date-components.html                                | 2 +-
 libraries/date-utils.html                                     | 2 +-
 libraries/dialog-fields.html                                  | 2 +-
 libraries/dynamic-forms.html                                  | 2 +-
 libraries/eslint-config.html                                  | 2 +-
 libraries/expresskit.html                                     | 2 +-
 libraries/i18n.html                                           | 2 +-
 libraries/icons.html                                          | 2 +-
 libraries/illustrations.html                                  | 2 +-
 libraries/markdown-editor.html                                | 2 +-
 libraries/navigation.html                                     | 2 +-
 libraries/nodekit.html                                        | 2 +-
 libraries/oauth-clients.html                                  | 2 +-
 libraries/page-constructor.html                               | 2 +-
 libraries/paranoid.html                                       | 2 +-
 libraries/prettier-config.html                                | 2 +-
 libraries/react-data-table.html                               | 2 +-
 libraries/stylelint-config.html                               | 2 +-
 libraries/tsconfig.html                                       | 2 +-
 libraries/ui-logger.html                                      | 2 +-
 libraries/uikit.html                                          | 2 +-
 libraries/unipika.html                                        | 2 +-
 libraries/yagr.html                                           | 2 +-
 rtl.html                                                      | 4 ++--
 sandbox/date-components/calendar.html                         | 2 +-
 sandbox/date-components/date-field.html                       | 2 +-
 sandbox/date-components/date-picker.html                      | 2 +-
 sandbox/date-components/range-calendar.html                   | 2 +-
 sandbox/date-components/relative-date-field.html              | 2 +-
 sandbox/date-components/relative-date-picker.html             | 2 +-
 sandbox/uikit/alert.html                                      | 2 +-
 sandbox/uikit/arrow-toggle.html                               | 2 +-
 sandbox/uikit/avatar.html                                     | 2 +-
 sandbox/uikit/breadcrumbs.html                                | 2 +-
 sandbox/uikit/button.html                                     | 2 +-
 sandbox/uikit/card.html                                       | 2 +-
 sandbox/uikit/checkbox.html                                   | 2 +-
 sandbox/uikit/dropdown-menu.html                              | 2 +-
 sandbox/uikit/icon.html                                       | 2 +-
 sandbox/uikit/label.html                                      | 2 +-
 sandbox/uikit/link.html                                       | 2 +-
 sandbox/uikit/list.html                                       | 2 +-
 sandbox/uikit/loader.html                                     | 2 +-
 sandbox/uikit/menu.html                                       | 2 +-
 sandbox/uikit/modal.html                                      | 2 +-
 sandbox/uikit/overlay.html                                    | 2 +-
 sandbox/uikit/pagination.html                                 | 2 +-
 sandbox/uikit/palette.html                                    | 2 +-
 sandbox/uikit/pin-input.html                                  | 2 +-
 sandbox/uikit/popup.html                                      | 2 +-
 sandbox/uikit/portal.html                                     | 2 +-
 sandbox/uikit/progress.html                                   | 2 +-
 sandbox/uikit/radio-button.html                               | 2 +-
 sandbox/uikit/radio-group.html                                | 2 +-
 sandbox/uikit/radio.html                                      | 2 +-
 sandbox/uikit/select.html                                     | 2 +-
 sandbox/uikit/sheet.html                                      | 2 +-
 sandbox/uikit/skeleton.html                                   | 2 +-
 sandbox/uikit/slider.html                                     | 2 +-
 sandbox/uikit/spin.html                                       | 2 +-
 sandbox/uikit/switch.html                                     | 2 +-
 sandbox/uikit/table.html                                      | 2 +-
 sandbox/uikit/tabs.html                                       | 2 +-
 sandbox/uikit/text-area.html                                  | 2 +-
 sandbox/uikit/text-input.html                                 | 2 +-
 sandbox/uikit/text.html                                       | 2 +-
 sandbox/uikit/toaster.html                                    | 2 +-
 sandbox/uikit/tooltip.html                                    | 2 +-
 sandbox/uikit/user-label.html                                 | 2 +-
 sandbox/uikit/user.html                                       | 2 +-
 363 files changed, 187 insertions(+), 187 deletions(-)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/__stand.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/date-components.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/date-components/calendar.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/date-components/date-field.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/date-components/date-picker.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/date-components/range-calendar.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/date-components/relative-date-field.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/date-components/relative-date-picker.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/navigation.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/alert.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/arrow-toggle.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/avatar.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/breadcrumbs.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/button.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/card.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/checkbox.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/dropdown-menu.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/icon.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/label.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/link.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/list.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/loader.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/menu.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/modal.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/overlay.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/pagination.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/palette.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/pin-input.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/popup.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/portal.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/progress.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/radio-button.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/radio-group.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/radio.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/select.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/sheet.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/skeleton.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/slider.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/spin.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/switch.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/table.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/tabs.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/text-area.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/text-input.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/text.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/toaster.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/tooltip.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/user-label.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/components/uikit/user.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/branding.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/branding/basics.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/branding/branding.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/branding/color.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/branding/corner-radius.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/branding/grid-and-container.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/branding/module.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/branding/resources.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/branding/typography.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/action-tooltip.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/alert.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/breadcrumbs.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/button.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/card.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/changelog-dialog.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/checkbox.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/clipboard-button.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/dialog.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/dropdown-menu.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/hotkey.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/label.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/links.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/list-item.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/loader.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/paginator.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/popover.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/popup.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/progress.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/radio-button.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/radio-group.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/radio.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/select.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/skeleton.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/spin.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/switch.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/table.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/tabs.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/text-area.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/text-input.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/toaster.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/tooltip.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/user-label.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/design/guides/user.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/icons.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/index.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/app-layout.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/axios-wrapper.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/babel-preset.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/blog-constructor.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/browserslist-config.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/chartkit.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/components.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/dashkit.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/date-components.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/date-utils.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/dialog-fields.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/dynamic-forms.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/eslint-config.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/expresskit.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/i18n.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/icons.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/illustrations.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/markdown-editor.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/navigation.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/nodekit.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/oauth-clients.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/page-constructor.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/paranoid.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/prettier-config.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/react-data-table.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/stylelint-config.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/tsconfig.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/ui-logger.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/uikit.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/unipika.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/libraries/yagr.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/rtl.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/date-components/calendar.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/date-components/date-field.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/date-components/date-picker.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/date-components/range-calendar.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/date-components/relative-date-field.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/date-components/relative-date-picker.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/alert.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/arrow-toggle.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/avatar.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/breadcrumbs.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/button.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/card.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/checkbox.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/dropdown-menu.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/icon.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/label.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/link.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/list.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/loader.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/menu.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/modal.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/overlay.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/pagination.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/palette.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/pin-input.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/popup.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/portal.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/progress.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/radio-button.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/radio-group.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/radio.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/select.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/sheet.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/skeleton.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/slider.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/spin.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/switch.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/table.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/tabs.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/text-area.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/text-input.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/text.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/toaster.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/tooltip.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/user-label.json (100%)
 rename _next/data/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/sandbox/uikit/user.json (100%)
 rename _next/static/chunks/{1893-cb28a8dc164dd36a.js => 1893-0c78157253878a4d.js} (65%)
 rename _next/static/chunks/{webpack-cbcd823a0f9c9a0f.js => webpack-fe264aa6032598c4.js} (97%)
 rename _next/static/css/{c29e7d5472540dc3.css => 542b42c45f9794d4.css} (54%)
 rename _next/static/css/{1d0fb2e8f9c8f2e1.css => 58ac9afbacb44c1e.css} (81%)
 delete mode 100644 _next/static/css/8fa1ef1a550859ef.css
 create mode 100644 _next/static/css/f1d55a7418659088.css
 rename _next/static/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/_buildManifest.js (93%)
 rename _next/static/{4t80S9ROjr4WD9qaY0rM6 => ev-zpGpRLdzGO2WaNYaWD}/_ssgManifest.js (100%)

diff --git a/404.html b/404.html
index e6f13e2f465..acd0ec96166 100644
--- a/404.html
+++ b/404.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_error-2b35abdd95bbce4e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div style="font-family:system-ui,&quot;Segoe UI&quot;,Roboto,Helvetica,Arial,sans-serif,&quot;Apple Color Emoji&quot;,&quot;Segoe UI Emoji&quot;;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div style="line-height:48px"><style>body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}</style><h1 class="next-error-h1" style="display:inline-block;margin:0 20px 0 0;padding-right:23px;font-size:24px;font-weight:500;vertical-align:top">404</h1><div style="display:inline-block"><h2 style="font-size:14px;font-weight:400;line-height:28px">This page could not be found<!-- -->.</h2></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"4t80S9ROjr4WD9qaY0rM6","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_error-2b35abdd95bbce4e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div style="font-family:system-ui,&quot;Segoe UI&quot;,Roboto,Helvetica,Arial,sans-serif,&quot;Apple Color Emoji&quot;,&quot;Segoe UI Emoji&quot;;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div style="line-height:48px"><style>body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}</style><h1 class="next-error-h1" style="display:inline-block;margin:0 20px 0 0;padding-right:23px;font-size:24px;font-weight:500;vertical-align:top">404</h1><div style="display:inline-block"><h2 style="font-size:14px;font-weight:400;line-height:28px">This page could not be found<!-- -->.</h2></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"ev-zpGpRLdzGO2WaNYaWD","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/__stand.html b/__stand.html
index d9c03508cee..f38efc60f13 100644
--- a/__stand.html
+++ b/__stand.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/cd14e480e01879db.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/cd14e480e01879db.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/432b7a842f3e3e88.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/432b7a842f3e3e88.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6687-efe98ebd459d5ea9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7216-5a6cbc8eeeca8bc4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/__stand-9a2ca685b96b9292.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"}}},"initialLocale":"en","ns":["common"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/__stand","query":{},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/cd14e480e01879db.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/cd14e480e01879db.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/432b7a842f3e3e88.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/432b7a842f3e3e88.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6687-efe98ebd459d5ea9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7216-5a6cbc8eeeca8bc4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/__stand-9a2ca685b96b9292.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"}}},"initialLocale":"en","ns":["common"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/__stand","query":{},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/__stand.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/__stand.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/__stand.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/__stand.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/date-components.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/date-components.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/date-components.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/date-components.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/date-components/calendar.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/date-components/calendar.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/date-components/calendar.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/date-components/calendar.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/date-components/date-field.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/date-components/date-field.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/date-components/date-field.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/date-components/date-field.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/date-components/date-picker.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/date-components/date-picker.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/date-components/date-picker.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/date-components/date-picker.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/date-components/range-calendar.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/date-components/range-calendar.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/date-components/range-calendar.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/date-components/range-calendar.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/date-components/relative-date-field.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/date-components/relative-date-field.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/date-components/relative-date-field.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/date-components/relative-date-field.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/date-components/relative-date-picker.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/date-components/relative-date-picker.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/date-components/relative-date-picker.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/date-components/relative-date-picker.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/navigation.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/navigation.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/navigation.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/navigation.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/alert.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/alert.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/alert.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/alert.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/arrow-toggle.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/arrow-toggle.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/arrow-toggle.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/arrow-toggle.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/avatar.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/avatar.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/avatar.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/avatar.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/breadcrumbs.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/breadcrumbs.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/breadcrumbs.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/breadcrumbs.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/button.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/button.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/button.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/button.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/card.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/card.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/card.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/card.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/checkbox.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/checkbox.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/checkbox.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/checkbox.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/dropdown-menu.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/dropdown-menu.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/dropdown-menu.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/dropdown-menu.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/icon.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/icon.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/icon.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/icon.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/label.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/label.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/label.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/label.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/link.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/link.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/link.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/link.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/list.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/list.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/list.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/list.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/loader.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/loader.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/loader.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/loader.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/menu.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/menu.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/menu.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/menu.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/modal.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/modal.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/modal.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/modal.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/overlay.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/overlay.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/overlay.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/overlay.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/pagination.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/pagination.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/pagination.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/pagination.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/palette.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/palette.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/palette.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/palette.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/pin-input.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/pin-input.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/pin-input.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/pin-input.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/popup.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/popup.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/popup.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/popup.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/portal.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/portal.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/portal.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/portal.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/progress.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/progress.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/progress.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/progress.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/radio-button.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/radio-button.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/radio-button.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/radio-button.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/radio-group.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/radio-group.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/radio-group.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/radio-group.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/radio.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/radio.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/radio.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/radio.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/select.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/select.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/select.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/select.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/sheet.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/sheet.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/sheet.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/sheet.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/skeleton.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/skeleton.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/skeleton.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/skeleton.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/slider.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/slider.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/slider.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/slider.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/spin.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/spin.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/spin.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/spin.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/switch.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/switch.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/switch.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/switch.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/table.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/table.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/table.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/table.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/tabs.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/tabs.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/tabs.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/tabs.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/text-area.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/text-area.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/text-area.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/text-area.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/text-input.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/text-input.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/text-input.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/text-input.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/text.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/text.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/text.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/text.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/toaster.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/toaster.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/toaster.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/toaster.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/tooltip.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/tooltip.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/tooltip.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/tooltip.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/user-label.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/user-label.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/user-label.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/user-label.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/user.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/user.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/components/uikit/user.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/components/uikit/user.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/branding.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/branding.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/branding.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/branding.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/branding/basics.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/branding/basics.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/branding/basics.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/branding/basics.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/branding/branding.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/branding/branding.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/branding/branding.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/branding/branding.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/branding/color.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/branding/color.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/branding/color.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/branding/color.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/branding/corner-radius.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/branding/corner-radius.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/branding/corner-radius.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/branding/corner-radius.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/branding/grid-and-container.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/branding/grid-and-container.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/branding/grid-and-container.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/branding/grid-and-container.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/branding/module.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/branding/module.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/branding/module.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/branding/module.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/branding/resources.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/branding/resources.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/branding/resources.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/branding/resources.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/branding/typography.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/branding/typography.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/branding/typography.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/branding/typography.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/action-tooltip.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/action-tooltip.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/action-tooltip.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/action-tooltip.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/alert.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/alert.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/alert.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/alert.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/breadcrumbs.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/breadcrumbs.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/breadcrumbs.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/breadcrumbs.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/button.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/button.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/button.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/button.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/card.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/card.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/card.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/card.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/changelog-dialog.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/changelog-dialog.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/changelog-dialog.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/changelog-dialog.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/checkbox.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/checkbox.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/checkbox.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/checkbox.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/clipboard-button.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/clipboard-button.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/clipboard-button.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/clipboard-button.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/dialog.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/dialog.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/dialog.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/dialog.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/dropdown-menu.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/dropdown-menu.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/dropdown-menu.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/dropdown-menu.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/hotkey.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/hotkey.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/hotkey.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/hotkey.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/label.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/label.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/label.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/label.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/links.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/links.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/links.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/links.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/list-item.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/list-item.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/list-item.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/list-item.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/loader.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/loader.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/loader.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/loader.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/paginator.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/paginator.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/paginator.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/paginator.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/popover.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/popover.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/popover.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/popover.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/popup.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/popup.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/popup.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/popup.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/progress.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/progress.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/progress.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/progress.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/radio-button.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/radio-button.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/radio-button.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/radio-button.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/radio-group.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/radio-group.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/radio-group.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/radio-group.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/radio.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/radio.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/radio.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/radio.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/select.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/select.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/select.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/select.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/skeleton.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/skeleton.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/skeleton.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/skeleton.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/spin.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/spin.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/spin.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/spin.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/switch.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/switch.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/switch.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/switch.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/table.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/table.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/table.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/table.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/tabs.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/tabs.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/tabs.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/tabs.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/text-area.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/text-area.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/text-area.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/text-area.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/text-input.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/text-input.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/text-input.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/text-input.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/toaster.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/toaster.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/toaster.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/toaster.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/tooltip.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/tooltip.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/tooltip.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/tooltip.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/user-label.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/user-label.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/user-label.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/user-label.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/user.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/user.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/design/guides/user.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/design/guides/user.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/icons.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/icons.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/icons.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/icons.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/index.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/index.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/index.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/index.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/app-layout.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/app-layout.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/app-layout.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/app-layout.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/axios-wrapper.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/axios-wrapper.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/axios-wrapper.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/axios-wrapper.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/babel-preset.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/babel-preset.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/babel-preset.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/babel-preset.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/blog-constructor.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/blog-constructor.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/blog-constructor.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/blog-constructor.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/browserslist-config.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/browserslist-config.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/browserslist-config.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/browserslist-config.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/chartkit.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/chartkit.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/chartkit.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/chartkit.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/components.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/components.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/components.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/components.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/dashkit.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/dashkit.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/dashkit.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/dashkit.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/date-components.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/date-components.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/date-components.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/date-components.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/date-utils.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/date-utils.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/date-utils.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/date-utils.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/dialog-fields.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/dialog-fields.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/dialog-fields.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/dialog-fields.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/dynamic-forms.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/dynamic-forms.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/dynamic-forms.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/dynamic-forms.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/eslint-config.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/eslint-config.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/eslint-config.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/eslint-config.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/expresskit.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/expresskit.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/expresskit.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/expresskit.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/i18n.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/i18n.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/i18n.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/i18n.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/icons.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/icons.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/icons.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/icons.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/illustrations.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/illustrations.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/illustrations.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/illustrations.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/markdown-editor.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/markdown-editor.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/markdown-editor.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/markdown-editor.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/navigation.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/navigation.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/navigation.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/navigation.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/nodekit.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/nodekit.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/nodekit.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/nodekit.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/oauth-clients.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/oauth-clients.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/oauth-clients.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/oauth-clients.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/page-constructor.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/page-constructor.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/page-constructor.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/page-constructor.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/paranoid.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/paranoid.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/paranoid.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/paranoid.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/prettier-config.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/prettier-config.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/prettier-config.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/prettier-config.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/react-data-table.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/react-data-table.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/react-data-table.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/react-data-table.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/stylelint-config.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/stylelint-config.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/stylelint-config.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/stylelint-config.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/tsconfig.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/tsconfig.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/tsconfig.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/tsconfig.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/ui-logger.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/ui-logger.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/ui-logger.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/ui-logger.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/uikit.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/uikit.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/uikit.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/uikit.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/unipika.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/unipika.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/unipika.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/unipika.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/libraries/yagr.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/yagr.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/libraries/yagr.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/libraries/yagr.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/rtl.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/rtl.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/rtl.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/rtl.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/date-components/calendar.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/date-components/calendar.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/date-components/calendar.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/date-components/calendar.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/date-components/date-field.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/date-components/date-field.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/date-components/date-field.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/date-components/date-field.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/date-components/date-picker.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/date-components/date-picker.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/date-components/date-picker.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/date-components/date-picker.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/date-components/range-calendar.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/date-components/range-calendar.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/date-components/range-calendar.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/date-components/range-calendar.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/date-components/relative-date-field.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/date-components/relative-date-field.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/date-components/relative-date-field.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/date-components/relative-date-field.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/date-components/relative-date-picker.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/date-components/relative-date-picker.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/date-components/relative-date-picker.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/date-components/relative-date-picker.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/alert.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/alert.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/alert.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/alert.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/arrow-toggle.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/arrow-toggle.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/arrow-toggle.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/arrow-toggle.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/avatar.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/avatar.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/avatar.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/avatar.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/breadcrumbs.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/breadcrumbs.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/breadcrumbs.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/breadcrumbs.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/button.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/button.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/button.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/button.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/card.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/card.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/card.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/card.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/checkbox.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/checkbox.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/checkbox.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/checkbox.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/dropdown-menu.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/dropdown-menu.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/dropdown-menu.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/dropdown-menu.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/icon.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/icon.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/icon.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/icon.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/label.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/label.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/label.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/label.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/link.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/link.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/link.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/link.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/list.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/list.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/list.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/list.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/loader.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/loader.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/loader.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/loader.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/menu.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/menu.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/menu.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/menu.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/modal.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/modal.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/modal.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/modal.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/overlay.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/overlay.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/overlay.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/overlay.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/pagination.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/pagination.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/pagination.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/pagination.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/palette.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/palette.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/palette.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/palette.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/pin-input.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/pin-input.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/pin-input.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/pin-input.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/popup.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/popup.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/popup.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/popup.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/portal.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/portal.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/portal.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/portal.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/progress.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/progress.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/progress.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/progress.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/radio-button.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/radio-button.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/radio-button.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/radio-button.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/radio-group.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/radio-group.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/radio-group.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/radio-group.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/radio.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/radio.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/radio.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/radio.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/select.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/select.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/select.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/select.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/sheet.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/sheet.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/sheet.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/sheet.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/skeleton.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/skeleton.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/skeleton.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/skeleton.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/slider.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/slider.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/slider.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/slider.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/spin.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/spin.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/spin.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/spin.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/switch.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/switch.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/switch.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/switch.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/table.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/table.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/table.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/table.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/tabs.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/tabs.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/tabs.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/tabs.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/text-area.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/text-area.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/text-area.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/text-area.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/text-input.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/text-input.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/text-input.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/text-input.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/text.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/text.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/text.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/text.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/toaster.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/toaster.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/toaster.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/toaster.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/tooltip.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/tooltip.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/tooltip.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/tooltip.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/user-label.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/user-label.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/user-label.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/user-label.json
diff --git a/_next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/user.json b/_next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/user.json
similarity index 100%
rename from _next/data/4t80S9ROjr4WD9qaY0rM6/sandbox/uikit/user.json
rename to _next/data/ev-zpGpRLdzGO2WaNYaWD/sandbox/uikit/user.json
diff --git a/_next/static/chunks/1893-cb28a8dc164dd36a.js b/_next/static/chunks/1893-0c78157253878a4d.js
similarity index 65%
rename from _next/static/chunks/1893-cb28a8dc164dd36a.js
rename to _next/static/chunks/1893-0c78157253878a4d.js
index e2ae481ad9e..7a55ef686e5 100644
--- a/_next/static/chunks/1893-cb28a8dc164dd36a.js
+++ b/_next/static/chunks/1893-0c78157253878a4d.js
@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1893],{63391:function(t){function i(t){var i=Error("Cannot find module '"+t+"'");throw i.code="MODULE_NOT_FOUND",i}i.keys=function(){return[]},i.resolve=i,i.id=63391,t.exports=i},35315:function(t){"use strict";t.exports={i18n:{locales:["en"],defaultLocale:"en",defaultNS:"common",ignoreJSONStructure:!1}}},9663:function(t,i,e){"use strict";e.d(i,{BL:function(){return c},Eu:function(){return s},P3:function(){return o},VZ:function(){return n},WX:function(){return u},mZ:function(){return r},t0:function(){return a}});let a="dark",n="menu",o="content",s="gravity-ui",c="templates",r="gravity-landing-locale-v3",u="https://github.com/gravity-ui/uikit"},80045:function(t,i,e){"use strict";e.d(i,{x:function(){return t8}});var a,n,o=e(89734),s=e.n(o),c=e(31489),r=e(5152),u=e.n(r);(a=n||(n={})).Uikit="uikit",a.Components="components",a.DateComponents="date-components";var g=e(9663),m=e(24480),h=e(83454);let d=h.env.GITHUB_PROFILE||g.Eu,b={[n.Uikit]:h.env.DEV_BRANCH_UIKIT||"v".concat(m[n.Uikit]),[n.Components]:h.env.DEV_BRANCH_COMPONENTS||"v".concat(m[n.Components]),[n.DateComponents]:h.env.DEV_BRANCH_DATE_COMPONENTS||"v".concat(m[n.DateComponents])},p=t=>t.map(t=>({value:t,content:t})),l=t=>{let{componentName:i,repoName:e}=t;return"https://raw.githubusercontent.com/".concat(d,"/").concat(e,"/").concat(b[e],"/src/components/").concat(i,"/README.md")},v=t=>{let{componentName:i,repoName:e}=t;return"https://github.com/".concat(d,"/").concat(e,"/tree/main/src/components/").concat(i)},f={repoName:n.DateComponents,componentName:"Calendar"},y={id:"calendar",title:"Calendar",githubUrl:v(f),isSupportRTL:!0,content:{readmeUrl:l(f)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(8931),e.e(5706),e.e(2538),e.e(8426)]).then(e.bind(e,31805)).then(t=>t.CalendarExample),{loadableGenerated:{webpack:()=>[31805]}}),props:{size:{type:"radioButton",values:p(["m","l","xl"]),defaultValue:"m"},mode:{type:"select",values:p(["days","months","quarters","years"])},disabled:{type:"switch",defaultValue:!1},readOnly:{type:"switch",defaultValue:!1},minValue:{type:"input"},maxValue:{type:"input"},focusedValue:{type:"input"}}}},k={repoName:n.DateComponents,componentName:"DateField"},x={id:"date-field",title:"Date Field",githubUrl:v(k),isSupportRTL:!0,content:{readmeUrl:l(k)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(8931),e.e(5706),e.e(2538),e.e(8426)]).then(e.bind(e,31805)).then(t=>t.DateFieldExample),{loadableGenerated:{webpack:()=>[31805]}}),props:{view:{type:"radioButton",values:p(["normal","clear"]),defaultValue:"normal"},size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},placeholder:{type:"input",defaultValue:"Type here..."},label:{type:"input"},validationState:{type:"radioButton",values:p(["normal","invalid"]),defaultValue:"normal"},errorMessage:{type:"input",defaultValue:"Input is invalid"},disabled:{type:"switch",defaultValue:!1},hasClear:{type:"switch",defaultValue:!1},readOnly:{type:"switch",defaultValue:!1},format:{type:"input",defaultValue:"MM/DD/YYYY"},pin:{type:"select",values:p(["round-round","brick-brick","clear-clear","round-brick","brick-round","round-clear","clear-round","brick-clear","clear-brick"]),defaultValue:"round-round"},minValue:{type:"input"},maxValue:{type:"input"},leftContent:{type:"input"},rightContent:{type:"input"}}}},w={repoName:n.DateComponents,componentName:"DatePicker"},F={id:"date-picker",title:"Date Picker",githubUrl:v(w),isSupportRTL:!0,content:{readmeUrl:l(w)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(8931),e.e(5706),e.e(2538),e.e(8426)]).then(e.bind(e,31805)).then(t=>t.DatePickerSandboxExample),{loadableGenerated:{webpack:()=>[31805]}}),props:{view:{type:"radioButton",values:p(["normal","clear"]),defaultValue:"normal"},size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},placeholder:{type:"input",defaultValue:"Type here..."},label:{type:"input"},validationState:{type:"radioButton",values:p(["normal","invalid"]),defaultValue:"normal"},errorMessage:{type:"input",defaultValue:"Input is invalid"},disabled:{type:"switch",defaultValue:!1},hasClear:{type:"switch",defaultValue:!1},readOnly:{type:"switch",defaultValue:!1},format:{type:"input",defaultValue:"MM/DD/YYYY"},pin:{type:"select",values:p(["round-round","brick-brick","clear-clear","round-brick","brick-round","round-clear","clear-round","brick-clear","clear-brick"]),defaultValue:"round-round"},minValue:{type:"input"},maxValue:{type:"input"}}}},B={repoName:n.DateComponents,componentName:"RangeCalendar"},C={id:"range-calendar",title:"Range Calendar",githubUrl:v(B),isSupportRTL:!0,content:{readmeUrl:l(B)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(8931),e.e(5706),e.e(2538),e.e(8426)]).then(e.bind(e,31805)).then(t=>t.RangeCalendarExample),{loadableGenerated:{webpack:()=>[31805]}}),props:{size:{type:"radioButton",values:p(["m","l","xl"]),defaultValue:"m"},mode:{type:"select",values:p(["days","months","quarters","years"])},disabled:{type:"switch",defaultValue:!1},readOnly:{type:"switch",defaultValue:!1},minValue:{type:"input"},maxValue:{type:"input"},focusedValue:{type:"input"}}}},U={repoName:n.DateComponents,componentName:"RelativeDateField"},S={id:"relative-date-field",title:"Relative Date Field",githubUrl:v(U),isSupportRTL:!0,content:{readmeUrl:l(U)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(8931),e.e(5706),e.e(2538),e.e(8909)]).then(e.bind(e,24226)).then(t=>t.RelativeDateFieldSandBoxExample),{loadableGenerated:{webpack:()=>[24226]}}),props:{view:{type:"radioButton",values:p(["normal","clear"]),defaultValue:"normal"},size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},placeholder:{type:"input",defaultValue:"Type here..."},label:{type:"input"},validationState:{type:"radioButton",values:[{content:"normal",value:""},{content:"invalid",value:"invalid"}],defaultValue:""},errorMessage:{type:"input",defaultValue:"Input is invalid"},disabled:{type:"switch",defaultValue:!1},hasClear:{type:"switch",defaultValue:!1},hasTime:{type:"switch",defaultValue:!1},readOnly:{type:"switch",defaultValue:!1},pin:{type:"select",values:p(["round-round","brick-brick","clear-clear","round-brick","brick-round","round-clear","clear-round","brick-clear","clear-brick"]),defaultValue:"round-round"},leftContent:{type:"input"},rightContent:{type:"input"}}}},T={repoName:n.DateComponents,componentName:"RelativeDatePicker"},A={id:"relative-date-picker",title:"Relative Date Picker",githubUrl:v(T),isSupportRTL:!0,content:{readmeUrl:l(T)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(8931),e.e(5706),e.e(2538),e.e(8426)]).then(e.bind(e,31805)).then(t=>t.RelativeDatePickerSandboxExample),{loadableGenerated:{webpack:()=>[31805]}}),props:{view:{type:"radioButton",values:p(["normal","clear"]),defaultValue:"normal"},size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},placeholder:{type:"input",defaultValue:"Type here..."},label:{type:"input"},validationState:{type:"radioButton",values:p(["normal","invalid"]),defaultValue:"normal"},errorMessage:{type:"input",defaultValue:"Input is invalid"},disabled:{type:"switch",defaultValue:!1},hasClear:{type:"switch",defaultValue:!1},readOnly:{type:"switch",defaultValue:!1},format:{type:"input",defaultValue:"MM/DD/YYYY"},pin:{type:"select",values:p(["round-round","brick-brick","clear-clear","round-brick","brick-round","round-clear","clear-round","brick-clear","clear-brick"]),defaultValue:"round-round"},minValue:{type:"input"},maxValue:{type:"input"}}}},{config:I}=(0,c.MM)("date-components"),P={id:I.id,title:I.title,primary:I.primary,components:s()([y,x,F,C,S,A],"title")},{config:D}=(0,c.MM)("navigation"),N={id:D.id,title:D.title,primary:D.primary,components:s()([{id:"action-bar",title:"Action Bar",isComingSoon:!0},{id:"all-pages-panel",title:"All Pages Panel",isComingSoon:!0},{id:"aside-header",title:"Aside Header",isComingSoon:!0},{id:"drawer",title:"Drawer",isComingSoon:!0},{id:"hotkeys-panel",title:"Hotkeys Panel",isComingSoon:!0},{id:"mobile-header",title:"Mobile Header",isComingSoon:!0},{id:"settings",title:"Settings",isComingSoon:!0}],"title")},R={repoName:n.Uikit,componentName:"Alert"},E={id:"alert",title:"Alert",githubUrl:v(R),isSupportRTL:!0,content:{readmeUrl:l(R)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.Alert),{loadableGenerated:{webpack:()=>[null]}}),props:{theme:{type:"select",values:p(["normal","info","success","warning","danger"]),defaultValue:"normal"},view:{type:"select",values:p(["filled","outlined"]),defaultValue:"filled"},corners:{type:"radioButton",values:p(["rounded","square"]),defaultValue:"rounded"},title:{type:"input",defaultValue:"Alert title"},message:{type:"input",defaultValue:"Alert message"}}}},L={repoName:n.Uikit,componentName:"ArrowToggle"},M={id:"arrow-toggle",title:"ArrowToggle",githubUrl:v(L),content:{readmeUrl:l(L)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.ArrowToggle),{loadableGenerated:{webpack:()=>[null]}}),props:{direction:{type:"select",values:p(["top","left","bottom","right"]),defaultValue:"bottom"},size:{type:"input",defaultValue:"16"}}}},z={repoName:n.Uikit,componentName:"Avatar"},G={id:"avatar",title:"Avatar",githubUrl:v(z),isSupportRTL:!0,content:{readmeUrl:l(z)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.Avatar),{loadableGenerated:{webpack:()=>[null]}}),props:{size:{type:"select",values:p(["xs","s","m","l","xl"]),defaultValue:"xl"},theme:{type:"radioButton",values:p(["normal","brand"]),defaultValue:"normal"},view:{type:"radioButton",values:p(["filled","outlined"]),defaultValue:"filled"},imgUrl:{type:"input"},fallbackImgUrl:{type:"input"},sizes:{type:"input"},srcSet:{type:"input"},alt:{type:"input"},icon:{type:"input",defaultValue:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.836 3.202 1.74 5.386a.396.396 0 0 0 0 .728l5.096 2.184a2.5 2.5 0 0 0 .985.202h.358a2.5 2.5 0 0 0 .985-.202l5.096-2.184a.396.396 0 0 0 0-.728L9.164 3.202A2.5 2.5 0 0 0 8.179 3h-.358a2.5 2.5 0 0 0-.985.202ZM1.5 7.642l1.5.644v3.228a2 2 0 0 0 1.106 1.789l.806.403a7 7 0 0 0 6.193.033l.909-.442a2 2 0 0 0 1.125-1.798V8.226l1.712-.734a1.896 1.896 0 0 0 0-3.484L9.755 1.823A4 4 0 0 0 8.179 1.5h-.358a4 4 0 0 0-1.576.323L1.15 4.008A1.896 1.896 0 0 0 0 5.75v4.5a.75.75 0 0 0 1.5 0V7.643Zm3 3.872V8.929l1.745.748A4 4 0 0 0 7.821 10h.358a4 4 0 0 0 1.576-.323l1.884-.808v2.63a.5.5 0 0 1-.282.45l-.909.442a5.5 5.5 0 0 1-4.865-.027l-.807-.403a.5.5 0 0 1-.276-.447Z" clip-rule="evenodd"/></svg>'},text:{type:"input"},backgroundColor:{type:"input"},borderColor:{type:"input"},color:{type:"input"},title:{type:"input"}}}},V={repoName:n.Uikit,componentName:"Breadcrumbs"},H={id:"breadcrumbs",title:"Breadcrumbs",githubUrl:v(V),isSupportRTL:!0,content:{readmeUrl:l(V)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(5527),e.e(8663),e.e(1890)]).then(e.bind(e,32901)).then(t=>t.BreadcrumbsWrapper),{loadableGenerated:{webpack:()=>[32901]}}),props:{firstDisplayedItemsCount:{type:"radioButton",values:[{value:0,content:"0"},{value:1,content:"1"}],defaultValue:0},lastDisplayedItemsCount:{type:"radioButton",values:[{value:1,content:"1"},{value:2,content:"2"}],defaultValue:1}}}},j={repoName:n.Uikit,componentName:"Button"},O={id:"button",title:"Button",githubUrl:v(j),isSupportRTL:!0,content:{readmeUrl:l(j)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(3827)]).then(e.bind(e,25630)).then(t=>t.ButtonWrapper),{loadableGenerated:{webpack:()=>[25630]}}),props:{view:{type:"select",values:p(["normal","action","raised","outlined","outlined-action","outlined-info","outlined-success","outlined-warning","outlined-danger","flat","flat-action","flat-info","flat-success","flat-warning","flat-danger","flat-secondary","normal-contrast","outlined-contrast","flat-contrast"]),defaultValue:"normal"},size:{type:"radioButton",values:p(["xs","s","m","l","xl"]),defaultValue:"m"},pin:{type:"select",values:p(["round-round","brick-brick","clear-clear","round-brick","brick-round","round-clear","clear-round","brick-clear","clear-brick","circle-circle","circle-brick","brick-circle","circle-clear","clear-circle"]),defaultValue:"round-round"},selected:{type:"switch",defaultValue:!1},disabled:{type:"switch",defaultValue:!1},loading:{type:"switch",defaultValue:!1},startIcon:{type:"switch",defaultValue:!1},endIcon:{type:"switch",defaultValue:!1},onlyIcon:{type:"switch",defaultValue:!1},width:{type:"radioButton",values:p(["auto","max"]),defaultValue:"auto"},children:{type:"input",defaultValue:"Button"}}}},q={repoName:n.Uikit,componentName:"Card"},K={id:"card",title:"Card",githubUrl:v(q),content:{readmeUrl:l(q)},sandbox:{component:u()(()=>e.e(4425).then(e.bind(e,54425)).then(t=>t.CardComponent),{loadableGenerated:{webpack:()=>[54425]}}),props:{theme:{type:"select",values:p(["normal","info","success","warning","danger"]),defaultValue:"normal"},type:{type:"select",values:p(["container","selection","action"]),defaultValue:"container"},view:{type:"select",values:p(["outlined","clear","filled","raised"]),defaultValue:"outlined"}}}},Y={repoName:n.Uikit,componentName:"Checkbox"},_={id:"checkbox",title:"Checkbox",githubUrl:v(Y),isSupportRTL:!0,content:{readmeUrl:l(Y)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.Checkbox),{loadableGenerated:{webpack:()=>[null]}}),props:{size:{type:"radioButton",values:p(["m","l"]),defaultValue:"m"},content:{type:"input",defaultValue:"Content"},checked:{type:"switch",defaultValue:!0},disabled:{type:"switch",defaultValue:!1},indeterminate:{type:"switch",defaultValue:!1}}}},W={repoName:n.Uikit,componentName:"DropdownMenu"},Q={id:"dropdown-menu",title:"DropdownMenu",githubUrl:v(W),isSupportRTL:!0,content:{readmeUrl:l(W)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(5527),e.e(8529)]).then(e.bind(e,39871)).then(t=>t.DropdownMenuComponent),{loadableGenerated:{webpack:()=>[39871]}}),props:{size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},disabled:{type:"switch",defaultValue:!1}}}},$={repoName:n.Uikit,componentName:"Icon"},J={id:"icon",title:"Icon",githubUrl:v($),content:{readmeUrl:l($)}},X={repoName:n.Uikit,componentName:"Label"},Z={id:"label",title:"Label",githubUrl:v(X),isSupportRTL:!0,content:{readmeUrl:l(X)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.Label),{loadableGenerated:{webpack:()=>[null]}}),props:{theme:{type:"select",values:p(["normal","info","success","warning","danger","unknown","clear"]),defaultValue:"normal"},type:{type:"radioButton",values:p(["default","close","copy"]),defaultValue:"default"},size:{type:"radioButton",values:p(["xs","s","m"]),defaultValue:"s"},disabled:{type:"switch",defaultValue:!1},interactive:{type:"switch",defaultValue:!1},value:{type:"input"},copyText:{type:"input",defaultValue:"Text to copy"},children:{type:"input",defaultValue:"Label"}}}},tt={repoName:n.Uikit,componentName:"Link"},ti={id:"link",title:"Link",githubUrl:v(tt),content:{readmeUrl:l(tt)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.Link),{loadableGenerated:{webpack:()=>[null]}}),props:{view:{type:"select",values:p(["normal","primary","secondary"]),defaultValue:"normal"},visitable:{type:"switch",defaultValue:!1},href:{type:"input",defaultValue:"https://gravity-ui.com/"},target:{type:"input"},rel:{type:"input"},title:{type:"input"},children:{type:"text",defaultValue:"Link"}}}},te={repoName:n.Uikit,componentName:"List"},ta={id:"list",title:"List",githubUrl:v(te),isSupportRTL:!0,content:{readmeUrl:l(te)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(2725),e.e(1989)]).then(e.bind(e,56169)).then(t=>t.ListComponent),{loadableGenerated:{webpack:()=>[56169]}}),props:{filterable:{type:"switch",defaultValue:!0},sortable:{type:"switch",defaultValue:!1},filterPlaceholder:{type:"input",defaultValue:"Default placeholder"},emptyPlaceholder:{type:"input",defaultValue:"Not found"}}}},tn={repoName:n.Uikit,componentName:"Loader"},to={id:"loader",title:"Loader",githubUrl:v(tn),isSupportRTL:!0,content:{readmeUrl:l(tn)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.Loader),{loadableGenerated:{webpack:()=>[null]}}),props:{size:{type:"radioButton",values:p(["s","m","l"]),defaultValue:"m"}}}},ts={repoName:n.Uikit,componentName:"Menu"},tc={id:"menu",title:"Menu",githubUrl:v(ts),isSupportRTL:!0,content:{readmeUrl:l(ts)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(1134)]).then(e.bind(e,74282)).then(t=>t.MenuComponent),{loadableGenerated:{webpack:()=>[74282]}}),props:{size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},groupLabel:{type:"input",defaultValue:"Group"},itemChildren:{type:"input",defaultValue:"First"},itemTheme:{type:"radioButton",values:p(["normal","danger"]),defaultValue:"normal"},itemDisabled:{type:"switch",defaultValue:!1},itemSelected:{type:"switch",defaultValue:!1},itemActive:{type:"switch",defaultValue:!1},itemHref:{type:"input",defaultValue:"#"}}}},tr={repoName:n.Uikit,componentName:"Modal"},tu={id:"modal",title:"Modal",githubUrl:v(tr),content:{readmeUrl:l(tr)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(3740),e.e(1228)]).then(e.bind(e,46156)).then(t=>t.ModalComponent),{loadableGenerated:{webpack:()=>[46156]}}),props:{autoFocus:{type:"switch",defaultValue:!0},focusTrap:{type:"switch",defaultValue:!0},disableBodyScrollLock:{type:"switch",defaultValue:!1}}}},tg={repoName:n.Uikit,componentName:"Overlay"},tm={id:"overlay",title:"Overlay",githubUrl:v(tg),content:{readmeUrl:l(tg)},sandbox:{component:u()(()=>e.e(8108).then(e.bind(e,8108)).then(t=>t.OverlayComponent),{loadableGenerated:{webpack:()=>[8108]}}),props:{visible:{type:"switch",defaultValue:!0},background:{type:"radioButton",values:p(["base","float"]),defaultValue:"base"}}}},th={repoName:n.Uikit,componentName:"Pagination"},td={id:"pagination",title:"Pagination",githubUrl:v(th),isSupportRTL:!0,content:{readmeUrl:l(th)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(2725),e.e(9031),e.e(6522)]).then(e.bind(e,53194)).then(t=>t.PaginationComponent),{loadableGenerated:{webpack:()=>[53194]}}),props:{page:{type:"input",defaultValue:1},pageSize:{type:"input",defaultValue:10},total:{type:"input",defaultValue:30},compact:{type:"switch",defaultValue:!0},showInput:{type:"switch",defaultValue:!0},showPages:{type:"switch",defaultValue:!0}}}},tb={repoName:n.Uikit,componentName:"Palette"},tp={id:"palette",title:"Palette",githubUrl:v(tb),isSupportRTL:!0,content:{readmeUrl:l(tb)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(874)]).then(e.bind(e,35647)).then(t=>{let{PaletteComponent:i}=t;return i}),{loadableGenerated:{webpack:()=>[35647]}}),props:{size:{type:"radioButton",values:p(["xs","s","m","l","xl"]),defaultValue:"m"},columns:{type:"input",defaultValue:6},disabled:{type:"switch",defaultValue:!1},multiple:{type:"switch",defaultValue:!0}}}},tl={repoName:n.Uikit,componentName:"PinInput"},tv={id:"pin-input",title:"PinInput",githubUrl:v(tl),isSupportRTL:!0,content:{readmeUrl:l(tl)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.PinInput),{loadableGenerated:{webpack:()=>[null]}}),props:{size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},type:{type:"radioButton",values:p(["numeric","alphanumeric"]),defaultValue:"numeric"},length:{type:"radioButton",values:p(["4","6"]),defaultValue:"4"},placeholder:{type:"input"},note:{type:"input"},validationState:{type:"radioButton",values:p(["normal","invalid"]),defaultValue:"normal"},errorMessage:{type:"input",defaultValue:"PIN incorrect"},disabled:{type:"switch",defaultValue:!1},otp:{type:"switch",defaultValue:!1},mask:{type:"switch",defaultValue:!1}}}},tf={repoName:n.Uikit,componentName:"Popup"},ty={id:"popup",title:"Popup",githubUrl:v(tf),content:{readmeUrl:l(tf)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(4830)]).then(e.bind(e,42493)).then(t=>t.PopupComponent),{loadableGenerated:{webpack:()=>[42493]}}),props:{open:{type:"switch",defaultValue:!0},hasArrow:{type:"switch",defaultValue:!1},placement:{type:"select",values:p(["bottom-start","bottom","bottom-end","top-start","top","top-end","right-start","right","right-end","left-start","left","left-end"]),defaultValue:"bottom"}}}},tk={repoName:n.Uikit,componentName:"Portal"},tx={id:"portal",title:"Portal",githubUrl:v(tk),content:{readmeUrl:l(tk)}},tw={repoName:n.Uikit,componentName:"Progress"},tF={id:"progress",title:"Progress",githubUrl:v(tw),isSupportRTL:!0,content:{readmeUrl:l(tw)},sandbox:{component:u()(()=>e.e(4417).then(e.bind(e,34417)).then(t=>t.ProgressComponent),{loadableGenerated:{webpack:()=>[34417]}}),props:{theme:{type:"select",values:p(["default","success","warning","danger","info","misc"]),defaultValue:"default"},value:{type:"input",defaultValue:80},text:{type:"input",defaultValue:"pending"},size:{type:"radioButton",values:p(["xs","s","m"]),defaultValue:"m"},loading:{type:"switch",defaultValue:!1}}}},tB={repoName:n.Uikit,componentName:"Radio"},tC={id:"radio",title:"Radio",githubUrl:v(tB),isSupportRTL:!0,content:{readmeUrl:l(tB)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(167)]).then(e.bind(e,62629)).then(t=>t.RadioComponent),{loadableGenerated:{webpack:()=>[62629]}}),props:{size:{type:"radioButton",values:p(["m","l"]),defaultValue:"m"},content:{type:"input",defaultValue:"Content"},checked:{type:"switch",defaultValue:!0},disabled:{type:"switch",defaultValue:!1}}}},tU={repoName:n.Uikit,componentName:"RadioButton"},tS={id:"radio-button",title:"RadioButton",githubUrl:v(tU),isSupportRTL:!0,content:{readmeUrl:l(tU)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(853)]).then(e.bind(e,39295)).then(t=>t.RadioButtonComponent),{loadableGenerated:{webpack:()=>[39295]}}),props:{size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},width:{type:"radioButton",values:p(["auto","max"]),defaultValue:"auto"},disabled:{type:"switch",defaultValue:!1}}}},tT={repoName:n.Uikit,componentName:"RadioGroup"},tA={id:"radio-group",title:"RadioGroup",githubUrl:v(tT),isSupportRTL:!0,content:{readmeUrl:l(tT)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(8785)]).then(e.bind(e,57605)).then(t=>t.RadioGroupComponent),{loadableGenerated:{webpack:()=>[57605]}}),props:{size:{type:"radioButton",values:p(["m","l"]),defaultValue:"m"},direction:{type:"radioButton",values:p(["horizontal","vertical"]),defaultValue:"horizontal"},disabled:{type:"switch",defaultValue:!1}}}},tI={repoName:n.Uikit,componentName:"Select"},tP={id:"select",title:"Select",githubUrl:v(tI),isSupportRTL:!0,content:{readmeUrl:l(tI)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(2725),e.e(9031),e.e(8614)]).then(e.bind(e,52811)).then(t=>t.SelectComponent),{loadableGenerated:{webpack:()=>[52811]}}),props:{size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},pin:{type:"select",values:p(["round-round","brick-brick","clear-clear","round-brick","brick-round","round-clear","clear-round","brick-clear","clear-brick","circle-circle","circle-brick","brick-circle","circle-clear","clear-circle"]),defaultValue:"round-round"},placeholder:{type:"input",defaultValue:""},label:{type:"input"},multiple:{type:"switch",defaultValue:!1},filterable:{type:"switch",defaultValue:!1},disabled:{type:"switch",defaultValue:!1},hasClear:{type:"switch",defaultValue:!1}}}},tD={repoName:n.Uikit,componentName:"Sheet"},tN={id:"sheet",title:"Sheet",githubUrl:v(tD),content:{readmeUrl:l(tD)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(8122),e.e(8730)]).then(e.bind(e,78730)).then(t=>t.SheetComponent),{loadableGenerated:{webpack:()=>[78730]}}),props:{title:{type:"input",defaultValue:"Title"},hideTopBar:{type:"switch",defaultValue:!1},allowHideOnContentScroll:{type:"switch",defaultValue:!0}}}},tR={repoName:n.Uikit,componentName:"Skeleton"},tE={id:"skeleton",title:"Skeleton",githubUrl:v(tR),isSupportRTL:!0,content:{readmeUrl:l(tR)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.Skeleton.bind(null,{style:{height:"80px"}})),{loadableGenerated:{webpack:()=>[null]}}),props:{}}},tL={repoName:n.Uikit,componentName:"Slider"},tM={id:"slider",title:"Slider",githubUrl:v(tL),content:{readmeUrl:l(tL)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(7533),e.e(9854)]).then(e.bind(e,77886)).then(t=>t.SliderExample),{loadableGenerated:{webpack:()=>[77886]}}),props:{hasTooltip:{type:"switch",defaultValue:!1},disabled:{type:"switch",defaultValue:!1},validationState:{type:"radioButton",values:p(["normal","invalid"]),defaultValue:"normal"},errorMessage:{type:"input",defaultValue:"Input is invalid"},size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},min:{type:"input",defaultValue:0},max:{type:"input",defaultValue:100},step:{type:"input",defaultValue:1},debounceDelay:{type:"input",defaultValue:0},marksCount:{type:"input",defaultValue:2}}}},tz={repoName:n.Uikit,componentName:"Spin"},tG={id:"spin",title:"Spin",githubUrl:v(tz),content:{readmeUrl:l(tz)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.Spin),{loadableGenerated:{webpack:()=>[null]}}),props:{size:{type:"radioButton",values:p(["xs","s","m","l","xl"]),defaultValue:"m"}}}},tV={repoName:n.Uikit,componentName:"Switch"},tH={id:"switch",title:"Switch",githubUrl:v(tV),isSupportRTL:!0,content:{readmeUrl:l(tV)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.Switch),{loadableGenerated:{webpack:()=>[null]}}),props:{size:{type:"radioButton",values:p(["m","l"]),defaultValue:"m"},content:{type:"input",defaultValue:"Content"},checked:{type:"switch",defaultValue:!0},disabled:{type:"switch",defaultValue:!1}}}},tj={repoName:n.Uikit,componentName:"Table"},tO={id:"table",title:"Table",githubUrl:v(tj),isSupportRTL:!0,content:{readmeUrl:l(tj)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(1355),e.e(4013),e.e(219),e.e(1709)]).then(e.bind(e,98800)).then(t=>t.TableComponent),{loadableGenerated:{webpack:()=>[98800]}}),props:{verticalAlign:{type:"select",values:p(["top","middle"]),defaultValue:"top"},rowActionsSize:{type:"select",values:p(["s","m","l","xl"]),defaultValue:"s"},edgePadding:{type:"switch"}}}},tq={repoName:n.Uikit,componentName:"Tabs"},tK={id:"tabs",title:"Tabs",githubUrl:v(tq),isSupportRTL:!0,content:{readmeUrl:l(tq)},sandbox:{component:u()(()=>e.e(1759).then(e.bind(e,51759)).then(t=>t.TabsComponent),{loadableGenerated:{webpack:()=>[51759]}}),props:{size:{type:"radioButton",values:p(["m","l","xl"]),defaultValue:"m"},disabled:{type:"switch",defaultValue:!1}}}},tY={repoName:n.Uikit,componentName:"Text"},t_={id:"text",title:"Text",githubUrl:v(tY),isSupportRTL:!0,content:{readmeUrl:l(tY)},sandbox:{component:u()(()=>e.e(6901).then(e.bind(e,56901)).then(t=>t.TextComponent),{loadableGenerated:{webpack:()=>[56901]}}),props:{variant:{type:"select",values:p(["body-1","body-2","body-3","body-short","caption-1","caption-2","header-1","header-2","subheader-1","subheader-2","subheader-3","display-1","display-2","display-3","display-4","code-1","code-2","code-3","code-inline-1","code-inline-2","code-inline-3"]),defaultValue:"body-1"},text:{type:"input",defaultValue:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente exercitationem aperiam quibusdam libero ipsa veritatis quisquam!"},ellipsis:{type:"switch",defaultValue:!1},whiteSpace:{type:"select",values:p(["","nowrap","break-spaces"]),defaultValue:""},wordBreak:{type:"select",values:p(["","break-all"]),defaultValue:""},color:{type:"select",values:p(["primary","complementary","secondary","hint","info","info-heavy","positive","positive-heavy","warning","warning-heavy","danger","danger-heavy","utility","utility-heavy","misc","misc-heavy","brand","link","link-hover","link-visited","link-visited-hover","dark-primary","dark-complementary","dark-secondary","light-primary","light-complementary","light-secondary","light-hint","inverted-primary","inverted-complementary","inverted-secondary","inverted-hint"]),defaultValue:"primary"}}}},tW={repoName:n.Uikit,componentName:"controls/TextArea"},tQ={id:"text-area",title:"TextArea",githubUrl:v(tW),isSupportRTL:!0,content:{readmeUrl:l(tW)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(9800),e.e(7131)]).then(e.bind(e,67131)).then(t=>t.TextAreaComponent),{loadableGenerated:{webpack:()=>[67131]}}),props:{view:{type:"radioButton",values:p(["normal","clear"]),defaultValue:"normal"},size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},placeholder:{type:"input",defaultValue:"Type here..."},note:{type:"input"},minRows:{type:"input",defaultValue:2},maxRows:{type:"input",defaultValue:5},validationState:{type:"radioButton",values:p(["normal","invalid"]),defaultValue:"normal"},errorMessage:{type:"input",defaultValue:"Input is invalid"},disabled:{type:"switch",defaultValue:!1},hasClear:{type:"switch",defaultValue:!1}}}},t$={repoName:n.Uikit,componentName:"controls/TextInput"},tJ={id:"text-input",title:"TextInput",githubUrl:v(t$),isSupportRTL:!0,content:{readmeUrl:l(t$)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(8931),e.e(8148)]).then(e.bind(e,35573)).then(t=>t.TextInputComponent),{loadableGenerated:{webpack:()=>[35573]}}),props:{view:{type:"radioButton",values:p(["normal","clear"]),defaultValue:"normal"},size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},placeholder:{type:"input",defaultValue:"Type here..."},label:{type:"input"},note:{type:"input"},validationState:{type:"radioButton",values:p(["normal","invalid"]),defaultValue:"normal"},errorMessage:{type:"input",defaultValue:"Input is invalid"},errorPlacement:{type:"radioButton",values:p(["outside","inside"]),defaultValue:"outside"},disabled:{type:"switch",defaultValue:!1},hasClear:{type:"switch",defaultValue:!1}}}},tX={repoName:n.Uikit,componentName:"Toaster"},tZ={title:{type:"input",defaultValue:"Done with this task"},content:{type:"input",defaultValue:"Everything is fine"},action:{type:"input",defaultValue:"Okay then"},theme:{type:"select",values:[void 0,"info","success","warning","danger"].map(t=>({value:void 0===t?"undefined":t,content:void 0===t?"none":t})),defaultValue:"undefined"},autoHiding:{type:"switch",defaultValue:!1},isClosable:{type:"switch",defaultValue:!1},isMobile:{type:"switch",defaultValue:!1}},t0={id:"toaster",title:"Toaster",githubUrl:v(tX),content:{readmeUrl:l(tX)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(9549),e.e(3608)]).then(e.bind(e,63608)).then(t=>t.ToasterProxy),{loadableGenerated:{webpack:()=>[63608]}}),props:tZ}},t1={repoName:n.Uikit,componentName:"Tooltip"},t2={id:"tooltip",title:"Tooltip",githubUrl:v(t1),content:{readmeUrl:l(t1)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(5005)]).then(e.bind(e,93846)).then(t=>t.TooltipComponent),{loadableGenerated:{webpack:()=>[93846]}}),props:{placement:{type:"select",values:p(["bottom-start","bottom","bottom-end","top-start","top","top-end","right-start","right","right-end","left-start","left","left-end"]),defaultValue:"bottom"}}}},t3={repoName:n.Uikit,componentName:"User"},t4={id:"user",title:"User",githubUrl:v(t3),isSupportRTL:!0,content:{readmeUrl:l(t3)},sandbox:{component:u()(()=>e.e(4139).then(e.bind(e,94139)).then(t=>t.UserSandbox),{loadableGenerated:{webpack:()=>[94139]}}),props:{size:{type:"select",values:p(["xs","s","m","l","xl"]),defaultValue:"l"},name:{type:"input",defaultValue:"Charles Darwin"},description:{type:"input",defaultValue:"charles@mail.ai"}}}},t5={repoName:n.Uikit,componentName:"UserLabel"},t6={id:"user-label",title:"UserLabel",githubUrl:v(t5),isSupportRTL:!0,content:{readmeUrl:l(t5)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.UserLabel),{loadableGenerated:{webpack:()=>[null]}}),props:{view:{type:"radioButton",values:p(["outlined","clear"]),defaultValue:"outlined"},type:{type:"radioButton",values:p(["person","email","empty"]),defaultValue:"person"},avatar:{type:"input",defaultValue:"https://upload.wikimedia.org/wikipedia/commons/thumb/3/33/Charles_Darwin_by_Julia_Margaret_Cameron%2C_c._1868.jpg/193px-Charles_Darwin_by_Julia_Margaret_Cameron%2C_c._1868.jpg"},children:{type:"input",defaultValue:"Charles Darwin"}}}},{config:t7}=(0,c.MM)("uikit"),t8=[{id:t7.id,title:t7.title,primary:t7.primary,components:s()([E,M,G,H,O,K,_,Q,J,Z,ta,ti,to,tc,tu,tm,td,tp,tv,ty,tx,tF,tC,tS,tA,tP,tE,tM,tG,tH,tO,tK,t_,tQ,tJ,t2,t0,t4,t6,tN],"title")},P,N]},75401:function(t,i,e){"use strict";e(55709),e(35315)},31489:function(t,i,e){"use strict";e.d(i,{Ge:function(){return n},es:function(){return y},MM:function(){return v},GM:function(){return w},t0:function(){return f},Aw:function(){return l},n6:function(){return S},fe:function(){return k},Bi:function(){return o},p6:function(){return B},Uu:function(){return c}});var a=e(22853);function n(t){return(0,a.Z)("".concat("gravity-ui-landing-").concat(t))}function o(t){return"string"==typeof t?{src:t}:t}let s="light";function c(t){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:s;return"object"==typeof t&&null!==t&&s in t?t[i]||t[s]:t}var r=e(96486),u=e.n(r),g=e(70850),m=e.n(g),h=JSON.parse('[{"login":"gorgeousvlad","avatarUrl":"https://avatars.githubusercontent.com/u/20395936?v=4","url":"https://github.com/gorgeousvlad","contributions":465},{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":395},{"login":"NikitaCG","avatarUrl":"https://avatars.githubusercontent.com/u/36075690?v=4","url":"https://github.com/NikitaCG","contributions":333},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":281},{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":228},{"login":"zefirka","avatarUrl":"https://avatars.githubusercontent.com/u/5380542?v=4","url":"https://github.com/zefirka","contributions":172},{"login":"NikitaShkaruba","avatarUrl":"https://avatars.githubusercontent.com/u/8822095?v=4","url":"https://github.com/NikitaShkaruba","contributions":166},{"login":"d3m1d0v","avatarUrl":"https://avatars.githubusercontent.com/u/26671342?v=4","url":"https://github.com/d3m1d0v","contributions":164},{"login":"niktverd","avatarUrl":"https://avatars.githubusercontent.com/u/61203447?v=4","url":"https://github.com/niktverd","contributions":163},{"login":"ogonkov","avatarUrl":"https://avatars.githubusercontent.com/u/1091927?v=4","url":"https://github.com/ogonkov","contributions":129},{"login":"ma-efremoff","avatarUrl":"https://avatars.githubusercontent.com/u/64027148?v=4","url":"https://github.com/ma-efremoff","contributions":115},{"login":"vanilla-wave","avatarUrl":"https://avatars.githubusercontent.com/u/13496759?v=4","url":"https://github.com/vanilla-wave","contributions":111},{"login":"imsitnikov","avatarUrl":"https://avatars.githubusercontent.com/u/29424746?v=4","url":"https://github.com/imsitnikov","contributions":92},{"login":"Raubzeug","avatarUrl":"https://avatars.githubusercontent.com/u/42094364?v=4","url":"https://github.com/Raubzeug","contributions":90},{"login":"Lunory","avatarUrl":"https://avatars.githubusercontent.com/u/22904809?v=4","url":"https://github.com/Lunory","contributions":72},{"login":"aeksandla","avatarUrl":"https://avatars.githubusercontent.com/u/46083995?v=4","url":"https://github.com/aeksandla","contributions":69},{"login":"resure","avatarUrl":"https://avatars.githubusercontent.com/u/168296?v=4","url":"https://github.com/resure","contributions":63},{"login":"IsaevAlexandr","avatarUrl":"https://avatars.githubusercontent.com/u/27916444?v=4","url":"https://github.com/IsaevAlexandr","contributions":59},{"login":"kuzmadom","avatarUrl":"https://avatars.githubusercontent.com/u/7911723?v=4","url":"https://github.com/kuzmadom","contributions":58},{"login":"NasgulNexus","avatarUrl":"https://avatars.githubusercontent.com/u/23384737?v=4","url":"https://github.com/NasgulNexus","contributions":57},{"login":"bocembocem","avatarUrl":"https://avatars.githubusercontent.com/u/58661343?v=4","url":"https://github.com/bocembocem","contributions":57},{"login":"tsufiev","avatarUrl":"https://avatars.githubusercontent.com/u/1240006?v=4","url":"https://github.com/tsufiev","contributions":56},{"login":"smsochneg","avatarUrl":"https://avatars.githubusercontent.com/u/15200559?v=4","url":"https://github.com/smsochneg","contributions":53},{"login":"Kyzyl-ool","avatarUrl":"https://avatars.githubusercontent.com/u/30153778?v=4","url":"https://github.com/Kyzyl-ool","contributions":52},{"login":"jhoncool","avatarUrl":"https://avatars.githubusercontent.com/u/11226935?v=4","url":"https://github.com/jhoncool","contributions":51},{"login":"Marginy605","avatarUrl":"https://avatars.githubusercontent.com/u/98329176?v=4","url":"https://github.com/Marginy605","contributions":50},{"login":"melikhov-dev","avatarUrl":"https://avatars.githubusercontent.com/u/1742586?v=4","url":"https://github.com/melikhov-dev","contributions":45},{"login":"roberthovsepyan","avatarUrl":"https://avatars.githubusercontent.com/u/33484604?v=4","url":"https://github.com/roberthovsepyan","contributions":40},{"login":"DarkGenius","avatarUrl":"https://avatars.githubusercontent.com/u/4076124?v=4","url":"https://github.com/DarkGenius","contributions":39},{"login":"bezany","avatarUrl":"https://avatars.githubusercontent.com/u/5105017?v=4","url":"https://github.com/bezany","contributions":38},{"login":"VitaliiDC8","avatarUrl":"https://avatars.githubusercontent.com/u/127111625?v=4","url":"https://github.com/VitaliiDC8","contributions":34},{"login":"mournfulCoroner","avatarUrl":"https://avatars.githubusercontent.com/u/56549651?v=4","url":"https://github.com/mournfulCoroner","contributions":33},{"login":"goshander","avatarUrl":"https://avatars.githubusercontent.com/u/5037509?v=4","url":"https://github.com/goshander","contributions":31},{"login":"vvtimofeev","avatarUrl":"https://avatars.githubusercontent.com/u/108340247?v=4","url":"https://github.com/vvtimofeev","contributions":30},{"login":"qradle-yndx","avatarUrl":"https://avatars.githubusercontent.com/u/148218517?v=4","url":"https://github.com/qradle-yndx","contributions":27},{"login":"kseniya57","avatarUrl":"https://avatars.githubusercontent.com/u/31247233?v=4","url":"https://github.com/kseniya57","contributions":26},{"login":"SeqviriouM","avatarUrl":"https://avatars.githubusercontent.com/u/1071418?v=4","url":"https://github.com/SeqviriouM","contributions":26},{"login":"Lunatic174","avatarUrl":"https://avatars.githubusercontent.com/u/10085601?v=4","url":"https://github.com/Lunatic174","contributions":25},{"login":"Lakate","avatarUrl":"https://avatars.githubusercontent.com/u/8994274?v=4","url":"https://github.com/Lakate","contributions":23},{"login":"GermanVor","avatarUrl":"https://avatars.githubusercontent.com/u/43282255?v=4","url":"https://github.com/GermanVor","contributions":22},{"login":"imechoim","avatarUrl":"https://avatars.githubusercontent.com/u/8857511?v=4","url":"https://github.com/imechoim","contributions":22},{"login":"KirillDyachkovskiy","avatarUrl":"https://avatars.githubusercontent.com/u/81510334?v=4","url":"https://github.com/KirillDyachkovskiy","contributions":22},{"login":"Arucard89","avatarUrl":"https://avatars.githubusercontent.com/u/13587201?v=4","url":"https://github.com/Arucard89","contributions":21},{"login":"dgaponov","avatarUrl":"https://avatars.githubusercontent.com/u/13693437?v=4","url":"https://github.com/dgaponov","contributions":21},{"login":"viladimiru","avatarUrl":"https://avatars.githubusercontent.com/u/26850586?v=4","url":"https://github.com/viladimiru","contributions":21},{"login":"DC-RomanKarpov","avatarUrl":"https://avatars.githubusercontent.com/u/124568536?v=4","url":"https://github.com/DC-RomanKarpov","contributions":20},{"login":"astandrik","avatarUrl":"https://avatars.githubusercontent.com/u/8037318?v=4","url":"https://github.com/astandrik","contributions":19},{"login":"sunduckcow","avatarUrl":"https://avatars.githubusercontent.com/u/83990793?v=4","url":"https://github.com/sunduckcow","contributions":16},{"login":"pavel-klimov","avatarUrl":"https://avatars.githubusercontent.com/u/42768217?v=4","url":"https://github.com/pavel-klimov","contributions":16},{"login":"artemluchin","avatarUrl":"https://avatars.githubusercontent.com/u/12445010?v=4","url":"https://github.com/artemluchin","contributions":15},{"login":"makhnatkin","avatarUrl":"https://avatars.githubusercontent.com/u/1963954?v=4","url":"https://github.com/makhnatkin","contributions":14},{"login":"helenjer","avatarUrl":"https://avatars.githubusercontent.com/u/5168501?v=4","url":"https://github.com/helenjer","contributions":13},{"login":"Ruminat","avatarUrl":"https://avatars.githubusercontent.com/u/18216279?v=4","url":"https://github.com/Ruminat","contributions":13},{"login":"Mishnya","avatarUrl":"https://avatars.githubusercontent.com/u/47668236?v=4","url":"https://github.com/Mishnya","contributions":12},{"login":"ArturAbdullin","avatarUrl":"https://avatars.githubusercontent.com/u/30603428?v=4","url":"https://github.com/ArturAbdullin","contributions":12},{"login":"yuberdysheva","avatarUrl":"https://avatars.githubusercontent.com/u/22456330?v=4","url":"https://github.com/yuberdysheva","contributions":12},{"login":"iapolya","avatarUrl":"https://avatars.githubusercontent.com/u/31696689?v=4","url":"https://github.com/iapolya","contributions":12},{"login":"mfyodorov","avatarUrl":"https://avatars.githubusercontent.com/u/20931659?v=4","url":"https://github.com/mfyodorov","contributions":11},{"login":"kkirik","avatarUrl":"https://avatars.githubusercontent.com/u/29181473?v=4","url":"https://github.com/kkirik","contributions":11},{"login":"teleginzhenya","avatarUrl":"https://avatars.githubusercontent.com/u/24455680?v=4","url":"https://github.com/teleginzhenya","contributions":11},{"login":"flops","avatarUrl":"https://avatars.githubusercontent.com/u/433333?v=4","url":"https://github.com/flops","contributions":11},{"login":"artemipanchuk","avatarUrl":"https://avatars.githubusercontent.com/u/15093838?v=4","url":"https://github.com/artemipanchuk","contributions":11},{"login":"beliarh","avatarUrl":"https://avatars.githubusercontent.com/u/4661335?v=4","url":"https://github.com/beliarh","contributions":11},{"login":"Flunt1k","avatarUrl":"https://avatars.githubusercontent.com/u/47900126?v=4","url":"https://github.com/Flunt1k","contributions":11},{"login":"vvasin","avatarUrl":"https://avatars.githubusercontent.com/u/29572062?v=4","url":"https://github.com/vvasin","contributions":11},{"login":"nikita-jpg","avatarUrl":"https://avatars.githubusercontent.com/u/56046344?v=4","url":"https://github.com/nikita-jpg","contributions":11},{"login":"DenisVershkov","avatarUrl":"https://avatars.githubusercontent.com/u/81879756?v=4","url":"https://github.com/DenisVershkov","contributions":10},{"login":"DakEnviy","avatarUrl":"https://avatars.githubusercontent.com/u/6522772?v=4","url":"https://github.com/DakEnviy","contributions":10},{"login":"zamkovskaya","avatarUrl":"https://avatars.githubusercontent.com/u/128601366?v=4","url":"https://github.com/zamkovskaya","contributions":9},{"login":"Feverqwe","avatarUrl":"https://avatars.githubusercontent.com/u/891534?v=4","url":"https://github.com/Feverqwe","contributions":9},{"login":"aapolkovsky","avatarUrl":"https://avatars.githubusercontent.com/u/22380490?v=4","url":"https://github.com/aapolkovsky","contributions":9},{"login":"LakeVostok","avatarUrl":"https://avatars.githubusercontent.com/u/17967390?v=4","url":"https://github.com/LakeVostok","contributions":8},{"login":"kiraind","avatarUrl":"https://avatars.githubusercontent.com/u/23224613?v=4","url":"https://github.com/kiraind","contributions":8},{"login":"itwillwork","avatarUrl":"https://avatars.githubusercontent.com/u/15855766?v=4","url":"https://github.com/itwillwork","contributions":8},{"login":"Avol-V","avatarUrl":"https://avatars.githubusercontent.com/u/7325152?v=4","url":"https://github.com/Avol-V","contributions":8},{"login":"KalachevDev","avatarUrl":"https://avatars.githubusercontent.com/u/30410979?v=4","url":"https://github.com/KalachevDev","contributions":8},{"login":"DaryaLari","avatarUrl":"https://avatars.githubusercontent.com/u/19970912?v=4","url":"https://github.com/DaryaLari","contributions":8},{"login":"feelsbadmans","avatarUrl":"https://avatars.githubusercontent.com/u/62965405?v=4","url":"https://github.com/feelsbadmans","contributions":7},{"login":"ierehon1905","avatarUrl":"https://avatars.githubusercontent.com/u/31146334?v=4","url":"https://github.com/ierehon1905","contributions":7},{"login":"chelentos","avatarUrl":"https://avatars.githubusercontent.com/u/21958075?v=4","url":"https://github.com/chelentos","contributions":7},{"login":"krozhkov","avatarUrl":"https://avatars.githubusercontent.com/u/17095356?v=4","url":"https://github.com/krozhkov","contributions":7},{"login":"v4dyar4","avatarUrl":"https://avatars.githubusercontent.com/u/108093658?v=4","url":"https://github.com/v4dyar4","contributions":7},{"login":"kendoow","avatarUrl":"https://avatars.githubusercontent.com/u/70059916?v=4","url":"https://github.com/kendoow","contributions":7},{"login":"artemmufazalov","avatarUrl":"https://avatars.githubusercontent.com/u/67755036?v=4","url":"https://github.com/artemmufazalov","contributions":6},{"login":"catakot","avatarUrl":"https://avatars.githubusercontent.com/u/21214799?v=4","url":"https://github.com/catakot","contributions":6},{"login":"saxumcordis","avatarUrl":"https://avatars.githubusercontent.com/u/42944548?v=4","url":"https://github.com/saxumcordis","contributions":6},{"login":"vladimirfilosof","avatarUrl":"https://avatars.githubusercontent.com/u/58009491?v=4","url":"https://github.com/vladimirfilosof","contributions":6},{"login":"rusandorx","avatarUrl":"https://avatars.githubusercontent.com/u/53060411?v=4","url":"https://github.com/rusandorx","contributions":6},{"login":"burashka","avatarUrl":"https://avatars.githubusercontent.com/u/2195887?v=4","url":"https://github.com/burashka","contributions":6},{"login":"linkouth","avatarUrl":"https://avatars.githubusercontent.com/u/34433986?v=4","url":"https://github.com/linkouth","contributions":6},{"login":"axtk","avatarUrl":"https://avatars.githubusercontent.com/u/24575250?v=4","url":"https://github.com/axtk","contributions":5},{"login":"atroynikov","avatarUrl":"https://avatars.githubusercontent.com/u/7413138?v=4","url":"https://github.com/atroynikov","contributions":5},{"login":"ref256","avatarUrl":"https://avatars.githubusercontent.com/u/41027510?v=4","url":"https://github.com/ref256","contributions":5},{"login":"gearoffortune","avatarUrl":"https://avatars.githubusercontent.com/u/48627239?v=4","url":"https://github.com/gearoffortune","contributions":5},{"login":"chervyakovru","avatarUrl":"https://avatars.githubusercontent.com/u/14909082?v=4","url":"https://github.com/chervyakovru","contributions":5},{"login":"shuvalovpavel1995","avatarUrl":"https://avatars.githubusercontent.com/u/60737643?v=4","url":"https://github.com/shuvalovpavel1995","contributions":5},{"login":"polikashina","avatarUrl":"https://avatars.githubusercontent.com/u/7197224?v=4","url":"https://github.com/polikashina","contributions":4},{"login":"yndx-madfriend","avatarUrl":"https://avatars.githubusercontent.com/u/99418743?v=4","url":"https://github.com/yndx-madfriend","contributions":4},{"login":"oynikishin","avatarUrl":"https://avatars.githubusercontent.com/u/113184616?v=4","url":"https://github.com/oynikishin","contributions":4},{"login":"Antamansid","avatarUrl":"https://avatars.githubusercontent.com/u/31531030?v=4","url":"https://github.com/Antamansid","contributions":4},{"login":"Bluepuper","avatarUrl":"https://avatars.githubusercontent.com/u/79052139?v=4","url":"https://github.com/Bluepuper","contributions":4},{"login":"dfilatov","avatarUrl":"https://avatars.githubusercontent.com/u/67957?v=4","url":"https://github.com/dfilatov","contributions":4},{"login":"sofiushko","avatarUrl":"https://avatars.githubusercontent.com/u/5218950?v=4","url":"https://github.com/sofiushko","contributions":4},{"login":"isqua","avatarUrl":"https://avatars.githubusercontent.com/u/529247?v=4","url":"https://github.com/isqua","contributions":4},{"login":"dividead","avatarUrl":"https://avatars.githubusercontent.com/u/4695397?v=4","url":"https://github.com/dividead","contributions":4},{"login":"DaffPunks","avatarUrl":"https://avatars.githubusercontent.com/u/15698578?v=4","url":"https://github.com/DaffPunks","contributions":4},{"login":"js2me","avatarUrl":"https://avatars.githubusercontent.com/u/16340911?v=4","url":"https://github.com/js2me","contributions":4},{"login":"3y3","avatarUrl":"https://avatars.githubusercontent.com/u/3931155?v=4","url":"https://github.com/3y3","contributions":4},{"login":"ichernobuk","avatarUrl":"https://avatars.githubusercontent.com/u/25184132?v=4","url":"https://github.com/ichernobuk","contributions":4},{"login":"EgorKluch","avatarUrl":"https://avatars.githubusercontent.com/u/2197074?v=4","url":"https://github.com/EgorKluch","contributions":4},{"login":"benax-se","avatarUrl":"https://avatars.githubusercontent.com/u/78896684?v=4","url":"https://github.com/benax-se","contributions":4},{"login":"LehaRybkoha","avatarUrl":"https://avatars.githubusercontent.com/u/42549523?v=4","url":"https://github.com/LehaRybkoha","contributions":4},{"login":"ecoinomist","avatarUrl":"https://avatars.githubusercontent.com/u/13236298?v=4","url":"https://github.com/ecoinomist","contributions":4},{"login":"sidorko","avatarUrl":"https://avatars.githubusercontent.com/u/6938277?v=4","url":"https://github.com/sidorko","contributions":3},{"login":"maeshchenko","avatarUrl":"https://avatars.githubusercontent.com/u/24603515?v=4","url":"https://github.com/maeshchenko","contributions":3},{"login":"geksin","avatarUrl":"https://avatars.githubusercontent.com/u/56411228?v=4","url":"https://github.com/geksin","contributions":3},{"login":"Vladeeg","avatarUrl":"https://avatars.githubusercontent.com/u/22842948?v=4","url":"https://github.com/Vladeeg","contributions":3},{"login":"lunaticenslaved","avatarUrl":"https://avatars.githubusercontent.com/u/54212063?v=4","url":"https://github.com/lunaticenslaved","contributions":3},{"login":"shvorak","avatarUrl":"https://avatars.githubusercontent.com/u/2071148?v=4","url":"https://github.com/shvorak","contributions":3},{"login":"shbov","avatarUrl":"https://avatars.githubusercontent.com/u/32542672?v=4","url":"https://github.com/shbov","contributions":3},{"login":"eyoue","avatarUrl":"https://avatars.githubusercontent.com/u/16962204?v=4","url":"https://github.com/eyoue","contributions":3},{"login":"n-parpibaeva","avatarUrl":"https://avatars.githubusercontent.com/u/27774197?v=4","url":"https://github.com/n-parpibaeva","contributions":3},{"login":"ariser","avatarUrl":"https://avatars.githubusercontent.com/u/3864424?v=4","url":"https://github.com/ariser","contributions":3},{"login":"vitshev","avatarUrl":"https://avatars.githubusercontent.com/u/3217636?v=4","url":"https://github.com/vitshev","contributions":3},{"login":"deemsk","avatarUrl":"https://avatars.githubusercontent.com/u/1153930?v=4","url":"https://github.com/deemsk","contributions":3},{"login":"ldrv565","avatarUrl":"https://avatars.githubusercontent.com/u/40745264?v=4","url":"https://github.com/ldrv565","contributions":3},{"login":"lxndr","avatarUrl":"https://avatars.githubusercontent.com/u/579459?v=4","url":"https://github.com/lxndr","contributions":3},{"login":"yndx-birman","avatarUrl":"https://avatars.githubusercontent.com/u/62902338?v=4","url":"https://github.com/yndx-birman","contributions":2},{"login":"trabemz","avatarUrl":"https://avatars.githubusercontent.com/u/47355834?v=4","url":"https://github.com/trabemz","contributions":2},{"login":"ilya-878","avatarUrl":"https://avatars.githubusercontent.com/u/136704878?v=4","url":"https://github.com/ilya-878","contributions":2},{"login":"inigomontoya722","avatarUrl":"https://avatars.githubusercontent.com/u/95115837?v=4","url":"https://github.com/inigomontoya722","contributions":2},{"login":"Semro","avatarUrl":"https://avatars.githubusercontent.com/u/3332159?v=4","url":"https://github.com/Semro","contributions":2},{"login":"B0nBun","avatarUrl":"https://avatars.githubusercontent.com/u/75064972?v=4","url":"https://github.com/B0nBun","contributions":2},{"login":"DaniilDem","avatarUrl":"https://avatars.githubusercontent.com/u/9549041?v=4","url":"https://github.com/DaniilDem","contributions":2},{"login":"zlobnikov","avatarUrl":"https://avatars.githubusercontent.com/u/18357363?v=4","url":"https://github.com/zlobnikov","contributions":2},{"login":"rLukoyanov","avatarUrl":"https://avatars.githubusercontent.com/u/105169805?v=4","url":"https://github.com/rLukoyanov","contributions":2},{"login":"dihar","avatarUrl":"https://avatars.githubusercontent.com/u/12913462?v=4","url":"https://github.com/dihar","contributions":2},{"login":"anton-fomichev","avatarUrl":"https://avatars.githubusercontent.com/u/72696000?v=4","url":"https://github.com/anton-fomichev","contributions":2},{"login":"danigorokhov","avatarUrl":"https://avatars.githubusercontent.com/u/49070059?v=4","url":"https://github.com/danigorokhov","contributions":2},{"login":"zzzorgo","avatarUrl":"https://avatars.githubusercontent.com/u/17454987?v=4","url":"https://github.com/zzzorgo","contributions":2},{"login":"ananas7","avatarUrl":"https://avatars.githubusercontent.com/u/6717161?v=4","url":"https://github.com/ananas7","contributions":2},{"login":"joshuan","avatarUrl":"https://avatars.githubusercontent.com/u/2090702?v=4","url":"https://github.com/joshuan","contributions":2},{"login":"lu-perfect","avatarUrl":"https://avatars.githubusercontent.com/u/104302104?v=4","url":"https://github.com/lu-perfect","contributions":2},{"login":"vrozaev","avatarUrl":"https://avatars.githubusercontent.com/u/2428161?v=4","url":"https://github.com/vrozaev","contributions":2},{"login":"dsleepo","avatarUrl":"https://avatars.githubusercontent.com/u/827806?v=4","url":"https://github.com/dsleepo","contributions":2},{"login":"AlexeyW100","avatarUrl":"https://avatars.githubusercontent.com/u/45878152?v=4","url":"https://github.com/AlexeyW100","contributions":2},{"login":"main-kun","avatarUrl":"https://avatars.githubusercontent.com/u/13281662?v=4","url":"https://github.com/main-kun","contributions":2},{"login":"moki","avatarUrl":"https://avatars.githubusercontent.com/u/10233823?v=4","url":"https://github.com/moki","contributions":2},{"login":"martyanovandrey","avatarUrl":"https://avatars.githubusercontent.com/u/37772440?v=4","url":"https://github.com/martyanovandrey","contributions":2},{"login":"vladKrk","avatarUrl":"https://avatars.githubusercontent.com/u/20649765?v=4","url":"https://github.com/vladKrk","contributions":2},{"login":"diadorer","avatarUrl":"https://avatars.githubusercontent.com/u/33423367?v=4","url":"https://github.com/diadorer","contributions":2},{"login":"github-actions[bot]","avatarUrl":"https://avatars.githubusercontent.com/in/15368?v=4","url":"https://github.com/apps/github-actions","contributions":2},{"login":"TimKhakk","avatarUrl":"https://avatars.githubusercontent.com/u/75197368?v=4","url":"https://github.com/TimKhakk","contributions":2},{"login":"bityutskiyAO","avatarUrl":"https://avatars.githubusercontent.com/u/38612782?v=4","url":"https://github.com/bityutskiyAO","contributions":2},{"login":"hozblok","avatarUrl":"https://avatars.githubusercontent.com/u/17067394?v=4","url":"https://github.com/hozblok","contributions":2},{"login":"bt4R9","avatarUrl":"https://avatars.githubusercontent.com/u/1858946?v=4","url":"https://github.com/bt4R9","contributions":1},{"login":"alexey-milovidov","avatarUrl":"https://avatars.githubusercontent.com/u/18581488?v=4","url":"https://github.com/alexey-milovidov","contributions":1},{"login":"aulian0v","avatarUrl":"https://avatars.githubusercontent.com/u/143967289?v=4","url":"https://github.com/aulian0v","contributions":1},{"login":"neeeekto","avatarUrl":"https://avatars.githubusercontent.com/u/12767115?v=4","url":"https://github.com/neeeekto","contributions":1},{"login":"Vladimirluk88","avatarUrl":"https://avatars.githubusercontent.com/u/86942878?v=4","url":"https://github.com/Vladimirluk88","contributions":1},{"login":"Zveroboev","avatarUrl":"https://avatars.githubusercontent.com/u/27211707?v=4","url":"https://github.com/Zveroboev","contributions":1},{"login":"elemeNtk0","avatarUrl":"https://avatars.githubusercontent.com/u/9047433?v=4","url":"https://github.com/elemeNtk0","contributions":1},{"login":"damask","avatarUrl":"https://avatars.githubusercontent.com/u/1005974?v=4","url":"https://github.com/damask","contributions":1},{"login":"dustyo-O","avatarUrl":"https://avatars.githubusercontent.com/u/14638147?v=4","url":"https://github.com/dustyo-O","contributions":1},{"login":"icekimi23","avatarUrl":"https://avatars.githubusercontent.com/u/26017761?v=4","url":"https://github.com/icekimi23","contributions":1},{"login":"max-portador","avatarUrl":"https://avatars.githubusercontent.com/u/46213974?v=4","url":"https://github.com/max-portador","contributions":1},{"login":"tumenbaev","avatarUrl":"https://avatars.githubusercontent.com/u/11868819?v=4","url":"https://github.com/tumenbaev","contributions":1},{"login":"vertukv","avatarUrl":"https://avatars.githubusercontent.com/u/101094707?v=4","url":"https://github.com/vertukv","contributions":1},{"login":"Estasie","avatarUrl":"https://avatars.githubusercontent.com/u/55848388?v=4","url":"https://github.com/Estasie","contributions":1},{"login":"kapibaara","avatarUrl":"https://avatars.githubusercontent.com/u/41840872?v=4","url":"https://github.com/kapibaara","contributions":1},{"login":"Nil2000","avatarUrl":"https://avatars.githubusercontent.com/u/54113952?v=4","url":"https://github.com/Nil2000","contributions":1},{"login":"KhodeN","avatarUrl":"https://avatars.githubusercontent.com/u/614349?v=4","url":"https://github.com/KhodeN","contributions":1},{"login":"Ayub-Begimkulov","avatarUrl":"https://avatars.githubusercontent.com/u/46418811?v=4","url":"https://github.com/Ayub-Begimkulov","contributions":1},{"login":"saripovdenis","avatarUrl":"https://avatars.githubusercontent.com/u/74184888?v=4","url":"https://github.com/saripovdenis","contributions":1},{"login":"ilerik","avatarUrl":"https://avatars.githubusercontent.com/u/5747672?v=4","url":"https://github.com/ilerik","contributions":1},{"login":"calaquend1","avatarUrl":"https://avatars.githubusercontent.com/u/45256936?v=4","url":"https://github.com/calaquend1","contributions":1},{"login":"shevnv","avatarUrl":"https://avatars.githubusercontent.com/u/1035967?v=4","url":"https://github.com/shevnv","contributions":1},{"login":"pseudopirate","avatarUrl":"https://avatars.githubusercontent.com/u/16260137?v=4","url":"https://github.com/pseudopirate","contributions":1},{"login":"kvestus","avatarUrl":"https://avatars.githubusercontent.com/u/36218446?v=4","url":"https://github.com/kvestus","contributions":1},{"login":"SwinX","avatarUrl":"https://avatars.githubusercontent.com/u/854899?v=4","url":"https://github.com/SwinX","contributions":1},{"login":"HirenDhadhal","avatarUrl":"https://avatars.githubusercontent.com/u/64165691?v=4","url":"https://github.com/HirenDhadhal","contributions":1},{"login":"obenjiro","avatarUrl":"https://avatars.githubusercontent.com/u/1760346?v=4","url":"https://github.com/obenjiro","contributions":1},{"login":"Pistch","avatarUrl":"https://avatars.githubusercontent.com/u/22050667?v=4","url":"https://github.com/Pistch","contributions":1},{"login":"Volodomor","avatarUrl":"https://avatars.githubusercontent.com/u/29760501?v=4","url":"https://github.com/Volodomor","contributions":1},{"login":"panfil","avatarUrl":"https://avatars.githubusercontent.com/u/1158695?v=4","url":"https://github.com/panfil","contributions":1},{"login":"artemavrin","avatarUrl":"https://avatars.githubusercontent.com/u/10955496?v=4","url":"https://github.com/artemavrin","contributions":1},{"login":"rrewll","avatarUrl":"https://avatars.githubusercontent.com/u/28988763?v=4","url":"https://github.com/rrewll","contributions":1},{"login":"nikolaymatrosov","avatarUrl":"https://avatars.githubusercontent.com/u/1625055?v=4","url":"https://github.com/nikolaymatrosov","contributions":1},{"login":"SkiffCMC","avatarUrl":"https://avatars.githubusercontent.com/u/36820240?v=4","url":"https://github.com/SkiffCMC","contributions":1},{"login":"a1eksandrk","avatarUrl":"https://avatars.githubusercontent.com/u/60098929?v=4","url":"https://github.com/a1eksandrk","contributions":1},{"login":"SimbiozizV","avatarUrl":"https://avatars.githubusercontent.com/u/3991919?v=4","url":"https://github.com/SimbiozizV","contributions":1},{"login":"wd055","avatarUrl":"https://avatars.githubusercontent.com/u/35567000?v=4","url":"https://github.com/wd055","contributions":1},{"login":"bratva","avatarUrl":"https://avatars.githubusercontent.com/u/1937870?v=4","url":"https://github.com/bratva","contributions":1},{"login":"arudenkoofficial","avatarUrl":"https://avatars.githubusercontent.com/u/84877729?v=4","url":"https://github.com/arudenkoofficial","contributions":1},{"login":"Maxim725","avatarUrl":"https://avatars.githubusercontent.com/u/47459772?v=4","url":"https://github.com/Maxim725","contributions":1},{"login":"yatskovanatoly","avatarUrl":"https://avatars.githubusercontent.com/u/123395646?v=4","url":"https://github.com/yatskovanatoly","contributions":1},{"login":"nest-aka-swan","avatarUrl":"https://avatars.githubusercontent.com/u/9089190?v=4","url":"https://github.com/nest-aka-swan","contributions":1},{"login":"stankis","avatarUrl":"https://avatars.githubusercontent.com/u/151746694?v=4","url":"https://github.com/stankis","contributions":1}]'),d=JSON.parse('{"uikit":{"stars":526,"version":"6.21.0","lastUpdate":"16.07.2024","license":"MIT License","issues":97,"readme":"# UIKit &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/uikit)](https://www.npmjs.com/package/@gravity-ui/uikit) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/uikit/.github/workflows/ci.yml?branch=main&label=CI&logo=github)](https://github.com/gravity-ui/uikit/actions/workflows/ci.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/uikit/)\\n\\nA set of flexible, highly practical, and efficient React components for creating rich web applications.\\n\\n<!--GITHUB_BLOCK-->\\n\\n![Cover image](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/uikit_cover.png)\\n\\n## Resources\\n\\n### ![Globe Logo Light](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/globe_light.svg#gh-light-mode-only) ![Globe Logo Dark](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/globe_dark.svg#gh-dark-mode-only) [Website](https://gravity-ui.com)\\n\\n### ![Documentation Logo Light](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/book-open_light.svg#gh-light-mode-only) ![Documentation Logo Dark](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/book-open_dark.svg#gh-dark-mode-only) [Documentation](https://gravity-ui.com/components/uikit/alert)\\n\\n### ![Figma Logo Light](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/figma_light.svg#gh-light-mode-only) ![Figma Logo Dark](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/figma_dark.svg#gh-dark-mode-only) [Figma](<https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)>)\\n\\n### ![Storybook Logo Light](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/storybook_light.svg#gh-light-mode-only) ![Storybook Logo Dark](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/storybook_dark.svg#gh-dark-mode-only) [Storybook](https://preview.gravity-ui.com/uikit/)\\n\\n### ![Community Logo Light](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/telegram_light.svg#gh-light-mode-only) ![Community Logo Dark](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/telegram_dark.svg#gh-dark-mode-only) [Community](https://t.me/gravity_ui)\\n\\n<!--/GITHUB_BLOCK-->\\n\\n## Install\\n\\n```shell\\nnpm install --save-dev @gravity-ui/uikit\\n```\\n\\n## Usage\\n\\n```jsx\\nimport React from \'react\';\\nimport {Button} from \'@gravity-ui/uikit\';\\n\\nconst SubmitButton = <Button view=\\"action\\" size=\\"l\\" />;\\n```\\n\\n### Styles\\n\\nUIKit comes with base styling and theme. In order to everything look nice include this at the top of your entry file:\\n\\n```js\\n// index.js\\n\\nimport \'@gravity-ui/uikit/styles/fonts.css\';\\nimport \'@gravity-ui/uikit/styles/styles.css\';\\n\\n// ...\\n```\\n\\nUIKit supports different themes: light, dark and their contrast variants. Your app must be rendered inside `ThemeProvider`:\\n\\n```js\\nimport {createRoot} from \'react-dom/client\';\\nimport {ThemeProvider} from \'@gravity-ui/uikit\';\\n\\nconst root = createRoot(document.getElementById(\'root\'));\\nroot.render(\\n  <ThemeProvider theme=\\"light\\">\\n    <App />\\n  </ThemeProvider>,\\n);\\n```\\n\\nIt is possible to generate initial root CSS-classes during SSR to avoid theme flashing:\\n\\n```js\\nimport {getRootClassName} from \'@gravity-ui/uikit/server\';\\n\\nconst theme = \'dark\';\\nconst rootClassName = getRootClassName({theme});\\n\\nconst html = `\\n<html>\\n  <body>\\n    <div id=\\"root\\" class=\\"${rootClassName}\\"></div>\\n  </body>\\n</html>\\n`;\\n```\\n\\nAlso, there is a SCSS [mixins](styles/mixins.scss) file with useful helpers to use in your app.\\n\\n### I18N\\n\\nSome components contain text tokens (words and phrases). They come in two languages: `en` (default) and `ru`.\\nTo set the language use `configure` function:\\n\\n```js\\n// index.js\\n\\nimport {configure} from \'@gravity-ui/uikit\';\\n\\nconfigure({\\n  lang: \'ru\',\\n});\\n```\\n\\n## Development\\n\\nTo start the development server with storybook run the following:\\n\\n```shell\\nnpm start\\n```\\n","changelog":"# Changelog\\n\\n## [6.21.0](https://github.com/gravity-ui/uikit/compare/v6.20.1...v6.21.0) (2024-07-16)\\n\\n\\n### Features\\n\\n* **PinInput:** form support ([#1686](https://github.com/gravity-ui/uikit/issues/1686)) ([b82262e](https://github.com/gravity-ui/uikit/commit/b82262e6ac3ac656f0d87a6275a081f9990aeb6a))\\n* **Select:** new label and value resize behaviour ([#1694](https://github.com/gravity-ui/uikit/issues/1694)) ([891fa88](https://github.com/gravity-ui/uikit/commit/891fa886ce5b2d9c8753abbfe49f833ff35619a6))\\n* **TreeList:** add ListTreeItemType interface export and id argument to renderItem prop ([#1707](https://github.com/gravity-ui/uikit/issues/1707)) ([de544b8](https://github.com/gravity-ui/uikit/commit/de544b871f722fe63f677e17f4272767bebf973e))\\n* **TreeSelect:** add placeholder prop ([#1705](https://github.com/gravity-ui/uikit/issues/1705)) ([88696a3](https://github.com/gravity-ui/uikit/commit/88696a3f529c44dc9bd17024c926a77fea67acaa))\\n* **useControlledState:** support update callback with additional params ([#1688](https://github.com/gravity-ui/uikit/issues/1688)) ([8bff882](https://github.com/gravity-ui/uikit/commit/8bff8821b4e8bb20e1bedb01c07a3ba8f22dfe16))\\n* **useResizeObserver:** support box option ([#1687](https://github.com/gravity-ui/uikit/issues/1687)) ([a178dff](https://github.com/gravity-ui/uikit/commit/a178dffefb2d1cfa481417a2dea6297034ae22a0))\\n\\n\\n### Bug Fixes\\n\\n* **Avatar:** update text font weight ([#1684](https://github.com/gravity-ui/uikit/issues/1684)) ([0ae513a](https://github.com/gravity-ui/uikit/commit/0ae513a2e2a595f2cc7f5d0b2fe532a6f7f46b03))\\n* **ListItemView:** div -&gt; li default list item html tag ([#1698](https://github.com/gravity-ui/uikit/issues/1698)) ([07a16c9](https://github.com/gravity-ui/uikit/commit/07a16c959198bedfa45dbb14b5ad804bd11a6d82))\\n* **Sheet:** fix incorrect content height calculation ([#1700](https://github.com/gravity-ui/uikit/issues/1700)) ([7e4dd23](https://github.com/gravity-ui/uikit/commit/7e4dd2374cb83f72168e0b2fc416fa76dd6fbe6e))\\n* **TextArea:** fix content width & height styles ([#1690](https://github.com/gravity-ui/uikit/issues/1690)) ([94979cf](https://github.com/gravity-ui/uikit/commit/94979cf8c43194dd347481929dc1e217ac2bd84b))\\n* **TreeSelect:** add disabled prop ([#1697](https://github.com/gravity-ui/uikit/issues/1697)) ([f9650da](https://github.com/gravity-ui/uikit/commit/f9650dab0b999e5efa03e2e8f513e62074083f67))\\n* **TreeSelect:** fix page gap on component focus in some cases ([#1708](https://github.com/gravity-ui/uikit/issues/1708)) ([cd4eb93](https://github.com/gravity-ui/uikit/commit/cd4eb93375ad7a6cfc6e4c87a92e3a20679b3047))\\n* **useList:** fix disabled elements activate logic ([#1706](https://github.com/gravity-ui/uikit/issues/1706)) ([f12d49f](https://github.com/gravity-ui/uikit/commit/f12d49f125c189ff6ceaba86b5000920a811586d))\\n\\n## [6.20.1](https://github.com/gravity-ui/uikit/compare/v6.20.0...v6.20.1) (2024-07-01)\\n\\n\\n### Bug Fixes\\n\\n* **Dialog:** move QA props to DialogOwnProps ([#1691](https://github.com/gravity-ui/uikit/issues/1691)) ([fc33ba7](https://github.com/gravity-ui/uikit/commit/fc33ba716559db6bfe532b64684f439e930daa89))\\n* **Text:** style property  ([#1681](https://github.com/gravity-ui/uikit/issues/1681)) ([89048e4](https://github.com/gravity-ui/uikit/commit/89048e45e6f2d3512c5a70ed75ece530885e72da))\\n\\n## [6.20.0](https://github.com/gravity-ui/uikit/compare/v6.19.0...v6.20.0) (2024-06-26)\\n\\n\\n### Features\\n\\n* **List:** add event in item click handler arguments ([#1675](https://github.com/gravity-ui/uikit/issues/1675)) ([b2a19a6](https://github.com/gravity-ui/uikit/commit/b2a19a65d4867173ac4becc31edb4e2d4d4225e7))\\n* **Overlay:** implement component ([#1474](https://github.com/gravity-ui/uikit/issues/1474)) ([ef47354](https://github.com/gravity-ui/uikit/commit/ef4735495f14c86e5f6172d4fc4ba80b603b8de6))\\n* **PinInput:** `responsive` prop and CSS API ([#1679](https://github.com/gravity-ui/uikit/issues/1679)) ([24484d2](https://github.com/gravity-ui/uikit/commit/24484d2c968c408fc65ff1489eed6ab8b7569293))\\n* **PinInput:** implement component API ([#1674](https://github.com/gravity-ui/uikit/issues/1674)) ([72cf90f](https://github.com/gravity-ui/uikit/commit/72cf90f3178297ba6a30cc9f785f7c286b2d49f3))\\n* **useList:** redesigned api ([#1661](https://github.com/gravity-ui/uikit/issues/1661)) ([ea320f7](https://github.com/gravity-ui/uikit/commit/ea320f7c17ca240cfb1f96297a634d465924b240))\\n* **UserLabel:** add `size` property ([#1658](https://github.com/gravity-ui/uikit/issues/1658)) ([39cd8ad](https://github.com/gravity-ui/uikit/commit/39cd8ada02a66e43ff4c9a1afa6d4b384c8000b6))\\n\\n## [6.19.0](https://github.com/gravity-ui/uikit/compare/v6.18.0...v6.19.0) (2024-06-20)\\n\\n\\n### Features\\n\\n* **link_underline:** add link underline ([#1648](https://github.com/gravity-ui/uikit/issues/1648)) ([496ca55](https://github.com/gravity-ui/uikit/commit/496ca55d10d9c37202fa87f7c1d9210ff45c5f81))\\n* **Select:** add filter prop ([#1669](https://github.com/gravity-ui/uikit/issues/1669)) ([98750c6](https://github.com/gravity-ui/uikit/commit/98750c64674abdea031da2fb08761e38bb640505))\\n* support form reset for inputs ([#1660](https://github.com/gravity-ui/uikit/issues/1660)) ([38fe431](https://github.com/gravity-ui/uikit/commit/38fe43155e7f55d9190ac2bcd405612dec598d5e))\\n\\n\\n### Bug Fixes\\n\\n* **Dialog:** render error popup inside the dialog ([#1657](https://github.com/gravity-ui/uikit/issues/1657)) ([edf6473](https://github.com/gravity-ui/uikit/commit/edf647324b84ed75757f14b997976838ad9529a0))\\n* **select:** connect combobox to listbox ([#1665](https://github.com/gravity-ui/uikit/issues/1665)) ([c61fe11](https://github.com/gravity-ui/uikit/commit/c61fe114c404f1a55db0b8eba02b0a2c48b5e0cb))\\n* **Select:** fix double scroll in sheet on mobile ([#1672](https://github.com/gravity-ui/uikit/issues/1672)) ([164a1f2](https://github.com/gravity-ui/uikit/commit/164a1f2a0935b771102eaa425435bf3b3d2fd456))\\n* **Select:** id property ([#1604](https://github.com/gravity-ui/uikit/issues/1604)) ([db15851](https://github.com/gravity-ui/uikit/commit/db1585165abf8a8992b10315b538c8f8be87cb25))\\n* **Sheet:** fix resizing depending on the size of the window ([#1671](https://github.com/gravity-ui/uikit/issues/1671)) ([9352c99](https://github.com/gravity-ui/uikit/commit/9352c997d5ce3f0e7087f80bbf41e58a95cb5aab))\\n* **Sheet:** start touch event detection ([#1668](https://github.com/gravity-ui/uikit/issues/1668)) ([b655fec](https://github.com/gravity-ui/uikit/commit/b655fec69628bf53e01dfec63cb8463131e746e8))\\n\\n## [6.18.0](https://github.com/gravity-ui/uikit/compare/v6.17.0...v6.18.0) (2024-06-14)\\n\\n\\n### Features\\n\\n* **Breadcrumbs:** new component ([#1497](https://github.com/gravity-ui/uikit/issues/1497)) ([5cdc675](https://github.com/gravity-ui/uikit/commit/5cdc6753d4461b8e531870bcd9f4724dc6782d80))\\n* **Select:** support form ([#1644](https://github.com/gravity-ui/uikit/issues/1644)) ([1ad73b6](https://github.com/gravity-ui/uikit/commit/1ad73b69679a55001d50e97db1d40484d3e04c8c))\\n* support RSC ([#1582](https://github.com/gravity-ui/uikit/issues/1582)) ([770d787](https://github.com/gravity-ui/uikit/commit/770d787ef5952de5ccc45595065fa50b1f1d48f9))\\n* **Table:** add filter to colum settings ([#1627](https://github.com/gravity-ui/uikit/issues/1627)) ([6eca546](https://github.com/gravity-ui/uikit/commit/6eca54635f8fbbcf6960ff6bb96563273b458700))\\n\\n\\n### Bug Fixes\\n\\n* **Button:** remove useless pointer-events style for icon content ([#1641](https://github.com/gravity-ui/uikit/issues/1641)) ([47b9850](https://github.com/gravity-ui/uikit/commit/47b985030df97f46fc16d283e75a4f8b395ff4db))\\n* **PinInput:** add use client ([#1646](https://github.com/gravity-ui/uikit/issues/1646)) ([d0bdede](https://github.com/gravity-ui/uikit/commit/d0bdede7c79e5102db41b73b0350056c49c67ace))\\n\\n## [6.17.0](https://github.com/gravity-ui/uikit/compare/v6.16.0...v6.17.0) (2024-06-11)\\n\\n\\n### Features\\n\\n* add PinInput component ([#1557](https://github.com/gravity-ui/uikit/issues/1557)) ([7d26272](https://github.com/gravity-ui/uikit/commit/7d26272ed67e7f94f002f501a9ff703f4210a925))\\n\\n\\n### Bug Fixes\\n\\n* **Button:** normal-contrast loading view ([#1630](https://github.com/gravity-ui/uikit/issues/1630)) ([bfa2dbf](https://github.com/gravity-ui/uikit/commit/bfa2dbfa85c2c01e0fcd8c5f07d6e93fa31660ff))\\n* **Slider:** export function for preparing initial value ([#1637](https://github.com/gravity-ui/uikit/issues/1637)) ([434949e](https://github.com/gravity-ui/uikit/commit/434949e4f608cde2330cca02cbd0ab99244fd0fb))\\n* **Text:** return missing props to TextProps type ([#1631](https://github.com/gravity-ui/uikit/issues/1631)) ([6a70f17](https://github.com/gravity-ui/uikit/commit/6a70f17c04f4af52e49ea5bcbe9c1f886d9c3969))\\n* **theme:** bring back root classname helper and fix docs ([#1633](https://github.com/gravity-ui/uikit/issues/1633)) ([ba08c66](https://github.com/gravity-ui/uikit/commit/ba08c66d83dac2d8ff9d44c27f2739f192d68e92))\\n* **Toc:** unify item line height ([#1635](https://github.com/gravity-ui/uikit/issues/1635)) ([4612a77](https://github.com/gravity-ui/uikit/commit/4612a7713ee04590a8e4073d831a42ba2e03d9fe))\\n* **useList:** add qa property to container ([#1625](https://github.com/gravity-ui/uikit/issues/1625)) ([05c1fc2](https://github.com/gravity-ui/uikit/commit/05c1fc2df61226cc070c007388c1aeb5e5744799))\\n\\n## [6.16.0](https://github.com/gravity-ui/uikit/compare/v6.15.0...v6.16.0) (2024-05-24)\\n\\n\\n### Features\\n\\n* **Text, Flex, Box:** typed html attributes ([#1583](https://github.com/gravity-ui/uikit/issues/1583)) ([3345489](https://github.com/gravity-ui/uikit/commit/33454890d7c2bcc422aa77dba7072193c61ba8b7))\\n\\n\\n### Bug Fixes\\n\\n* **Button:** do not shrink button when there is only one icon ([#1577](https://github.com/gravity-ui/uikit/issues/1577)) ([98fd95f](https://github.com/gravity-ui/uikit/commit/98fd95f8f1ef9c7148883f978bcae7ec41398f14))\\n* **Flex,ListItemView:** return ref drilling by React.forwardRef ([#1612](https://github.com/gravity-ui/uikit/issues/1612)) ([9b8f4f8](https://github.com/gravity-ui/uikit/commit/9b8f4f897bfe1919f165029ea7865654f808367f))\\n* **Link:** change href property type description ([#1574](https://github.com/gravity-ui/uikit/issues/1574)) ([#1593](https://github.com/gravity-ui/uikit/issues/1593)) ([0aec983](https://github.com/gravity-ui/uikit/commit/0aec98306d8534e7e48c1bf050b17dfa7e0ac500))\\n* **Text:** fix custom html tag inheritance ([#1584](https://github.com/gravity-ui/uikit/issues/1584)) ([fcd2ff3](https://github.com/gravity-ui/uikit/commit/fcd2ff33a7875c84a76fdab757a474d42f900b3e))\\n* **Tooltip:** use more reasonable animation delay ([#1586](https://github.com/gravity-ui/uikit/issues/1586)) ([fe14706](https://github.com/gravity-ui/uikit/commit/fe147066d128749650ca71ad6ccee3d831cc6ad6))\\n\\n## [6.15.0](https://github.com/gravity-ui/uikit/compare/v6.14.1...v6.15.0) (2024-05-08)\\n\\n\\n### Features\\n\\n* add new css variable `--g-color-base-float-medium` ([#1572](https://github.com/gravity-ui/uikit/issues/1572)) ([aeda6fe](https://github.com/gravity-ui/uikit/commit/aeda6fee49a184ba84fa77bbe65c1827f76c353d))\\n\\n\\n### Bug Fixes\\n\\n* **Select:** fix focus state on control click in Safari ([#1132](https://github.com/gravity-ui/uikit/issues/1132)) ([80730cc](https://github.com/gravity-ui/uikit/commit/80730cc0dff90f86976b10198878a1ca369e239f))\\n* **Sheet:** resize sheet if image in content is loaded ([#1566](https://github.com/gravity-ui/uikit/issues/1566)) ([8b56abd](https://github.com/gravity-ui/uikit/commit/8b56abdc46f66a6eb1eb0e0fcde765857a170a83))\\n\\n## [6.14.1](https://github.com/gravity-ui/uikit/compare/v6.14.0...v6.14.1) (2024-05-02)\\n\\n\\n### Bug Fixes\\n\\n* **TextInput:** fix `handleAdditionalContentClick` handler ([#1558](https://github.com/gravity-ui/uikit/issues/1558)) ([911624f](https://github.com/gravity-ui/uikit/commit/911624f7c9a411ae57d417f5e81f13a4a671a4a0))\\n* **utils:** correctly check type of element ([#1560](https://github.com/gravity-ui/uikit/issues/1560)) ([c854f4f](https://github.com/gravity-ui/uikit/commit/c854f4f42ed0294907114e07cf0d6c07f149c975))\\n\\n## [6.14.0](https://github.com/gravity-ui/uikit/compare/v6.13.0...v6.14.0) (2024-04-27)\\n\\n\\n### Features\\n\\n* **Portal:** take in consideration parent theme ([#1506](https://github.com/gravity-ui/uikit/issues/1506)) ([8c7ca2d](https://github.com/gravity-ui/uikit/commit/8c7ca2dca5a4a52cf9714b25aa8c8d85d4394f39))\\n* **Sheet:** add aria attributes ([#1555](https://github.com/gravity-ui/uikit/issues/1555)) ([b71ea01](https://github.com/gravity-ui/uikit/commit/b71ea0111c56f577fc88aa64bc292c95d0be67c7))\\n* **Table:** close table actions popup after click ([#1546](https://github.com/gravity-ui/uikit/issues/1546)) ([0ab21bb](https://github.com/gravity-ui/uikit/commit/0ab21bbc204f5e26dccfaea865331d3f984af8ed))\\n* **withTableSettings:** add a reset action ([#1526](https://github.com/gravity-ui/uikit/issues/1526)) ([9e93c91](https://github.com/gravity-ui/uikit/commit/9e93c917e3aa13b262dc3c33b960fa39e84902b7))\\n\\n\\n### Bug Fixes\\n\\n* **Alert:** fix close button width ([#1542](https://github.com/gravity-ui/uikit/issues/1542)) ([f916681](https://github.com/gravity-ui/uikit/commit/f91668105abdb06a59891872b3202f5d0152bb9e))\\n* **layout:** update layout docs ([#1550](https://github.com/gravity-ui/uikit/issues/1550)) ([575477a](https://github.com/gravity-ui/uikit/commit/575477a1901d3dbd4c84d8320bad5a0201b6c589))\\n* **Select:** add onLoadMore to useCallback deps in SelectList ([#1041](https://github.com/gravity-ui/uikit/issues/1041)) ([c34590e](https://github.com/gravity-ui/uikit/commit/c34590e40fa49333f990271ec70dbbd290c51b86))\\n* **Select:** fix examples in docs and storybook ([#1553](https://github.com/gravity-ui/uikit/issues/1553)) ([3a46421](https://github.com/gravity-ui/uikit/commit/3a464218a54f524f490f91cbe5a1c3d6132b44e6))\\n* **Select:** show invalid state without passing error message ([#1554](https://github.com/gravity-ui/uikit/issues/1554)) ([882c9a9](https://github.com/gravity-ui/uikit/commit/882c9a9dbdae0d9bb0002b0a8a15515de42c48dc))\\n* **TreeList:** added missed initial state for elements ([#1524](https://github.com/gravity-ui/uikit/issues/1524)) ([5d3b154](https://github.com/gravity-ui/uikit/commit/5d3b1544a8dea0b8464a0e0d5148509f43e7a415))\\n* **useList:** remove debug dev only information ([#1552](https://github.com/gravity-ui/uikit/issues/1552)) ([02bf33c](https://github.com/gravity-ui/uikit/commit/02bf33c1cb277e29866c86c4e7264b618feebfe1))\\n\\n## [6.13.0](https://github.com/gravity-ui/uikit/compare/v6.12.0...v6.13.0) (2024-04-22)\\n\\n\\n### Features\\n\\n* **layout:** unification of Theme and Layout Providers ([#1518](https://github.com/gravity-ui/uikit/issues/1518)) ([d89610a](https://github.com/gravity-ui/uikit/commit/d89610a8c7bc952ecf0db4c2548c8c5dde9bc710))\\n\\n\\n### Bug Fixes\\n\\n* **Card:** reset box shadow styles for the root ([#1537](https://github.com/gravity-ui/uikit/issues/1537)) ([39b7fe8](https://github.com/gravity-ui/uikit/commit/39b7fe801593151094759503e4f8c706cece38c8))\\n* **ListItemView:** fix bg color ([#1488](https://github.com/gravity-ui/uikit/issues/1488)) ([2ae45ef](https://github.com/gravity-ui/uikit/commit/2ae45ef9a997f8d0cdd8687116044239e1ba710c))\\n* **ListItemView:** removed max identation ([#1535](https://github.com/gravity-ui/uikit/issues/1535)) ([d7d45db](https://github.com/gravity-ui/uikit/commit/d7d45db53338b5e623bb81b59e7b66a588c18e28))\\n* **ThemeProvider:** changed theme to config prop name ([#1528](https://github.com/gravity-ui/uikit/issues/1528)) ([62431ca](https://github.com/gravity-ui/uikit/commit/62431ca72c220f9a434d065c87b33cf060cd7f7a))\\n\\n## [6.12.0](https://github.com/gravity-ui/uikit/compare/v6.11.0...v6.12.0) (2024-04-18)\\n\\n\\n### Features\\n\\n* **useList:** added ability to define initial value to useListState ([#1483](https://github.com/gravity-ui/uikit/issues/1483)) ([7f66d28](https://github.com/gravity-ui/uikit/commit/7f66d28d9e3b43ebe388b90b6bc8e2799962d0c0))\\n\\n\\n### Bug Fixes\\n\\n* do not call warnOnce function in production ([#1520](https://github.com/gravity-ui/uikit/issues/1520)) ([9ab7d7c](https://github.com/gravity-ui/uikit/commit/9ab7d7c86a06a6f94126a87acfb23033709ec8a1))\\n\\n## [6.11.0](https://github.com/gravity-ui/uikit/compare/v6.10.2...v6.11.0) (2024-04-17)\\n\\n\\n### Features\\n\\n* **Button:** refactor to flex and center icons ([#1452](https://github.com/gravity-ui/uikit/issues/1452)) ([31c22e8](https://github.com/gravity-ui/uikit/commit/31c22e8418f67cb2df3354350f19e44471918aa4))\\n\\n\\n### Bug Fixes\\n\\n* add load more functionallity to virtualized list ([#1490](https://github.com/gravity-ui/uikit/issues/1490)) ([#1513](https://github.com/gravity-ui/uikit/issues/1513)) ([8de1653](https://github.com/gravity-ui/uikit/commit/8de16536b7541835d58cc651a3ab4248f0e1ebf0))\\n* **Breadcrumbs:** unset more item alignment ([#1505](https://github.com/gravity-ui/uikit/issues/1505)) ([7d9797a](https://github.com/gravity-ui/uikit/commit/7d9797ad0b1389b2e732ebeafcae312f750ae9d8))\\n* **Dialog:** correct width\'s vars order ([#1510](https://github.com/gravity-ui/uikit/issues/1510)) ([f54da2d](https://github.com/gravity-ui/uikit/commit/f54da2de711e738a2089f26833be4dc2fa01ec6b))\\n* **Label:** isolate inner z-indexes ([#1519](https://github.com/gravity-ui/uikit/issues/1519)) ([200c052](https://github.com/gravity-ui/uikit/commit/200c0522dfeedd637f0656fa27c23a2cb9f844bf))\\n* **layout:** ability to override breakpoint during theme ([#1512](https://github.com/gravity-ui/uikit/issues/1512)) ([bad4fa9](https://github.com/gravity-ui/uikit/commit/bad4fa9e8336cd4b06a9875aef948fc8caaaf293))\\n* **ListItemView:** fix indentation in depth more than 10 ([#1517](https://github.com/gravity-ui/uikit/issues/1517)) ([2cde017](https://github.com/gravity-ui/uikit/commit/2cde017be22a58b331a4aecff40ca3e83cb23e26))\\n* **ListItemView:** some changes after feedback ([#1516](https://github.com/gravity-ui/uikit/issues/1516)) ([b274498](https://github.com/gravity-ui/uikit/commit/b2744989b4398ae7755e8ea9ae6fed0516bf8618))\\n* prevent deselection of required table column items ([#1508](https://github.com/gravity-ui/uikit/issues/1508)) ([a69050c](https://github.com/gravity-ui/uikit/commit/a69050cd7213dacce7868a0259359d59e52a1743))\\n* return `--g-color-private-white-20-solid` css variable ([#1511](https://github.com/gravity-ui/uikit/issues/1511)) ([4a366be](https://github.com/gravity-ui/uikit/commit/4a366be252609c1369262a2e76101e82b6d87a67))\\n* **theme:** add option for controlling :root color-scheme ([#1468](https://github.com/gravity-ui/uikit/issues/1468)) ([f6237e1](https://github.com/gravity-ui/uikit/commit/f6237e1356248668693f1cc34c7515a8e6a52e41))\\n\\n## [6.10.2](https://github.com/gravity-ui/uikit/compare/v6.10.1...v6.10.2) (2024-04-10)\\n\\n\\n### Bug Fixes\\n\\n* **TableColumnSetup:** switcher wrapper styles ([#1500](https://github.com/gravity-ui/uikit/issues/1500)) ([d871319](https://github.com/gravity-ui/uikit/commit/d871319789d52cb4075025748ee9ad980d617659))\\n\\n## [6.10.1](https://github.com/gravity-ui/uikit/compare/v6.10.0...v6.10.1) (2024-04-10)\\n\\n\\n### Bug Fixes\\n\\n* **TableColumnSetup:** uniq i18n keysets, styles ([#1498](https://github.com/gravity-ui/uikit/issues/1498)) ([271ae3f](https://github.com/gravity-ui/uikit/commit/271ae3f6b138e9a3e23fb29e8e652c5cece246e9))\\n\\n## [6.10.0](https://github.com/gravity-ui/uikit/compare/v6.9.0...v6.10.0) (2024-04-09)\\n\\n\\n### Features\\n\\n* **Select:** add selected elements counter on multiple selection ([#1368](https://github.com/gravity-ui/uikit/issues/1368)) ([9f6aa9c](https://github.com/gravity-ui/uikit/commit/9f6aa9cadd3821f3aa8501f705a5980171d1d98c))\\n* **Text:** add variant inherit ([#1492](https://github.com/gravity-ui/uikit/issues/1492)) ([7157c70](https://github.com/gravity-ui/uikit/commit/7157c70a9817470db6a8643a6c9c7f713361b8f5))\\n* userLabel  text depends on vars ([#1493](https://github.com/gravity-ui/uikit/issues/1493)) ([d826ca7](https://github.com/gravity-ui/uikit/commit/d826ca7f2db7166cc39542ae4e67c4f8630f3b7b))\\n\\n\\n### Bug Fixes\\n\\n* **Dialog:** fix header paddings without close button ([#1495](https://github.com/gravity-ui/uikit/issues/1495)) ([820dd60](https://github.com/gravity-ui/uikit/commit/820dd605b71df426c2df178dc247caad3a9dbdd6))\\n* **Label:** correctly work with keyboard ([#1485](https://github.com/gravity-ui/uikit/issues/1485)) ([1e5380f](https://github.com/gravity-ui/uikit/commit/1e5380f4300f2c872fa6c55b6bdd3d8435d38499))\\n* **Label:** do not inherit parent\'s font weight ([#1496](https://github.com/gravity-ui/uikit/issues/1496)) ([8a8c2e5](https://github.com/gravity-ui/uikit/commit/8a8c2e51e74ec4e6555953033f27d078a711d1b0))\\n* **List:** fix `Home` & `End` keys handle ([#1491](https://github.com/gravity-ui/uikit/issues/1491)) ([77156ff](https://github.com/gravity-ui/uikit/commit/77156ffacb5860551cc255c5f10b4c3bd69a11a0))\\n* **List:** fix `SimpleContainer` dimensions handle ([#1479](https://github.com/gravity-ui/uikit/issues/1479)) ([68243be](https://github.com/gravity-ui/uikit/commit/68243be3827b9e6aa9ebed7d45b49609d7f7500f))\\n* **Popover:** remove flex gap workaround ([#1489](https://github.com/gravity-ui/uikit/issues/1489)) ([ad997e5](https://github.com/gravity-ui/uikit/commit/ad997e5cc2ac861f50d527b00d9742e4642cda65))\\n* **withTableSettings:** isSelected -&gt; selected, isRequired -> required ([#1478](https://github.com/gravity-ui/uikit/issues/1478)) ([cf1dfb0](https://github.com/gravity-ui/uikit/commit/cf1dfb08ae2a23106eac3f18169b2f47bd690b8d))\\n* **withTableSettings:** renderClone for dnd ([#1463](https://github.com/gravity-ui/uikit/issues/1463)) ([76409f4](https://github.com/gravity-ui/uikit/commit/76409f4c382bf9a73a9619cde84f11d77e78f3d7))\\n\\n## [6.9.0](https://github.com/gravity-ui/uikit/compare/v6.8.0...v6.9.0) (2024-04-03)\\n\\n\\n### Features\\n\\n* **DropdownMenu:** add class name for submenu parents ([#1465](https://github.com/gravity-ui/uikit/issues/1465)) ([a314081](https://github.com/gravity-ui/uikit/commit/a3140811d9c80fb1e61e315c838f4209d7a23459))\\n* **useList:** update codeowners ([#1473](https://github.com/gravity-ui/uikit/issues/1473)) ([d8b71e9](https://github.com/gravity-ui/uikit/commit/d8b71e937d113d6a291849e9515b922083702f18))\\n\\n\\n### Bug Fixes\\n\\n* **Breadcrumbs:** fix recalculate method ([#1475](https://github.com/gravity-ui/uikit/issues/1475)) ([2f8acf7](https://github.com/gravity-ui/uikit/commit/2f8acf7f8278d704a6cbb5351ef73dd4774c1d5d))\\n* **List:** fix `onSortEnd` method ([#1476](https://github.com/gravity-ui/uikit/issues/1476)) ([1567248](https://github.com/gravity-ui/uikit/commit/156724825d12c4e3c185fa766c74c212838ead8c))\\n* **TextInput:** fix control line height ([#1477](https://github.com/gravity-ui/uikit/issues/1477)) ([e5438ed](https://github.com/gravity-ui/uikit/commit/e5438ed8fb9b8ae9e9497b8448a67512e9e0983c))\\n* **TreeList:** add getId prop drilling to list container ([#1469](https://github.com/gravity-ui/uikit/issues/1469)) ([484cac7](https://github.com/gravity-ui/uikit/commit/484cac79bfa6f408d833cfdd33c20dac33bf66ac))\\n* **TreeList:** fixes + documentation ([#1447](https://github.com/gravity-ui/uikit/issues/1447)) ([46b2850](https://github.com/gravity-ui/uikit/commit/46b2850731b1699c517c2787a6b370a219323e52))\\n* **useList:** add export of computeItemSize to useList ([#1472](https://github.com/gravity-ui/uikit/issues/1472)) ([c6c8ed4](https://github.com/gravity-ui/uikit/commit/c6c8ed428053e7f18634d827990ef97dabf5700f))\\n* **useList:** added dragging property to ListItemView docs ([#1470](https://github.com/gravity-ui/uikit/issues/1470)) ([750e5ba](https://github.com/gravity-ui/uikit/commit/750e5ba829fbfea798412f3192406b400007bdfc))\\n* **useList:** added missing imports to docs ([#1466](https://github.com/gravity-ui/uikit/issues/1466)) ([4940a9a](https://github.com/gravity-ui/uikit/commit/4940a9adc0fb036aa2b39b0c67283ac75443be53))\\n\\n## [6.8.0](https://github.com/gravity-ui/uikit/compare/v6.7.0...v6.8.0) (2024-03-29)\\n\\n\\n### Features\\n\\n* **TreeSelect:** rework popup border radius ([#1456](https://github.com/gravity-ui/uikit/issues/1456)) ([0cf2f95](https://github.com/gravity-ui/uikit/commit/0cf2f95907ba1a6164086578d239f905bd15a445))\\n\\n\\n### Bug Fixes\\n\\n* **Divider:** add export of Divider to Components/index ([#1461](https://github.com/gravity-ui/uikit/issues/1461)) ([bdab522](https://github.com/gravity-ui/uikit/commit/bdab522a06429d935cc3a4fb5a9b785c3eb8330d))\\n* **TextInput:** turn off event onBlur on input when use clear button ([#1458](https://github.com/gravity-ui/uikit/issues/1458)) ([3274c04](https://github.com/gravity-ui/uikit/commit/3274c042f27af6ee39ef77b14ac45289a0b2f1a2))\\n\\n## [6.7.0](https://github.com/gravity-ui/uikit/compare/v6.6.0...v6.7.0) (2024-03-28)\\n\\n\\n### Features\\n\\n* **Divider:** add the Divider component ([#1322](https://github.com/gravity-ui/uikit/issues/1322)) ([9a19806](https://github.com/gravity-ui/uikit/commit/9a198065d40466f43eedb4f479140f43e231ee8f))\\n\\n\\n### Bug Fixes\\n\\n* **Tooltip:** fix appearing & disappearing ([#1460](https://github.com/gravity-ui/uikit/issues/1460)) ([b0b3ec8](https://github.com/gravity-ui/uikit/commit/b0b3ec8bc18713dd782f477429182ed65c527a04))\\n\\n## [6.6.0](https://github.com/gravity-ui/uikit/compare/v6.5.0...v6.6.0) (2024-03-26)\\n\\n\\n### Features\\n\\n* improve focus outline styles for text/select inputs ([#1318](https://github.com/gravity-ui/uikit/issues/1318)) ([ce75de8](https://github.com/gravity-ui/uikit/commit/ce75de8899488f0e98a4c0d4e10a593d44b6fe61))\\n\\n\\n### Bug Fixes\\n\\n* **Breadcrumbs:** fix gravity-ui doc generation ([#1446](https://github.com/gravity-ui/uikit/issues/1446)) ([ce4bca5](https://github.com/gravity-ui/uikit/commit/ce4bca5ec548ad09df9c992a4cca6885a6d4e485))\\n* **DropdownMenu:** fix hiding group subitems ([#1444](https://github.com/gravity-ui/uikit/issues/1444)) ([4cf7d39](https://github.com/gravity-ui/uikit/commit/4cf7d39e0334087fc54d7c509312121aabd9ed2c))\\n* **TreeList:** refactor item styles ([#1439](https://github.com/gravity-ui/uikit/issues/1439)) ([fdbb052](https://github.com/gravity-ui/uikit/commit/fdbb0525bf9991baa68ff0d3786050cac480f78f))\\n\\n## [6.5.0](https://github.com/gravity-ui/uikit/compare/v6.4.0...v6.5.0) (2024-03-21)\\n\\n\\n### Features\\n\\n* **Breadcrumbs:** export `LinkBreadcrumbsItem` & `ButtonBreadcrumbsItem` types ([#1435](https://github.com/gravity-ui/uikit/issues/1435)) ([e5fde1b](https://github.com/gravity-ui/uikit/commit/e5fde1bb07c440e155dd51af3b2853dfab8c5b78))\\n* **Pagination:** add qa attributes ([#1438](https://github.com/gravity-ui/uikit/issues/1438)) ([785079a](https://github.com/gravity-ui/uikit/commit/785079a91d5a6fe0b1bfd2fe76e5cfbf321f9502))\\n\\n\\n### Bug Fixes\\n\\n* **Breadcrumbs:** renamed `LinkBreadcrumbsItem` and `ButtonBreadcrumbsItem` types ([#1437](https://github.com/gravity-ui/uikit/issues/1437)) ([db09f93](https://github.com/gravity-ui/uikit/commit/db09f93624b3cdeaaa72498a7dea73c5b5416844))\\n* **UserLabel:** replace text to children in README ([#1432](https://github.com/gravity-ui/uikit/issues/1432)) ([b8c79e1](https://github.com/gravity-ui/uikit/commit/b8c79e1b444e46f240425bf9942642fdab02259f))\\n\\n## [6.4.0](https://github.com/gravity-ui/uikit/compare/v6.3.0...v6.4.0) (2024-03-20)\\n\\n\\n### Features\\n\\n* **TreeList:** new useList family component ([#1417](https://github.com/gravity-ui/uikit/issues/1417)) ([5e7d8b9](https://github.com/gravity-ui/uikit/commit/5e7d8b9af214ecc084375e681e0f8d64dc933c2c))\\n* **User:** added qa attribute for name and description nodes ([#1429](https://github.com/gravity-ui/uikit/issues/1429)) ([ef6143a](https://github.com/gravity-ui/uikit/commit/ef6143a2b5247904b57c4c60fb718f47c6550f20))\\n\\n\\n### Bug Fixes\\n\\n* **Palette:** fixed README.md for the landing ([#1431](https://github.com/gravity-ui/uikit/issues/1431)) ([c15f2e3](https://github.com/gravity-ui/uikit/commit/c15f2e342dd2c90fcc1703c6f713180b23d135e2))\\n* **withTableSettings:** deprecate the renderControls prop ([#1427](https://github.com/gravity-ui/uikit/issues/1427)) ([27be674](https://github.com/gravity-ui/uikit/commit/27be6742fca41cac2f74b23f1db84276cdb7933d))\\n\\n## [6.3.0](https://github.com/gravity-ui/uikit/compare/v6.2.0...v6.3.0) (2024-03-18)\\n\\n\\n### Features\\n\\n* add Palette component ([#1304](https://github.com/gravity-ui/uikit/issues/1304)) ([e731838](https://github.com/gravity-ui/uikit/commit/e731838318635659183a05feb0ef630683ec7d67))\\n* **Alert:** added ability to pass null as icon prop value ([#1407](https://github.com/gravity-ui/uikit/issues/1407)) ([180edd0](https://github.com/gravity-ui/uikit/commit/180edd0dd703e96ae13120a332573f92af34f7d0))\\n* **Breadcrumbs:** add `renderItem` property ([#1413](https://github.com/gravity-ui/uikit/issues/1413)) ([d1c800f](https://github.com/gravity-ui/uikit/commit/d1c800fed670563a2fff12cb5b51da1f74045042))\\n* **Text:** added `break-word` to `wordBreak` property ([#1424](https://github.com/gravity-ui/uikit/issues/1424)) ([607c3ea](https://github.com/gravity-ui/uikit/commit/607c3eac7c6f70a61fd68350bfe65227d2d3b9cc))\\n\\n\\n### Bug Fixes\\n\\n* adding new classes in rootClassName before removing ([#1411](https://github.com/gravity-ui/uikit/issues/1411)) ([e29cde1](https://github.com/gravity-ui/uikit/commit/e29cde168077652d217585cd30bae10ee7e2747e))\\n* **DropdownMenu:** fix opening from keyboard ([#1404](https://github.com/gravity-ui/uikit/issues/1404)) ([9251714](https://github.com/gravity-ui/uikit/commit/9251714e4aae50f91d4e5082f2f7151a71321c30))\\n* prevent event bubbling for table item action ([#1399](https://github.com/gravity-ui/uikit/issues/1399)) ([d2e9d41](https://github.com/gravity-ui/uikit/commit/d2e9d411fd268d6628b2eef2bd3f8abd5f3da7b0))\\n* **ThemeProvider:** always set CSS class when scoped ([#1423](https://github.com/gravity-ui/uikit/issues/1423)) ([c787b5b](https://github.com/gravity-ui/uikit/commit/c787b5b30cdedad6e466fa0bbfc46b51313ee114))\\n* **Toc:** set aria-current attribute to selected item ([#1426](https://github.com/gravity-ui/uikit/issues/1426)) ([682444a](https://github.com/gravity-ui/uikit/commit/682444a2bd792936735275f73781f3e853597d0a))\\n\\n## [6.2.0](https://github.com/gravity-ui/uikit/compare/v6.1.1...v6.2.0) (2024-03-05)\\n\\n\\n### Features\\n\\n* **Popup:** add transition callbacks ([#1388](https://github.com/gravity-ui/uikit/issues/1388)) ([089beac](https://github.com/gravity-ui/uikit/commit/089beac6f98bf7a81b111fe4316cf8fd26a3f063))\\n* update i18n pkg ([#1402](https://github.com/gravity-ui/uikit/issues/1402)) ([2fbf2c9](https://github.com/gravity-ui/uikit/commit/2fbf2c96f01d25db1fcf4150e57a63cf057e6cd0))\\n\\n\\n### Bug Fixes\\n\\n* **Slider:** add export for Slider ([#1390](https://github.com/gravity-ui/uikit/issues/1390)) ([8eb741f](https://github.com/gravity-ui/uikit/commit/8eb741fc45b4c02e340eda82b492394f4d9d0daa))\\n* **Toc:** add component import ([#1396](https://github.com/gravity-ui/uikit/issues/1396)) ([f737c0c](https://github.com/gravity-ui/uikit/commit/f737c0cb41117f862aea98ff1e6c5571ff8d3667))\\n\\n## [6.1.1](https://github.com/gravity-ui/uikit/compare/v6.1.0...v6.1.1) (2024-02-26)\\n\\n\\n### Bug Fixes\\n\\n* **breadcrumbs:** fix adaptive more view and define ResizeObserver in ssr apps ([#1364](https://github.com/gravity-ui/uikit/issues/1364)) ([dc6e514](https://github.com/gravity-ui/uikit/commit/dc6e514d058268f2ea482e4d78383a44e400d5e2))\\n* **controls:** allow disable input via controlProps ([#1371](https://github.com/gravity-ui/uikit/issues/1371)) ([3228dca](https://github.com/gravity-ui/uikit/commit/3228dcab413a5dff9e3dc2353f1ddfa6235643e8))\\n* **CopyToClipboard:** return CopyToClipboardProps type ([#1367](https://github.com/gravity-ui/uikit/issues/1367)) ([43599c2](https://github.com/gravity-ui/uikit/commit/43599c2d435b51e73bd581b73ac9ab3d72584adb))\\n\\n## [6.1.0](https://github.com/gravity-ui/uikit/compare/v6.0.0...v6.1.0) (2024-02-21)\\n\\n\\n### Features\\n\\n* **Disclosure:** possibility to use DefaultDisclosureSummary inside … ([#1359](https://github.com/gravity-ui/uikit/issues/1359)) ([f8b52b9](https://github.com/gravity-ui/uikit/commit/f8b52b92c854dc65206106fa2d3ed40ee21157ac))\\n* **Select:** add useSelectOptions hook ([#1356](https://github.com/gravity-ui/uikit/issues/1356)) ([456ffaa](https://github.com/gravity-ui/uikit/commit/456ffaacbf20e1e0b5150d86abee1201d9ac3dad))\\n* **Slider:** introduce Slider component ([#1243](https://github.com/gravity-ui/uikit/issues/1243)) ([a1bf754](https://github.com/gravity-ui/uikit/commit/a1bf75495902b67750660620ea0e8e90c7a50f63))\\n* **Table:** add renderRowActions property ([#1353](https://github.com/gravity-ui/uikit/issues/1353)) ([e074b1a](https://github.com/gravity-ui/uikit/commit/e074b1a6913c2f3ec9773974672b17e7d35c9006))\\n* **withTableSettings:** add the renderControls prop ([#1357](https://github.com/gravity-ui/uikit/issues/1357)) ([b3f0d78](https://github.com/gravity-ui/uikit/commit/b3f0d789b131e9b5677e134eee668361ce50fcf6))\\n\\n\\n### Bug Fixes\\n\\n* **List:** fix virtualized list items rerender ([#1314](https://github.com/gravity-ui/uikit/issues/1314)) ([8c45f7c](https://github.com/gravity-ui/uikit/commit/8c45f7c55784a4eac88747b4a9db1745d53f0e6c))\\n* **Select:** do not call onFilterChange on mount ([#1321](https://github.com/gravity-ui/uikit/issues/1321)) ([0bb7c66](https://github.com/gravity-ui/uikit/commit/0bb7c661212630c993574d7f82392e7e9c3c1dad))\\n* **TextInput:** unequal text alignment in textinput ([#1306](https://github.com/gravity-ui/uikit/issues/1306)) ([c9cdbd0](https://github.com/gravity-ui/uikit/commit/c9cdbd0bba86573d35ec03b1766af4e0c8f5253b))\\n* **TreeSelect:** fix render container method ([#1344](https://github.com/gravity-ui/uikit/issues/1344)) ([1ab9d59](https://github.com/gravity-ui/uikit/commit/1ab9d591c271d4a9c922b3b1aecbb734338e1f98))\\n* **TreeSelect:** fixed dnd examples with selected values ([#1329](https://github.com/gravity-ui/uikit/issues/1329)) ([14d6ceb](https://github.com/gravity-ui/uikit/commit/14d6cebe875fef88c9066dbf5aa186aeb615d5f2))\\n* **TreeSelect:** remove default popup width ([#1350](https://github.com/gravity-ui/uikit/issues/1350)) ([84044f0](https://github.com/gravity-ui/uikit/commit/84044f0f41e9caae4812563ab690e13067d82aad))\\n\\n## [6.0.0](https://github.com/gravity-ui/uikit/compare/v5.30.1...v6.0.0) (2024-02-06)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* rename onClose to onCloseClick ([#1295](https://github.com/gravity-ui/uikit/issues/1295))\\n* **Persona:** refactored and renamed to UserLabel ([#1292](https://github.com/gravity-ui/uikit/issues/1292))\\n* **Link:** the \\"href\\" property is required ([#1270](https://github.com/gravity-ui/uikit/issues/1270))\\n* **Breadcrumbs:** use gap property for gaps between breadcrumbs items instead of paddings ([#1185](https://github.com/gravity-ui/uikit/issues/1185))\\n* rename .yc class prefix ([#1260](https://github.com/gravity-ui/uikit/issues/1260))\\n* **Table:** update cell paddings ([#1271](https://github.com/gravity-ui/uikit/issues/1271))\\n* remove setters from mobile hooks ([#1262](https://github.com/gravity-ui/uikit/issues/1262))\\n* remove remaining `--yc-*` variables ([#1256](https://github.com/gravity-ui/uikit/issues/1256))\\n* **Table:** update SortIndicator view ([#1220](https://github.com/gravity-ui/uikit/issues/1220))\\n* delete deprecated hooks ([#1213](https://github.com/gravity-ui/uikit/issues/1213))\\n* update avatar and user components ([#1221](https://github.com/gravity-ui/uikit/issues/1221))\\n* **Table:** remove uppercase heading style ([#1222](https://github.com/gravity-ui/uikit/issues/1222))\\n* merge old Tooltip with ActionTooltip and introduce new Tooltip ([#1189](https://github.com/gravity-ui/uikit/issues/1189))\\n* **Toaster:** use theme prop instead of type ([#1198](https://github.com/gravity-ui/uikit/issues/1198))\\n* add CSS API instead of `--yc-*` variables ([#1127](https://github.com/gravity-ui/uikit/issues/1127))\\n* **Button:** use logical properties ([#1119](https://github.com/gravity-ui/uikit/issues/1119))\\n* support RTL direction ([#1111](https://github.com/gravity-ui/uikit/issues/1111))\\n* **Link:** Remove normal-visitable view ([#905](https://github.com/gravity-ui/uikit/issues/905))\\n* rename theme prop `positive` -> `success` ([#1093](https://github.com/gravity-ui/uikit/issues/1093))\\n* add css imports to cjs files ([#1101](https://github.com/gravity-ui/uikit/issues/1101))\\n* remove old theme variables fallback ([#1092](https://github.com/gravity-ui/uikit/issues/1092))\\n* remove focus visible fallback ([#1086](https://github.com/gravity-ui/uikit/issues/1086))\\n* **Button:** add CSS API ([#1066](https://github.com/gravity-ui/uikit/issues/1066))\\n\\n### refactor\\n\\n* **Breadcrumbs:** use gap property for gaps between breadcrumbs items instead of paddings ([#1185](https://github.com/gravity-ui/uikit/issues/1185)) ([a31d7a1](https://github.com/gravity-ui/uikit/commit/a31d7a10ca9a4c8bbfca286c932f8611800b4d85))\\n* **Link:** Remove normal-visitable view ([#905](https://github.com/gravity-ui/uikit/issues/905)) ([82f8afa](https://github.com/gravity-ui/uikit/commit/82f8afa0cd5dfce77a781b65798855e7172e415b))\\n* remove remaining `--yc-*` variables ([#1256](https://github.com/gravity-ui/uikit/issues/1256)) ([69efabe](https://github.com/gravity-ui/uikit/commit/69efabe5416f89b841e093781ea33e53685b6038))\\n* rename .yc class prefix ([#1260](https://github.com/gravity-ui/uikit/issues/1260)) ([c879bba](https://github.com/gravity-ui/uikit/commit/c879bba29b1d4ad0d78aa8953e36c2a395ea1ecb))\\n\\n\\n### Features\\n\\n* add CSS API instead of `--yc-*` variables ([#1127](https://github.com/gravity-ui/uikit/issues/1127)) ([1250ba2](https://github.com/gravity-ui/uikit/commit/1250ba2e810fcb68b29c4b7151681a0fb055fa25))\\n* add css imports to cjs files ([#1101](https://github.com/gravity-ui/uikit/issues/1101)) ([f10d616](https://github.com/gravity-ui/uikit/commit/f10d616a54f72d2208b1d0e5aca41bb2444699c7))\\n* add new layout component `Box` ([#1121](https://github.com/gravity-ui/uikit/issues/1121)) ([cedc20b](https://github.com/gravity-ui/uikit/commit/cedc20b3da38c7530da0f80c56847c233bee1fd1))\\n* add useControlledState hook ([#1276](https://github.com/gravity-ui/uikit/issues/1276)) ([9493062](https://github.com/gravity-ui/uikit/commit/94930620e0bb8bd6f31c1dfceace1912bc8e0ada))\\n* added css api for TextInput TextArea and Select components ([#1269](https://github.com/gravity-ui/uikit/issues/1269)) ([75c3fd5](https://github.com/gravity-ui/uikit/commit/75c3fd514a5eb20d40469eab4024b93fd1aa53c2))\\n* added CSS custom properties for RTL ([#1227](https://github.com/gravity-ui/uikit/issues/1227)) ([150204d](https://github.com/gravity-ui/uikit/commit/150204dac9958175664cfe7836273bedba90c806))\\n* **Alert:** support RTL ([#1167](https://github.com/gravity-ui/uikit/issues/1167)) ([a5bf8eb](https://github.com/gravity-ui/uikit/commit/a5bf8eb3668c98905189931bc3772a880acf41d4))\\n* **Box:** fix some unnecessary typings ([#1252](https://github.com/gravity-ui/uikit/issues/1252)) ([2229f37](https://github.com/gravity-ui/uikit/commit/2229f37be3cf4ffa97ede438efcd1f14c1d7143b))\\n* **Button:** add CSS API ([#1066](https://github.com/gravity-ui/uikit/issues/1066)) ([7f70693](https://github.com/gravity-ui/uikit/commit/7f706935c2d10c821a8afbdd800e48f4665a0106))\\n* **Button:** use logical properties ([#1119](https://github.com/gravity-ui/uikit/issues/1119)) ([b6d4200](https://github.com/gravity-ui/uikit/commit/b6d4200f93be2d4045402840b30a98f52585490f))\\n* delete deprecated hooks ([#1213](https://github.com/gravity-ui/uikit/issues/1213)) ([2c16005](https://github.com/gravity-ui/uikit/commit/2c16005ce7d351d73656be656d0845803752392c))\\n* **Dialog:** add prop contentOverflow to control overflow behaviour ([#1251](https://github.com/gravity-ui/uikit/issues/1251)) ([2b223d5](https://github.com/gravity-ui/uikit/commit/2b223d565e1f4345d36361dff34ef847f3d6f94a))\\n* **Disclosure:** use logical properties ([#1140](https://github.com/gravity-ui/uikit/issues/1140)) ([345ce4d](https://github.com/gravity-ui/uikit/commit/345ce4d97aa0b84c655139500e07cf1a20b37b15))\\n* **Link:** the \\"href\\" property is required ([#1270](https://github.com/gravity-ui/uikit/issues/1270)) ([347c64d](https://github.com/gravity-ui/uikit/commit/347c64d23dba1b07803b4efa97200fe7015479c0))\\n* **List:** support RTL ([#1145](https://github.com/gravity-ui/uikit/issues/1145)) ([dd554bb](https://github.com/gravity-ui/uikit/commit/dd554bb5a31b86e1ca6a733af70b9193faca171e))\\n* merge old Tooltip with ActionTooltip and introduce new Tooltip ([#1189](https://github.com/gravity-ui/uikit/issues/1189)) ([c2719ae](https://github.com/gravity-ui/uikit/commit/c2719ae7160ecb7cac756351b9d2f11e77eb9719))\\n* **Persona:** refactored and renamed to UserLabel ([#1292](https://github.com/gravity-ui/uikit/issues/1292)) ([ef6762a](https://github.com/gravity-ui/uikit/commit/ef6762a473bf6f92d2e39ac08e8667d159edf07b))\\n* **Progress:** support customization ([#1193](https://github.com/gravity-ui/uikit/issues/1193)) ([0c67d85](https://github.com/gravity-ui/uikit/commit/0c67d85fb0a2c5397e7d3b5bc2ce868b49ebaf02))\\n* **Progress:** support rtl ([#1141](https://github.com/gravity-ui/uikit/issues/1141)) ([caaf06b](https://github.com/gravity-ui/uikit/commit/caaf06b0adf1aec853a4f0a67e8a7de7474eb029))\\n* remove focus visible fallback ([#1086](https://github.com/gravity-ui/uikit/issues/1086)) ([193d856](https://github.com/gravity-ui/uikit/commit/193d85694f0fabf5d34da8f757262b43b18c7112))\\n* remove old theme variables fallback ([#1092](https://github.com/gravity-ui/uikit/issues/1092)) ([ecdd1aa](https://github.com/gravity-ui/uikit/commit/ecdd1aab498e4563c50a315bfc62e865c73b2641))\\n* remove setters from mobile hooks ([#1262](https://github.com/gravity-ui/uikit/issues/1262)) ([07c9f4f](https://github.com/gravity-ui/uikit/commit/07c9f4f02c4ebe08325f3626d1221d23c36c18a7))\\n* rename onClose to onCloseClick ([#1295](https://github.com/gravity-ui/uikit/issues/1295)) ([00531ad](https://github.com/gravity-ui/uikit/commit/00531ad1e6626812e74d6beb8a456abfc00e76ea))\\n* rename theme prop `positive` -&gt; `success` ([#1093](https://github.com/gravity-ui/uikit/issues/1093)) ([bf6f77d](https://github.com/gravity-ui/uikit/commit/bf6f77de0c44c6f64afdda7bfc90c09cf8e28c9f))\\n* **Sheet:** support RTL ([#1138](https://github.com/gravity-ui/uikit/issues/1138)) ([815f5a8](https://github.com/gravity-ui/uikit/commit/815f5a85729d31c11e5f6c1786ed8bf5038b9823))\\n* **Skeleton:** support RTL ([#1136](https://github.com/gravity-ui/uikit/issues/1136)) ([bdf4d5b](https://github.com/gravity-ui/uikit/commit/bdf4d5b5a6a4fe9ff932c82981ebc50882cad6b2))\\n* support RTL direction ([#1111](https://github.com/gravity-ui/uikit/issues/1111)) ([a28abcf](https://github.com/gravity-ui/uikit/commit/a28abcf12e057e45daef78e3488096494442a14f))\\n* support RTL in components ([#1125](https://github.com/gravity-ui/uikit/issues/1125)) ([47f7b84](https://github.com/gravity-ui/uikit/commit/47f7b84ff94f21e8802f616f7dea1f077a34a310))\\n* **Switch:** support RTL ([#1120](https://github.com/gravity-ui/uikit/issues/1120)) ([3cdca3d](https://github.com/gravity-ui/uikit/commit/3cdca3df19f75da09d5bf270557e930c4f1787d8))\\n* **Table:** remove uppercase heading style ([#1222](https://github.com/gravity-ui/uikit/issues/1222)) ([92fe12f](https://github.com/gravity-ui/uikit/commit/92fe12f1b52ddcf3449da89510e9fbda764a426f))\\n* **Table:** support rtl ([#1152](https://github.com/gravity-ui/uikit/issues/1152)) ([52b2794](https://github.com/gravity-ui/uikit/commit/52b2794fdd680f357fa1dcbf4f348e7898e9dcc6))\\n* **Table:** update cell paddings ([#1271](https://github.com/gravity-ui/uikit/issues/1271)) ([4f3be2d](https://github.com/gravity-ui/uikit/commit/4f3be2d27712cc6ce504aedb27c1bfa622d47e02))\\n* **Table:** update SortIndicator view ([#1220](https://github.com/gravity-ui/uikit/issues/1220)) ([6749bb8](https://github.com/gravity-ui/uikit/commit/6749bb8e7ac3905213eb69ef0caf654c6176ae39))\\n* **Table:** use uikit icons ([#1151](https://github.com/gravity-ui/uikit/issues/1151)) ([a08f03c](https://github.com/gravity-ui/uikit/commit/a08f03cdaba2c0be9fe6747c2d69be78f949eb66))\\n* **TextInput:** support rtl ([#1207](https://github.com/gravity-ui/uikit/issues/1207)) ([343b94c](https://github.com/gravity-ui/uikit/commit/343b94c33eecd1277d6c5fb72984f0991dd4d779))\\n* **Text:** rtl support ([#1143](https://github.com/gravity-ui/uikit/issues/1143)) ([a82ad0a](https://github.com/gravity-ui/uikit/commit/a82ad0a7d0804cfca72958f28e90145d7987f049))\\n* **Text:** support multiline and fixed width ellipsis ([#1122](https://github.com/gravity-ui/uikit/issues/1122)) ([bc63378](https://github.com/gravity-ui/uikit/commit/bc633783102b2d4bfaeaf759d3abcc134f58529c))\\n* **Toaster:** use theme prop instead of type ([#1198](https://github.com/gravity-ui/uikit/issues/1198)) ([cdabe24](https://github.com/gravity-ui/uikit/commit/cdabe246a33d21b8c624b5d3662ac2fc39cc01ed))\\n* **TreeSelect:** added TreeSelect unstable component and new list hooks ([#1090](https://github.com/gravity-ui/uikit/issues/1090)) ([07a2009](https://github.com/gravity-ui/uikit/commit/07a200903176ca34163e5e0dcfef42b8c530bbc9))\\n* update avatar and user components ([#1221](https://github.com/gravity-ui/uikit/issues/1221)) ([fbf41d3](https://github.com/gravity-ui/uikit/commit/fbf41d32820ba26b86a48457b2361832a937f387))\\n* updated TextInput \\"type\\" property to allow using only well-know… ([#1158](https://github.com/gravity-ui/uikit/issues/1158)) ([5a44a5f](https://github.com/gravity-ui/uikit/commit/5a44a5f151703c60801826fe1772a08676060703))\\n\\n\\n### Bug Fixes\\n\\n* **Button:** fix disabled raised view style ([#1226](https://github.com/gravity-ui/uikit/issues/1226)) ([fb62985](https://github.com/gravity-ui/uikit/commit/fb62985081d9a3dd999f3e9fc3a7563cf3df39ac))\\n* **DropdownMenu:** fix rtl behaviour ([3f3a805](https://github.com/gravity-ui/uikit/commit/3f3a805025d46de651f86a648fe2e6cea0043e9e))\\n* fix controls css api ([#1289](https://github.com/gravity-ui/uikit/issues/1289)) ([9882c53](https://github.com/gravity-ui/uikit/commit/9882c532e6c503e053790cd6816421f28a17b2b5))\\n* fix unit tests ([99e454f](https://github.com/gravity-ui/uikit/commit/99e454fa2762c304c5812ec5d88f362b390bf6c1))\\n* fix visual tests ([4baeef9](https://github.com/gravity-ui/uikit/commit/4baeef9693082ac8b15619f454781c2019f975d8))\\n* **Popover:** fix rtl placement ([62405d5](https://github.com/gravity-ui/uikit/commit/62405d5811f626c3cc40e93ffad9f6775c649beb))\\n* rebase fixes ([b272b72](https://github.com/gravity-ui/uikit/commit/b272b7291ef0f214b059de0d5898d1926608cad1))\\n* rebase issues ([4f9d2ec](https://github.com/gravity-ui/uikit/commit/4f9d2ec3c688272b687de957c28219bf8ab1261c))\\n* rebase issues ([39b4694](https://github.com/gravity-ui/uikit/commit/39b4694dbea58a1f02d593706f3a7efd99ec4a07))\\n* rework new ListItemView text crop behaviour ([#1301](https://github.com/gravity-ui/uikit/issues/1301)) ([5f123e9](https://github.com/gravity-ui/uikit/commit/5f123e99c93cb65c48ec04165e0ded6ae1ee6138))\\n* **ThemeProvider:** inner provider should overwrite specified props and only them ([#1235](https://github.com/gravity-ui/uikit/issues/1235)) ([aaf9b0f](https://github.com/gravity-ui/uikit/commit/aaf9b0f0c9356748040984fc89013edf0e761dcc))\\n* **Toaster:** use logical css values in stories ([#1142](https://github.com/gravity-ui/uikit/issues/1142)) ([6dcbdae](https://github.com/gravity-ui/uikit/commit/6dcbdae9cea330afd7de4869140ec422f91236ed))\\n* TreeSelect component after useMobile refactoring ([#1265](https://github.com/gravity-ui/uikit/issues/1265)) ([9c23dae](https://github.com/gravity-ui/uikit/commit/9c23dae0c257f81e9b97076e4131ffeff747c35d))\\n* **TreeSelect:** removed select indentation from group items ([#1303](https://github.com/gravity-ui/uikit/issues/1303)) ([e0471d6](https://github.com/gravity-ui/uikit/commit/e0471d6fcdbeb924ab65402b39fbbad5cd739a5e))\\n* use ActionTooltip in components ([1042ac3](https://github.com/gravity-ui/uikit/commit/1042ac35f1f89c3f6cd4e3ceec6336bc1e3d7340))\\n\\n## [5.30.1](https://github.com/gravity-ui/uikit/compare/v5.30.0...v5.30.1) (2024-02-06)\\n\\n\\n### Bug Fixes\\n\\n* **Dropdown:** opening sub menus in dropdown menu with using keyboard ([#1298](https://github.com/gravity-ui/uikit/issues/1298)) ([1aed302](https://github.com/gravity-ui/uikit/commit/1aed30299889c658e55461318d43f94c2eb7241a))\\n* **MenuItem:** fix non interactive MenuItem style ([#1307](https://github.com/gravity-ui/uikit/issues/1307)) ([b1a386d](https://github.com/gravity-ui/uikit/commit/b1a386d9552d98bd3c2f8e74518ac580c7ce4394))\\n* **TextInput:** add overflow hidden to text-input__content wrapper ([#1293](https://github.com/gravity-ui/uikit/issues/1293)) ([d52a7bd](https://github.com/gravity-ui/uikit/commit/d52a7bdf3e4ca99b1902b0341468eb975f036f36))\\n\\n## [5.30.0](https://github.com/gravity-ui/uikit/compare/v5.29.0...v5.30.0) (2024-01-31)\\n\\n\\n### Features\\n\\n* **Select:** added errorMessage, errorPlacement and validationType props ([#1291](https://github.com/gravity-ui/uikit/issues/1291)) ([8f2f07b](https://github.com/gravity-ui/uikit/commit/8f2f07b798b5776adc94a4442fd6a725911b8048))\\n* **Table:** added link as Table action element ([#1290](https://github.com/gravity-ui/uikit/issues/1290)) ([de63cef](https://github.com/gravity-ui/uikit/commit/de63cef2b043e835c6663dfa79a9c99424998ae1))\\n\\n\\n### Bug Fixes\\n\\n* **Label:** missing text overflow ([#1206](https://github.com/gravity-ui/uikit/issues/1206)) ([60357cd](https://github.com/gravity-ui/uikit/commit/60357cd34c04c1b6f1af04125d5cea77319dea65))\\n* **List:** calling onLoadMore function while using keyboard ([#1284](https://github.com/gravity-ui/uikit/issues/1284)) ([1760166](https://github.com/gravity-ui/uikit/commit/176016620612b3c6a120a0dea770b5fc5927c964))\\n* **Pagination:** stories controls ([#1281](https://github.com/gravity-ui/uikit/issues/1281)) ([a6fac44](https://github.com/gravity-ui/uikit/commit/a6fac442b82ac585397d0b5cf5f59ec5df625deb))\\n* **Table:** sticky column ([#1283](https://github.com/gravity-ui/uikit/issues/1283)) ([7366c9b](https://github.com/gravity-ui/uikit/commit/7366c9bdf7fd3e7f526c8a3d60e49191f7385539))\\n* **Table:** withTableSorting can get sort value using column\'s ID written as path ([#640](https://github.com/gravity-ui/uikit/issues/640)) ([d5bb68b](https://github.com/gravity-ui/uikit/commit/d5bb68bcbc9ebca4f54d501aa34b597e92ee3702))\\n\\n## [5.29.0](https://github.com/gravity-ui/uikit/compare/v5.28.0...v5.29.0) (2024-01-19)\\n\\n\\n### Features\\n\\n* **Disclosure:** added qa attribute for details and summary nodes ([#1253](https://github.com/gravity-ui/uikit/issues/1253)) ([b1bbcd1](https://github.com/gravity-ui/uikit/commit/b1bbcd17203b7cad13eeed77c4aee937dbd0717a))\\n\\n\\n### Bug Fixes\\n\\n* **Select:** add type=\\"button\\" to SelectClear ([#1255](https://github.com/gravity-ui/uikit/issues/1255)) ([6a9e189](https://github.com/gravity-ui/uikit/commit/6a9e189561d986f1d498b610c0aeb2e5072348eb))\\n\\n## [5.28.0](https://github.com/gravity-ui/uikit/compare/v5.27.0...v5.28.0) (2024-01-16)\\n\\n\\n### Features\\n\\n* **Alert:** changed default Alert actions background ([#1240](https://github.com/gravity-ui/uikit/issues/1240)) ([9693147](https://github.com/gravity-ui/uikit/commit/96931475fb59e8e9c6da96bae361165d38f6dec5))\\n* **Text:** add `id` prop ([#1246](https://github.com/gravity-ui/uikit/issues/1246)) ([252229e](https://github.com/gravity-ui/uikit/commit/252229e6498effe9628d193103d9e5117b2bd79b))\\n\\n\\n### Bug Fixes\\n\\n* revert [#831](https://github.com/gravity-ui/uikit/issues/831) ([#1244](https://github.com/gravity-ui/uikit/issues/1244)) ([79f7e07](https://github.com/gravity-ui/uikit/commit/79f7e07a3c155ba34a240250aa06860bf795abcc))\\n\\n## [5.27.0](https://github.com/gravity-ui/uikit/compare/v5.26.0...v5.27.0) (2024-01-10)\\n\\n\\n### Features\\n\\n* **Disclosure:** allow use React.Node as summary ([#1233](https://github.com/gravity-ui/uikit/issues/1233)) ([3180060](https://github.com/gravity-ui/uikit/commit/31800603eaf6eaaab4c9849b1af12e9e6a53b5f7))\\n\\n\\n### Bug Fixes\\n\\n* **Disclosure:** component size should not be used for its content ([#1234](https://github.com/gravity-ui/uikit/issues/1234)) ([c721640](https://github.com/gravity-ui/uikit/commit/c721640074baf0f5ae04ba4efaa2e187fa590e9c))\\n* **Pagination:** fix total page calculation ([#1237](https://github.com/gravity-ui/uikit/issues/1237)) ([8f1af66](https://github.com/gravity-ui/uikit/commit/8f1af66dd7de4dc13c33cc58e4f73715802c02cb))\\n* **Select:** activate first clickable item ([#1228](https://github.com/gravity-ui/uikit/issues/1228)) ([13b921e](https://github.com/gravity-ui/uikit/commit/13b921e8384108bf1ca71941e0a5908191cb325e))\\n* **Select:** add 100% width to default labels ([#1239](https://github.com/gravity-ui/uikit/issues/1239)) ([5bd5edd](https://github.com/gravity-ui/uikit/commit/5bd5edd63c5755a52003967b4d3e822983f5033a))\\n* **ThemeProvider:** fix rootClassName update ([#1231](https://github.com/gravity-ui/uikit/issues/1231)) ([4f0f099](https://github.com/gravity-ui/uikit/commit/4f0f09946023d039b8d1fed3c198d1888959f7a5))\\n\\n## [5.26.0](https://github.com/gravity-ui/uikit/compare/v5.25.0...v5.26.0) (2023-12-26)\\n\\n\\n### Features\\n\\n* calculate body class names seperately ([#1197](https://github.com/gravity-ui/uikit/issues/1197)) ([3dcf03d](https://github.com/gravity-ui/uikit/commit/3dcf03d46b6834c3d0fd6f43a9208d234c730405))\\n* **Popup:** add `aria-label` & `aria-labelledby` attributes ([#1202](https://github.com/gravity-ui/uikit/issues/1202)) ([f68183a](https://github.com/gravity-ui/uikit/commit/f68183ad27c025c736164b72ee38a908afb7dc67))\\n\\n\\n### Bug Fixes\\n\\n* **Pagination:** fix wrong behaviour in case of 0 total ([#1208](https://github.com/gravity-ui/uikit/issues/1208)) ([cda2349](https://github.com/gravity-ui/uikit/commit/cda2349c699b5e11fe79aa79fdbb4f5b647277bc))\\n* **Select:** fix wrong view \\"clear\\" styles ([#1224](https://github.com/gravity-ui/uikit/issues/1224)) ([4f4e13e](https://github.com/gravity-ui/uikit/commit/4f4e13ec7286dc1611755899b30429f1cf4b5b7f))\\n* **Table:** columns change throws ([#1219](https://github.com/gravity-ui/uikit/issues/1219)) ([20756bc](https://github.com/gravity-ui/uikit/commit/20756bcd27d8577d399e39f7d86189d7cb3d4d14))\\n\\n## [5.25.0](https://github.com/gravity-ui/uikit/compare/v5.24.0...v5.25.0) (2023-12-12)\\n\\n\\n### Features\\n\\n* **Select:** add popupPlacement prop ([#1195](https://github.com/gravity-ui/uikit/issues/1195)) ([ba0e1a1](https://github.com/gravity-ui/uikit/commit/ba0e1a1a28b98b519c59b040ab53671aa178341a))\\n\\n## [5.24.0](https://github.com/gravity-ui/uikit/compare/v5.23.0...v5.24.0) (2023-12-08)\\n\\n\\n### Features\\n\\n* **Table:** use `&lt;colgroup/&gt;` to set cells width ([#831](https://github.com/gravity-ui/uikit/issues/831)) ([c33b330](https://github.com/gravity-ui/uikit/commit/c33b3308b68ce92626e995a99821eede74a3b196))\\n\\n## [5.23.0](https://github.com/gravity-ui/uikit/compare/v5.22.0...v5.23.0) (2023-12-06)\\n\\n\\n### Features\\n\\n* **Progress:** make contrast ([#1129](https://github.com/gravity-ui/uikit/issues/1129)) ([e1ce48f](https://github.com/gravity-ui/uikit/commit/e1ce48fefef9a510f6867e627018a0d2f04cc5ff))\\n* **RadioButton:** allow an extended value other than a string ([#1177](https://github.com/gravity-ui/uikit/issues/1177)) ([77eb5a0](https://github.com/gravity-ui/uikit/commit/77eb5a0c7a9ca29c273854e9c13868f610735218))\\n\\n\\n### Bug Fixes\\n\\n* **a11y:** make a short text for the clear button ([#1172](https://github.com/gravity-ui/uikit/issues/1172)) ([d767727](https://github.com/gravity-ui/uikit/commit/d76772724264da02e132eb63a9ec0860446e8b71))\\n* add qa property for some components ([#1173](https://github.com/gravity-ui/uikit/issues/1173)) ([0f2a491](https://github.com/gravity-ui/uikit/commit/0f2a4911b30e4bd0f20b7d52be90531058ff2070))\\n* export TableColumnSetupItem type from index ([#1169](https://github.com/gravity-ui/uikit/issues/1169)) ([21e21a3](https://github.com/gravity-ui/uikit/commit/21e21a33f8e6c163013e6f4951e34605700e8d5b))\\n* **Select:** proper filter updates when closing the popup ([#1180](https://github.com/gravity-ui/uikit/issues/1180)) ([7d12e86](https://github.com/gravity-ui/uikit/commit/7d12e8642368e6fa95359a9a69a554be85e0b034))\\n* **Select:** update keyboard interaction to correspond with specification ([#1176](https://github.com/gravity-ui/uikit/issues/1176)) ([504b05c](https://github.com/gravity-ui/uikit/commit/504b05caed8300c8f550c7dc36cd6ef0e6b22064))\\n* **Table:** fixed checkbox max width ([#1174](https://github.com/gravity-ui/uikit/issues/1174)) ([ed68043](https://github.com/gravity-ui/uikit/commit/ed6804379abd88c7b13ffc5034bf7d90f108aee5))\\n\\n## [5.22.0](https://github.com/gravity-ui/uikit/compare/v5.21.1...v5.22.0) (2023-11-28)\\n\\n\\n### Features\\n\\n* **List:** use `Grip` icon from `@gravity-ui/icons` ([#1164](https://github.com/gravity-ui/uikit/issues/1164)) ([625679a](https://github.com/gravity-ui/uikit/commit/625679a8c18769dbfbf82b77b8154ad176a30a69))\\n\\n\\n### Bug Fixes\\n\\n* **Select:** add onLoadMore to the list of dependencies to avoid closures ([#1168](https://github.com/gravity-ui/uikit/issues/1168)) ([a804684](https://github.com/gravity-ui/uikit/commit/a8046846662be94b64f6d0c10f84beefeaec0644))\\n\\n## [5.21.1](https://github.com/gravity-ui/uikit/compare/v5.21.0...v5.21.1) (2023-11-27)\\n\\n\\n### Bug Fixes\\n\\n* align checkbox when there is more than 1 line of text in any cell ([#1149](https://github.com/gravity-ui/uikit/issues/1149)) ([8011430](https://github.com/gravity-ui/uikit/commit/8011430102d3fda764711d3003be2b9c953f586d))\\n\\n## [5.21.0](https://github.com/gravity-ui/uikit/compare/v5.20.0...v5.21.0) (2023-11-24)\\n\\n\\n### Features\\n\\n* change react-sortable-hoc with react-beautiful-dnd ([#1159](https://github.com/gravity-ui/uikit/issues/1159)) ([1f7ab68](https://github.com/gravity-ui/uikit/commit/1f7ab68a74deedcd6dd091c8a9bc7d5a5b913006))\\n* lazy loading for userAvatar ([#1124](https://github.com/gravity-ui/uikit/issues/1124)) ([e76fd7c](https://github.com/gravity-ui/uikit/commit/e76fd7ce9ab4a6adff05f5e816f385e1b5afc316))\\n\\n## [5.20.0](https://github.com/gravity-ui/uikit/compare/v5.19.1...v5.20.0) (2023-11-14)\\n\\n\\n### Features\\n\\n* add id converter for getXpath ([#1117](https://github.com/gravity-ui/uikit/issues/1117)) ([75fb80c](https://github.com/gravity-ui/uikit/commit/75fb80cb7d55d18a850d4b521de2e020cd95b25b))\\n* introduce new utility semantic colors ([#1094](https://github.com/gravity-ui/uikit/issues/1094)) ([7c3938c](https://github.com/gravity-ui/uikit/commit/7c3938cacabaff9a2eadae17d0b288780502bcd8))\\n* **Tooltip:** add `disablePortal` prop ([#1115](https://github.com/gravity-ui/uikit/issues/1115)) ([496916e](https://github.com/gravity-ui/uikit/commit/496916e820ec125a7cdea0a481c2d7e1a19d892e))\\n* **useAsyncActionHandler:** add useAsyncActionHandler hook ([#1095](https://github.com/gravity-ui/uikit/issues/1095)) ([66a25b3](https://github.com/gravity-ui/uikit/commit/66a25b3b1c6241c10fa0db24c19dd9911cb51214))\\n\\n\\n### Bug Fixes\\n\\n* **DropdownMenu:** fix inner usages of switcher prop ([#1116](https://github.com/gravity-ui/uikit/issues/1116)) ([2a3eccc](https://github.com/gravity-ui/uikit/commit/2a3eccc3225695dfc98b6a53a989bbf652e888d4))\\n* improve a11y on some components ([#1045](https://github.com/gravity-ui/uikit/issues/1045)) ([c6c6138](https://github.com/gravity-ui/uikit/commit/c6c6138472055ecd77dea990afb3f271b7c30085))\\n* **Label:** fix utility theme declaration ([#1106](https://github.com/gravity-ui/uikit/issues/1106)) ([ed8230d](https://github.com/gravity-ui/uikit/commit/ed8230df4b4f89adba271b226ef872d74e1a3f5d))\\n* **Tabs:** tab outline focus is stripped ([#1071](https://github.com/gravity-ui/uikit/issues/1071)) ([c47f641](https://github.com/gravity-ui/uikit/commit/c47f64189e50a7191c1c2d1313227821452e8414))\\n* **Toast:** fix overflows ([#1079](https://github.com/gravity-ui/uikit/issues/1079)) ([2205fde](https://github.com/gravity-ui/uikit/commit/2205fde429bf0efce7500e3282c331186415d780))\\n\\n## [5.19.1](https://github.com/gravity-ui/uikit/compare/v5.19.0...v5.19.1) (2023-11-07)\\n\\n\\n### Bug Fixes\\n\\n* **Icon:** correct prepareStringData ([#1096](https://github.com/gravity-ui/uikit/issues/1096)) ([8e4817e](https://github.com/gravity-ui/uikit/commit/8e4817e39d4591a65b7782770f50fef594606b36))\\n* return EventBroker constructor in export ([#1098](https://github.com/gravity-ui/uikit/issues/1098)) ([f22bc27](https://github.com/gravity-ui/uikit/commit/f22bc273648bcdebd1d627f59d1f1d7a818722e8))\\n\\n## [5.19.0](https://github.com/gravity-ui/uikit/compare/v5.18.1...v5.19.0) (2023-11-03)\\n\\n\\n### Features\\n\\n* improving a11y ([#1070](https://github.com/gravity-ui/uikit/issues/1070)) ([146ff4f](https://github.com/gravity-ui/uikit/commit/146ff4f3dfd6e9debb1d28ca72485734d1e08cf7))\\n* **Menu:** add support for item icon on the end of the item ([#965](https://github.com/gravity-ui/uikit/issues/965)) ([55885d0](https://github.com/gravity-ui/uikit/commit/55885d0d7956a93eb33ffade8be535fa7f2b7f6e))\\n* **Popover:** prevent closing by click in case of using openOnHover property ([#1085](https://github.com/gravity-ui/uikit/issues/1085)) ([2c17a06](https://github.com/gravity-ui/uikit/commit/2c17a06bd3bb52f730a8dc810bcfc22a3a9c163c))\\n\\n\\n### Bug Fixes\\n\\n* **Popover:** pass classname to html content ([#1073](https://github.com/gravity-ui/uikit/issues/1073)) ([c0a725a](https://github.com/gravity-ui/uikit/commit/c0a725ab73ca74f9f051a9e2db27e5456427f972))\\n* **Select:** fix SelectRenderControlProps.onClick type ([#1075](https://github.com/gravity-ui/uikit/issues/1075)) ([9dbfc3a](https://github.com/gravity-ui/uikit/commit/9dbfc3a2d5118f51944494edb02c137bcc67c1fc))\\n\\n## [5.18.1](https://github.com/gravity-ui/uikit/compare/v5.18.0...v5.18.1) (2023-10-24)\\n\\n\\n### Bug Fixes\\n\\n* **Sheet:** fix Sheet resize when viewport size changes ([#1055](https://github.com/gravity-ui/uikit/issues/1055)) ([35a7b74](https://github.com/gravity-ui/uikit/commit/35a7b749493ec0377f5e013619d312f087801141))\\n\\n## [5.18.0](https://github.com/gravity-ui/uikit/compare/v5.17.0...v5.18.0) (2023-10-19)\\n\\n\\n### Features\\n\\n* **Table:** expand checkbox click area ([#654](https://github.com/gravity-ui/uikit/issues/654)) ([0534cf8](https://github.com/gravity-ui/uikit/commit/0534cf8f973c4737f137078a6978df8f201a4f3f))\\n\\n\\n### Bug Fixes\\n\\n* **Sheet:** fix Sheet intermediate hanging when touch ends above it ([#1052](https://github.com/gravity-ui/uikit/issues/1052)) ([38e6308](https://github.com/gravity-ui/uikit/commit/38e63088433798193d3eea267548ac1e7422e0a6))\\n\\n## [5.17.0](https://github.com/gravity-ui/uikit/compare/v5.16.0...v5.17.0) (2023-10-05)\\n\\n\\n### Features\\n\\n* **List:** extend `emptyPlaceholder` type to `ReactNode` ([#1013](https://github.com/gravity-ui/uikit/issues/1013)) ([56437e6](https://github.com/gravity-ui/uikit/commit/56437e6e4782eebf4040d6f1e2bc70bc6b5b61ec))\\n* synced codeowners with sharepoint table ([#1034](https://github.com/gravity-ui/uikit/issues/1034)) ([5bdfa75](https://github.com/gravity-ui/uikit/commit/5bdfa75bbae36827dd74b9b67a24fa2e2dd6fcdb))\\n* **withTableSorting:** add control the use of data sorting ([#1032](https://github.com/gravity-ui/uikit/issues/1032)) ([53248c9](https://github.com/gravity-ui/uikit/commit/53248c967e32bba6cb5f4451f9ee5bf00d963163))\\n\\n\\n### Bug Fixes\\n\\n* start refactor hooks: useOutsideClick ([#1035](https://github.com/gravity-ui/uikit/issues/1035)) ([6ad4a78](https://github.com/gravity-ui/uikit/commit/6ad4a78ca202ecc6e843d14f0c71f922d0845828))\\n* use correct font-size through component styles ([#1036](https://github.com/gravity-ui/uikit/issues/1036)) ([44d7160](https://github.com/gravity-ui/uikit/commit/44d71608af59eb04350d830dd2d19c1a5ce922b2))\\n\\n## [5.16.0](https://github.com/gravity-ui/uikit/compare/v5.15.0...v5.16.0) (2023-09-29)\\n\\n\\n### Features\\n\\n* **Table:** add options for WithTableSettings HOC ([#1029](https://github.com/gravity-ui/uikit/issues/1029)) ([b338bf9](https://github.com/gravity-ui/uikit/commit/b338bf9c3b77aba5471e143ce58495d55ec94cfe))\\n\\n## [5.15.0](https://github.com/gravity-ui/uikit/compare/v5.14.0...v5.15.0) (2023-09-22)\\n\\n\\n### Features\\n\\n* **UserAvatar:** add fallbackImgUrl prop ([#1025](https://github.com/gravity-ui/uikit/issues/1025)) ([9a4bd59](https://github.com/gravity-ui/uikit/commit/9a4bd597cc0db62f905d6972eb317faffd8cb672))\\n\\n\\n### Bug Fixes\\n\\n* **DocsDecorator:** add new css prefix support ([#1027](https://github.com/gravity-ui/uikit/issues/1027)) ([6ff4c1c](https://github.com/gravity-ui/uikit/commit/6ff4c1c3c040b72abae6ad82c3868a447df039d3))\\n\\n## [5.14.0](https://github.com/gravity-ui/uikit/compare/v5.13.0...v5.14.0) (2023-09-20)\\n\\n\\n### Features\\n\\n* **Select:** add onClear argument to renderControl method ([#1022](https://github.com/gravity-ui/uikit/issues/1022)) ([d3af988](https://github.com/gravity-ui/uikit/commit/d3af988a18adbb285269955dfef3c44df78043bf))\\n\\n## [5.13.0](https://github.com/gravity-ui/uikit/compare/v5.12.2...v5.13.0) (2023-09-19)\\n\\n\\n### Features\\n\\n* add hook useOnClickOutside ([#1006](https://github.com/gravity-ui/uikit/issues/1006)) ([6e83459](https://github.com/gravity-ui/uikit/commit/6e8345974c98ab3a949d6741ea38f807e1652ade))\\n* **LayerManager:** add type to layer ([#1018](https://github.com/gravity-ui/uikit/issues/1018)) ([3fb7de9](https://github.com/gravity-ui/uikit/commit/3fb7de912e144a84a0d169b0be65e6e440c886a0))\\n* **Toc:** add component ([#858](https://github.com/gravity-ui/uikit/issues/858)) ([bafed78](https://github.com/gravity-ui/uikit/commit/bafed78dcea0dbedf892763da864d193f18d6421))\\n\\n## [5.12.2](https://github.com/gravity-ui/uikit/compare/v5.12.1...v5.12.2) (2023-09-15)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** fix filtering in case of using grouped options ([#1011](https://github.com/gravity-ui/uikit/issues/1011)) ([096d404](https://github.com/gravity-ui/uikit/commit/096d404d8a1734b9a40ca5e4fedcb66e78cf1b5d))\\n\\n## [5.12.1](https://github.com/gravity-ui/uikit/compare/v5.12.0...v5.12.1) (2023-09-13)\\n\\n\\n### Bug Fixes\\n\\n* **TextInput:** fix inside error display ([#1004](https://github.com/gravity-ui/uikit/issues/1004)) ([1fcab4e](https://github.com/gravity-ui/uikit/commit/1fcab4e83d777bf4a9e38ab919425f502d7080ff))\\n\\n## [5.12.0](https://github.com/gravity-ui/uikit/compare/v5.11.0...v5.12.0) (2023-09-13)\\n\\n\\n### Features\\n\\n* **List:** improve a11y ([#960](https://github.com/gravity-ui/uikit/issues/960)) ([67c35a2](https://github.com/gravity-ui/uikit/commit/67c35a217db3cc4cf8bfd05d606776c57684d9b7))\\n\\n\\n### Bug Fixes\\n\\n* **Menu:** make menu item content width limited by a container ([#1001](https://github.com/gravity-ui/uikit/issues/1001)) ([f3943c9](https://github.com/gravity-ui/uikit/commit/f3943c919d163d809754d8eb49fefe4d75558fbd))\\n* **Select:** fix control border radius in case of using `xl` size ([#998](https://github.com/gravity-ui/uikit/issues/998)) ([8084778](https://github.com/gravity-ui/uikit/commit/80847789edb172b3bee11ebe39714094ce8b62d2))\\n* **Tabs:** show focused state if focus-visible only ([#1000](https://github.com/gravity-ui/uikit/issues/1000)) ([88b89f7](https://github.com/gravity-ui/uikit/commit/88b89f777a665d80974815611d58dbd7eb04ac41))\\n* **ThemeProvider:** fix scoped CSS classes ([#1003](https://github.com/gravity-ui/uikit/issues/1003)) ([9fe15e3](https://github.com/gravity-ui/uikit/commit/9fe15e35e18f7ebbc455f76f7de762d5a3df7225))\\n\\n## [5.11.0](https://github.com/gravity-ui/uikit/compare/v5.10.0...v5.11.0) (2023-09-07)\\n\\n\\n### Features\\n\\n* **Alert, Card:** deprecate `positive` theme ([#986](https://github.com/gravity-ui/uikit/issues/986)) ([e4758d4](https://github.com/gravity-ui/uikit/commit/e4758d408151554ec2946a8cdb07a0e431ce6b85))\\n* **Breadcrumbs:** add `title` prop to item ([#863](https://github.com/gravity-ui/uikit/issues/863)) ([0146f5f](https://github.com/gravity-ui/uikit/commit/0146f5f0052bc7c23fd45b7df9452d5b9c639acf))\\n* **Popover:** add popper modifiers to popover props ([#993](https://github.com/gravity-ui/uikit/issues/993)) ([fdce64a](https://github.com/gravity-ui/uikit/commit/fdce64ae8e9af2dc9b6142cd05fb18e285c2de7c))\\n* **TextArea, TextInput:** use aria-describedby for error and note ([#904](https://github.com/gravity-ui/uikit/issues/904)) ([d51039b](https://github.com/gravity-ui/uikit/commit/d51039bb0fd4129ac511681e7fa23f051d1c3397))\\n\\n## [5.10.0](https://github.com/gravity-ui/uikit/compare/v5.9.1...v5.10.0) (2023-09-05)\\n\\n\\n### Features\\n\\n* add CSS variables to control focus outline ([#973](https://github.com/gravity-ui/uikit/issues/973)) ([d926ef8](https://github.com/gravity-ui/uikit/commit/d926ef870b4daef03ed0970f9b97fbc85b93f5d0))\\n* **Card:** update README ([#976](https://github.com/gravity-ui/uikit/issues/976)) ([60bf6cc](https://github.com/gravity-ui/uikit/commit/60bf6cc13f3fcda6b03e1de0e152c3b0a5f10ac0))\\n* **Flex:** add alignContent, justifyItems and justifySelf css props ([#974](https://github.com/gravity-ui/uikit/issues/974)) ([0be31c9](https://github.com/gravity-ui/uikit/commit/0be31c94a2290b6787b88cdb15fa5d048faf4134))\\n* **Menu:** improve MenuItem a11y ([#959](https://github.com/gravity-ui/uikit/issues/959)) ([338f907](https://github.com/gravity-ui/uikit/commit/338f9070c558cd7ce85b99f6ef5539ad0e63a57b))\\n* **Popover:** accept function as a children ([#900](https://github.com/gravity-ui/uikit/issues/900)) ([ca5bcc7](https://github.com/gravity-ui/uikit/commit/ca5bcc708598d69270a8645c2fa6a00dc0c9397b))\\n* **Table:** update README ([#985](https://github.com/gravity-ui/uikit/issues/985)) ([cc95a33](https://github.com/gravity-ui/uikit/commit/cc95a3372d781aae95f7516cb2e2a2744eca570b))\\n* **TextInput:** add an option to display error via tooltip ([#821](https://github.com/gravity-ui/uikit/issues/821)) ([f883f01](https://github.com/gravity-ui/uikit/commit/f883f0126371339e0b0ad46365c29bf1980bdbe7))\\n* **Toast:** update icons according to design ([#984](https://github.com/gravity-ui/uikit/issues/984)) ([d10d2c9](https://github.com/gravity-ui/uikit/commit/d10d2c9e1d3d1394786a1105d0d3806de07bce08))\\n\\n\\n### Bug Fixes\\n\\n* **Disclosure:** explicit type export ([#983](https://github.com/gravity-ui/uikit/issues/983)) ([eeba89d](https://github.com/gravity-ui/uikit/commit/eeba89d4ee2f6a849c0621e96817c00461b2d20f))\\n* **Pagination:** increase priority over input styles ([#989](https://github.com/gravity-ui/uikit/issues/989)) ([bbfa6a5](https://github.com/gravity-ui/uikit/commit/bbfa6a5a5ba87dcba31121ccefbb9d05d2f6f60d))\\n* **Toast:** don\'t render empty actions array ([#979](https://github.com/gravity-ui/uikit/issues/979)) ([e19d0b9](https://github.com/gravity-ui/uikit/commit/e19d0b9344ee3f8cbec3e0ee107fcb244b1e26c9))\\n\\n## [5.9.1](https://github.com/gravity-ui/uikit/compare/v5.9.0...v5.9.1) (2023-08-28)\\n\\n\\n### Bug Fixes\\n\\n* downgrade tslib to 2.6.1 ([#963](https://github.com/gravity-ui/uikit/issues/963)) ([87c62d3](https://github.com/gravity-ui/uikit/commit/87c62d3c8034a48bc278999f38e9911c3b54be23))\\n\\n## [5.9.0](https://github.com/gravity-ui/uikit/compare/v5.8.0...v5.9.0) (2023-08-24)\\n\\n\\n### Features\\n\\n* update deps ([#943](https://github.com/gravity-ui/uikit/issues/943)) ([57547c7](https://github.com/gravity-ui/uikit/commit/57547c7fce715e6dcb4adc80029892ab7ebbeff5))\\n\\n\\n### Bug Fixes\\n\\n* **List:** item type validation ([#949](https://github.com/gravity-ui/uikit/issues/949)) ([1aef5b5](https://github.com/gravity-ui/uikit/commit/1aef5b592761d6b9a471cdcd92274f7367da4e6b))\\n\\n## [5.8.0](https://github.com/gravity-ui/uikit/compare/v5.7.0...v5.8.0) (2023-08-24)\\n\\n\\n### Features\\n\\n* create useViewportSize hook ([#933](https://github.com/gravity-ui/uikit/issues/933)) ([637f88d](https://github.com/gravity-ui/uikit/commit/637f88d3f70084d9c7dbe7191e6cdee6c7380bd7))\\n* **List:** add loading and onLoadMore props ([#934](https://github.com/gravity-ui/uikit/issues/934)) ([5eab30f](https://github.com/gravity-ui/uikit/commit/5eab30f8e4b8c7517e7d4963762961c0f4743ebb))\\n\\n\\n### Bug Fixes\\n\\n* **ClearButton:** increase selector specificity ([#945](https://github.com/gravity-ui/uikit/issues/945)) ([edee285](https://github.com/gravity-ui/uikit/commit/edee285af48e8817184fb2214916f09159ca545d))\\n* **Table:** fix copying the array from getRowClassNames ([#923](https://github.com/gravity-ui/uikit/issues/923)) ([3f123b7](https://github.com/gravity-ui/uikit/commit/3f123b7feb90ddeb123d06ef42f947fe9f85264d))\\n\\n## [5.7.0](https://github.com/gravity-ui/uikit/compare/v5.6.0...v5.7.0) (2023-08-22)\\n\\n\\n### Features\\n\\n* **Table:** add `wordWrap` option to prevent text cut ([#919](https://github.com/gravity-ui/uikit/issues/919)) ([52d6efb](https://github.com/gravity-ui/uikit/commit/52d6efbfc405cd156ae1b62d4532cb22a96f649f))\\n\\n\\n### Bug Fixes\\n\\n* **Table:** calculate column styles on mount ([#926](https://github.com/gravity-ui/uikit/issues/926)) ([e51a73b](https://github.com/gravity-ui/uikit/commit/e51a73b66e576a641cdc2218e873a622e3ba5e98))\\n\\n## [5.6.0](https://github.com/gravity-ui/uikit/compare/v5.5.1...v5.6.0) (2023-08-22)\\n\\n\\n### Features\\n\\n* **Icon:** forward `ref` ([#929](https://github.com/gravity-ui/uikit/issues/929)) ([28d023d](https://github.com/gravity-ui/uikit/commit/28d023dc14b05adada4e78d7dfcd3f725bcef2db))\\n* **TextArea:** add gravity documentation ([#920](https://github.com/gravity-ui/uikit/issues/920)) ([56f0796](https://github.com/gravity-ui/uikit/commit/56f0796dce851016895f23efd0946fd2c5b93894))\\n* **TextInput:** add gravity documentation ([#912](https://github.com/gravity-ui/uikit/issues/912)) ([641e424](https://github.com/gravity-ui/uikit/commit/641e424cf8a21ee99b270472971aff980ea55cf9))\\n\\n## [5.5.1](https://github.com/gravity-ui/uikit/compare/v5.5.0...v5.5.1) (2023-08-18)\\n\\n\\n### Bug Fixes\\n\\n* **Button:** fix maxWidth property in case of using button only with icon node ([#914](https://github.com/gravity-ui/uikit/issues/914)) ([15dde1a](https://github.com/gravity-ui/uikit/commit/15dde1abaa497ad270626e3702e684c7be921a89))\\n* **MobileProvider:** fix SSR compatibility ([#897](https://github.com/gravity-ui/uikit/issues/897)) ([9c6f5a7](https://github.com/gravity-ui/uikit/commit/9c6f5a7f770225228f88bd9b7a1dfcf059a73f05))\\n\\n## [5.5.0](https://github.com/gravity-ui/uikit/compare/v5.4.1...v5.5.0) (2023-08-17)\\n\\n\\n### Features\\n\\n* **Link:** add visitable prop ([#872](https://github.com/gravity-ui/uikit/issues/872)) ([62903e5](https://github.com/gravity-ui/uikit/commit/62903e50e18d3ce17faa148b966dae757f57d735))\\n* **Select:** add onLoadMore prop ([#901](https://github.com/gravity-ui/uikit/issues/901)) ([e191c0b](https://github.com/gravity-ui/uikit/commit/e191c0b5a2fb59ca915066bffd080660d472d48a))\\n* **TextArea|TextInput:** add note prop into TextArea and TextInput ([#895](https://github.com/gravity-ui/uikit/issues/895)) ([ad959e4](https://github.com/gravity-ui/uikit/commit/ad959e4d0f518f2655713099e43b91b4cb74f286))\\n* use \\"Inter\\" as main font ([#893](https://github.com/gravity-ui/uikit/issues/893)) ([13ed356](https://github.com/gravity-ui/uikit/commit/13ed356b1f8eaf82816f0f6e0ec3f6437b364c41))\\n\\n\\n### Bug Fixes\\n\\n* **Toaster:** add min-height ([#882](https://github.com/gravity-ui/uikit/issues/882)) ([a254e1b](https://github.com/gravity-ui/uikit/commit/a254e1ba09f0da2d0ba724aac6cf2fde588844f5))\\n\\n## [5.4.1](https://github.com/gravity-ui/uikit/compare/v5.4.0...v5.4.1) (2023-08-11)\\n\\n\\n### Bug Fixes\\n\\n* **Disclosure:** add displayName ([#891](https://github.com/gravity-ui/uikit/issues/891)) ([81a71ae](https://github.com/gravity-ui/uikit/commit/81a71ae1da5d299af65aca156f98595bf16e789c))\\n* **focusTrap:** do not create focusTrap during render ([#888](https://github.com/gravity-ui/uikit/issues/888)) ([2a6bb83](https://github.com/gravity-ui/uikit/commit/2a6bb8346784e9405ed19c01b9ef5d7f86cc080b))\\n* **Popup:** set tabIndex on focusTrap root element ([#889](https://github.com/gravity-ui/uikit/issues/889)) ([4941880](https://github.com/gravity-ui/uikit/commit/49418800125bb5640e49cac21a3dd8b5c11cb6d5))\\n* **Tooltip:** set default open delay, focus/blur ignores delay ([#892](https://github.com/gravity-ui/uikit/issues/892)) ([625f4f4](https://github.com/gravity-ui/uikit/commit/625f4f4d0b3bc7ee2847753d85f6e020f2e158ea))\\n\\n## [5.4.0](https://github.com/gravity-ui/uikit/compare/v5.3.0...v5.4.0) (2023-08-10)\\n\\n\\n### Features\\n\\n* **Toaster:** make title optional ([#879](https://github.com/gravity-ui/uikit/issues/879)) ([37a434d](https://github.com/gravity-ui/uikit/commit/37a434d35bf806e861765ae0da70c5a129b558ad))\\n\\n## [5.3.0](https://github.com/gravity-ui/uikit/compare/v5.2.0...v5.3.0) (2023-08-10)\\n\\n\\n### Features\\n\\n* use useId from React 18 to generate uniq ids ([#883](https://github.com/gravity-ui/uikit/issues/883)) ([2b83656](https://github.com/gravity-ui/uikit/commit/2b836560d6c35601b9c9f2507e377975cfac4d07))\\n\\n\\n### Bug Fixes\\n\\n* add Disclosure to imports ([#886](https://github.com/gravity-ui/uikit/issues/886)) ([a1d052e](https://github.com/gravity-ui/uikit/commit/a1d052e09039412f00ed4c44a83a81fbe7afcd44))\\n\\n## [5.2.0](https://github.com/gravity-ui/uikit/compare/v5.1.0...v5.2.0) (2023-08-10)\\n\\n\\n### Features\\n\\n* add Disclosure component ([#796](https://github.com/gravity-ui/uikit/issues/796)) ([df1eefd](https://github.com/gravity-ui/uikit/commit/df1eefd606f0db0e4392dc4c2f0a7a5144175f33))\\n* export hook useActionHandlers ([#836](https://github.com/gravity-ui/uikit/issues/836)) ([1ee8f3c](https://github.com/gravity-ui/uikit/commit/1ee8f3ca925f18e10f3eb0f7cd9c751791a240f8))\\n* **hooks:** export `useUniqId` hook ([#880](https://github.com/gravity-ui/uikit/issues/880)) ([a329789](https://github.com/gravity-ui/uikit/commit/a3297895262d8eddc2cd807b0de5879010f93e21))\\n* **Pagination:** add className prop ([#803](https://github.com/gravity-ui/uikit/issues/803)) ([b0cc6cd](https://github.com/gravity-ui/uikit/commit/b0cc6cdcc18553a6308a3ddecfdde82f3ab14d35))\\n* **Persona:** add style prop ([#855](https://github.com/gravity-ui/uikit/issues/855)) ([5d455e6](https://github.com/gravity-ui/uikit/commit/5d455e6c533e8901ae9fc36258f070ef64bc06d0))\\n* **Persona:** extend text property ([#876](https://github.com/gravity-ui/uikit/issues/876)) ([84f31df](https://github.com/gravity-ui/uikit/commit/84f31df469ea8fad8d37b5e3cfac666cf9ebe1f6))\\n* **Popover:** add props to improve accessibility ([#868](https://github.com/gravity-ui/uikit/issues/868)) ([8d2bf81](https://github.com/gravity-ui/uikit/commit/8d2bf81b59b396d30244934c6888bd97fcd1529b))\\n* **Select.SelectPopup:** add width modes ([#854](https://github.com/gravity-ui/uikit/issues/854)) ([d4ccfcf](https://github.com/gravity-ui/uikit/commit/d4ccfcfd706b78b908acddd5cea529f44fc15ebf))\\n* **Select:** add renderOptionGroup, getOptionGroupHeight props ([#828](https://github.com/gravity-ui/uikit/issues/828)) ([7f93637](https://github.com/gravity-ui/uikit/commit/7f9363773e0a8ff22d7dba102e5d56298a9c5729))\\n* **Select:** loading indicator ([#761](https://github.com/gravity-ui/uikit/issues/761)) ([aa1a963](https://github.com/gravity-ui/uikit/commit/aa1a963ea1440fe8b6209c872e7adc7217bf0209))\\n* **Select:** selected values appearance ([#848](https://github.com/gravity-ui/uikit/issues/848)) ([17e11f6](https://github.com/gravity-ui/uikit/commit/17e11f643fe4d84fcb7a2b8c6681e64e888241e0))\\n\\n\\n### Bug Fixes\\n\\n* add menu-item-content-children class name ([#839](https://github.com/gravity-ui/uikit/issues/839)) ([4519ea5](https://github.com/gravity-ui/uikit/commit/4519ea5b3baa3a0e665a8b477e73ef8ea5cb44a3))\\n* **Disclosure:** readme ([#852](https://github.com/gravity-ui/uikit/issues/852)) ([6065c56](https://github.com/gravity-ui/uikit/commit/6065c56042be2650d27c7f99de6e115d2cf6691c))\\n* **Label:** actions icon size fix ([#851](https://github.com/gravity-ui/uikit/issues/851)) ([1bce6e4](https://github.com/gravity-ui/uikit/commit/1bce6e4777e7282c251649e79fbd3b11d4994f3a))\\n* **Menu:** set properly QA attributes names ([#844](https://github.com/gravity-ui/uikit/issues/844)) ([b3a9f1e](https://github.com/gravity-ui/uikit/commit/b3a9f1e3472608d0a3865604219be3477fd770d8))\\n* **Select:** disable option selection ([#870](https://github.com/gravity-ui/uikit/issues/870)) ([09c2e7d](https://github.com/gravity-ui/uikit/commit/09c2e7d4d47e801a4d4f1eed301828a07ee594bf))\\n* **Select:** do not show cursor:pointer on control when Select is disabled ([#874](https://github.com/gravity-ui/uikit/issues/874)) ([5d7c8b4](https://github.com/gravity-ui/uikit/commit/5d7c8b4af927dc38a24dda0b9ef24c94178e5823))\\n* **Select:** popup width fit mode with identation ([#873](https://github.com/gravity-ui/uikit/issues/873)) ([61a4c9a](https://github.com/gravity-ui/uikit/commit/61a4c9ae0bc551e188b9a7f4875a00db447aecf2))\\n* **TextArea:** fix incorrect type ([#867](https://github.com/gravity-ui/uikit/issues/867)) ([831bf5f](https://github.com/gravity-ui/uikit/commit/831bf5fbefa73a3f1a78fce3148e7fcf2849926e))\\n* **useRestoreFocus:** correctly set current restore element ([#865](https://github.com/gravity-ui/uikit/issues/865)) ([35bc0d5](https://github.com/gravity-ui/uikit/commit/35bc0d554664115a5a82c4c6bc9730c65de9070f))\\n\\n## [5.1.0](https://github.com/gravity-ui/uikit/compare/v5.0.2...v5.1.0) (2023-07-20)\\n\\n\\n### Features\\n\\n* **LayerManager:** export getLayersCount ([#830](https://github.com/gravity-ui/uikit/issues/830)) ([2ce4304](https://github.com/gravity-ui/uikit/commit/2ce43049d039e65c8927ec87e058c6472888e5c9))\\n\\n\\n### Bug Fixes\\n\\n* **Table:** remove redundant height with enabled sorting ([#826](https://github.com/gravity-ui/uikit/issues/826)) ([c5c09b6](https://github.com/gravity-ui/uikit/commit/c5c09b63af641513e4ddfaee0740ad13fdcaa6a7))\\n\\n## [5.0.2](https://github.com/gravity-ui/uikit/compare/v5.0.1...v5.0.2) (2023-07-18)\\n\\n\\n### Bug Fixes\\n\\n* **Card:** prevent keyboard handler form abort ([#825](https://github.com/gravity-ui/uikit/issues/825)) ([273d316](https://github.com/gravity-ui/uikit/commit/273d3161e22cf8f1b1f269861dcf0e01b0e2a8a1))\\n\\n## [5.0.1](https://github.com/gravity-ui/uikit/compare/v5.0.0...v5.0.1) (2023-07-17)\\n\\n\\n### Bug Fixes\\n\\n* fix color palette ([#823](https://github.com/gravity-ui/uikit/issues/823)) ([bb77d87](https://github.com/gravity-ui/uikit/commit/bb77d87a1785f92f52949bf441ca79710c7aa3a9))\\n\\n## [5.0.0](https://github.com/gravity-ui/uikit/compare/v4.24.0...v5.0.0) (2023-07-14)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* new brand color ([#815](https://github.com/gravity-ui/uikit/issues/815))\\n* update colors ([#794](https://github.com/gravity-ui/uikit/issues/794))\\n* remove moved components ([#795](https://github.com/gravity-ui/uikit/issues/795))\\n* **TextInput:** separate into 2 components TextInput & TextArea ([#764](https://github.com/gravity-ui/uikit/issues/764))\\n* customization refactor ([#773](https://github.com/gravity-ui/uikit/issues/773))\\n* remove popup wrapper class, use content classes for popover… ([#711](https://github.com/gravity-ui/uikit/issues/711))\\n* update `xs` border radius ([#775](https://github.com/gravity-ui/uikit/issues/775))\\n* rename CSS vars ([#767](https://github.com/gravity-ui/uikit/issues/767))\\n* themization update ([#758](https://github.com/gravity-ui/uikit/issues/758))\\n* refactor theme context data flow ([#745](https://github.com/gravity-ui/uikit/issues/745))\\n* **Button:** add selected state for all views ([#755](https://github.com/gravity-ui/uikit/issues/755))\\n* **Button:** update paddings ([#636](https://github.com/gravity-ui/uikit/issues/636))\\n* **Progress:** rename `view` prop to `size` ([#747](https://github.com/gravity-ui/uikit/issues/747))\\n* remove `resize-observer-polyfill` ([#744](https://github.com/gravity-ui/uikit/issues/744))\\n* **Label:** remove `style` prop ([#733](https://github.com/gravity-ui/uikit/issues/733))\\n* removed migrated components ([#743](https://github.com/gravity-ui/uikit/issues/743))\\n* **Toaster:** remove deprecated `isOverride` prop ([#734](https://github.com/gravity-ui/uikit/issues/734))\\n* use icons from Gravity ([#735](https://github.com/gravity-ui/uikit/issues/735))\\n* **SharePopover:** remove deprecated `handleMetrika` prop ([#739](https://github.com/gravity-ui/uikit/issues/739))\\n\\n### Features\\n\\n* add hook useFocusWithin ([#804](https://github.com/gravity-ui/uikit/issues/804)) ([0ec0195](https://github.com/gravity-ui/uikit/commit/0ec0195d1a5122d56543865328497dec4782fe58))\\n* basic branding docs ([#789](https://github.com/gravity-ui/uikit/issues/789)) ([9535094](https://github.com/gravity-ui/uikit/commit/95350947efd57df45072eac4fa60738fceb741e5))\\n* **Button:** add selected state for all views ([#755](https://github.com/gravity-ui/uikit/issues/755)) ([8658b39](https://github.com/gravity-ui/uikit/commit/8658b395a612b091e525ff3222ebcef137155865))\\n* **Button:** added new views ([#805](https://github.com/gravity-ui/uikit/issues/805)) ([1ffc818](https://github.com/gravity-ui/uikit/commit/1ffc81871f3a7ee326f28410bd8a657865f88016))\\n* **Button:** update paddings ([#636](https://github.com/gravity-ui/uikit/issues/636)) ([eb36999](https://github.com/gravity-ui/uikit/commit/eb36999362feb834e86945359da914505ecfeecc))\\n* customization refactor ([#773](https://github.com/gravity-ui/uikit/issues/773)) ([3c1a33e](https://github.com/gravity-ui/uikit/commit/3c1a33e88c98dba3cd698eaa3fc01323e618567a))\\n* **Label:** remove `style` prop ([#733](https://github.com/gravity-ui/uikit/issues/733)) ([bc906e4](https://github.com/gravity-ui/uikit/commit/bc906e4923e734eff796aa917c5a8bf8c3ecb1a4))\\n* new brand color ([#815](https://github.com/gravity-ui/uikit/issues/815)) ([42e75ef](https://github.com/gravity-ui/uikit/commit/42e75eff24b6af9b12264a50e3406e7fafc85139))\\n* **Progress:** rename `view` prop to `size` ([#747](https://github.com/gravity-ui/uikit/issues/747)) ([f2a567e](https://github.com/gravity-ui/uikit/commit/f2a567e6069b3b61065489b40eb646cd9e12276c))\\n* remove `resize-observer-polyfill` ([#744](https://github.com/gravity-ui/uikit/issues/744)) ([f73e221](https://github.com/gravity-ui/uikit/commit/f73e22104bd4c76a7f951d3592096d5a862e46e5))\\n* removed migrated components ([#743](https://github.com/gravity-ui/uikit/issues/743)) ([75fea15](https://github.com/gravity-ui/uikit/commit/75fea15f2a0b18cf0c3b17aedf0f964dc8207fdf))\\n* rename CSS vars ([#767](https://github.com/gravity-ui/uikit/issues/767)) ([ff74eaa](https://github.com/gravity-ui/uikit/commit/ff74eaa1b232554610cf0f2ddb4c36717b5f4fe3))\\n* **SharePopover:** remove deprecated `handleMetrika` prop ([#739](https://github.com/gravity-ui/uikit/issues/739)) ([08fe894](https://github.com/gravity-ui/uikit/commit/08fe8941ecbd6512bb8e51f457d540071aa5c433))\\n* **TextInput:** separate into 2 components TextInput & TextArea ([#764](https://github.com/gravity-ui/uikit/issues/764)) ([e9aff63](https://github.com/gravity-ui/uikit/commit/e9aff632b924307e7700e76855ba15abc905be3b))\\n* **Toaster:** remove deprecated `isOverride` prop ([#734](https://github.com/gravity-ui/uikit/issues/734)) ([be97e59](https://github.com/gravity-ui/uikit/commit/be97e59adec6cde04c013073b3a3eeab0ec257cd))\\n* **Tooltip:** show/hide tooltip on focus/blur ([#797](https://github.com/gravity-ui/uikit/issues/797)) ([7f67a36](https://github.com/gravity-ui/uikit/commit/7f67a36cba7105c9dafc6369dd2fa1f4e15a0421))\\n* update `xs` border radius ([#775](https://github.com/gravity-ui/uikit/issues/775)) ([70dece4](https://github.com/gravity-ui/uikit/commit/70dece4300261d8a4d19f0ed90424d454fc0590c))\\n* update colors ([#794](https://github.com/gravity-ui/uikit/issues/794)) ([6c67fef](https://github.com/gravity-ui/uikit/commit/6c67fef7176f19322c472203e38428e34ffd4663))\\n* use icons from Gravity ([#735](https://github.com/gravity-ui/uikit/issues/735)) ([6c5d098](https://github.com/gravity-ui/uikit/commit/6c5d098b1a35ea4f661b34446e759d9867a1f786))\\n\\n\\n### Bug Fixes\\n\\n* brand colors ([c4f91a1](https://github.com/gravity-ui/uikit/commit/c4f91a1c1ef28e7619375a78b600fa3d889b243b))\\n* **Button:** remove min-width ([8a0a58a](https://github.com/gravity-ui/uikit/commit/8a0a58a0e0c0b73acf111293c76776188fca47e2))\\n* change display from inline to inline-block ([#756](https://github.com/gravity-ui/uikit/issues/756)) ([49418ab](https://github.com/gravity-ui/uikit/commit/49418ab9eadb66a0fbfbbf45519f2daa06506cf4))\\n* change span to div in Trigger, the problem with semantic error ([#754](https://github.com/gravity-ui/uikit/issues/754)) ([8309193](https://github.com/gravity-ui/uikit/commit/83091938dc17daa4705ed7aead10b000c52031eb))\\n* rebase issues ([9e08632](https://github.com/gravity-ui/uikit/commit/9e0863215ad9ca924823c0d2df229ac76de116d3))\\n* **TextArea:** fix minRows property behaviour on initial render ([#814](https://github.com/gravity-ui/uikit/issues/814)) ([fe3e5d0](https://github.com/gravity-ui/uikit/commit/fe3e5d0bf917660e3f11fa8778a1b6b6ab0feeb8))\\n* **TextInput:** do not shrink clear button size ([#810](https://github.com/gravity-ui/uikit/issues/810)) ([82808d8](https://github.com/gravity-ui/uikit/commit/82808d86116c7124aac61272ecaf2418057f8866))\\n* variables ([#808](https://github.com/gravity-ui/uikit/issues/808)) ([042a982](https://github.com/gravity-ui/uikit/commit/042a9825008089a639e3399a7a8a6f890afca33d))\\n* various fixes ([#793](https://github.com/gravity-ui/uikit/issues/793)) ([f80682e](https://github.com/gravity-ui/uikit/commit/f80682e69721c8cc60fe68aa2f4c62d8d110b758))\\n* wrong deprecated color ([a68ffb2](https://github.com/gravity-ui/uikit/commit/a68ffb2de5de9aef5b314d813b61896bd65aa6c1))\\n\\n\\n### refactor\\n\\n* refactor theme context data flow ([#745](https://github.com/gravity-ui/uikit/issues/745)) ([4a12982](https://github.com/gravity-ui/uikit/commit/4a1298204d14006ae8ec7a57077549b90a852c62))\\n* remove moved components ([#795](https://github.com/gravity-ui/uikit/issues/795)) ([20ed66d](https://github.com/gravity-ui/uikit/commit/20ed66d7c164908a35e47687077fc88ed1ae3b0c))\\n* remove popup wrapper class, use content classes for popover… ([#711](https://github.com/gravity-ui/uikit/issues/711)) ([e5346f9](https://github.com/gravity-ui/uikit/commit/e5346f90b74f61d67bffe4ed4c72842cecdd48cb))\\n* themization update ([#758](https://github.com/gravity-ui/uikit/issues/758)) ([265af0c](https://github.com/gravity-ui/uikit/commit/265af0c06773dbcb2e1148dc4b6f5159ad3b70b6))\\n\\n## [4.24.0](https://github.com/gravity-ui/uikit/compare/v4.23.0...v4.24.0) (2023-07-14)\\n\\n\\n### Features\\n\\n* **ArrowToggle:** use icon from gravity-ui/icons ([#811](https://github.com/gravity-ui/uikit/issues/811)) ([7113923](https://github.com/gravity-ui/uikit/commit/7113923f2d7c9a7541ede0a74b6ed75b382243f6))\\n\\n\\n### Bug Fixes\\n\\n* **Hotkey:** setting a key property of a span in Hotkey\'s content ([#813](https://github.com/gravity-ui/uikit/issues/813)) ([d7aa609](https://github.com/gravity-ui/uikit/commit/d7aa6099529e351b79aedadcad54b3f4c273599e))\\n* **LayerManager:** ignore clicks on Toast ([#792](https://github.com/gravity-ui/uikit/issues/792)) ([ba7d7b0](https://github.com/gravity-ui/uikit/commit/ba7d7b0662a46f3ea9e52ddc126c53449c69685c))\\n* **useListNavigation:** remove navigation with right and left arrows ([#817](https://github.com/gravity-ui/uikit/issues/817)) ([0aab910](https://github.com/gravity-ui/uikit/commit/0aab9102db6af9265363f135b1d445b1efc48a58))\\n\\n## [4.23.0](https://github.com/gravity-ui/uikit/compare/v4.22.1...v4.23.0) (2023-07-07)\\n\\n\\n### Features\\n\\n* **Button:** use `aria-pressed` attribute for selected ([#799](https://github.com/gravity-ui/uikit/issues/799)) ([36490a9](https://github.com/gravity-ui/uikit/commit/36490a95ab7c17b04087410da45b7ade0c1cdb22))\\n* **Card:** added accessibility via keyboard ([#771](https://github.com/gravity-ui/uikit/issues/771)) ([24113e3](https://github.com/gravity-ui/uikit/commit/24113e312d094a0d0668fb3f9334dc2b2c459959))\\n* **Toaster:** new look ([#746](https://github.com/gravity-ui/uikit/issues/746)) ([5a9054e](https://github.com/gravity-ui/uikit/commit/5a9054ebba053d656b677c979fb1b99b77cb5113))\\n\\n## [4.22.1](https://github.com/gravity-ui/uikit/compare/v4.22.0...v4.22.1) (2023-07-03)\\n\\n\\n### Bug Fixes\\n\\n* **Label:** use proper Button size ([#776](https://github.com/gravity-ui/uikit/issues/776)) ([81395ad](https://github.com/gravity-ui/uikit/commit/81395adf0a0defe07bbc51ff5162e58e213e8878))\\n* **Select:** fix vertical align for SelectControl ([#790](https://github.com/gravity-ui/uikit/issues/790)) ([0abdc4a](https://github.com/gravity-ui/uikit/commit/0abdc4aa67184bf864a1ecbfdb8589d958353eb6))\\n\\n## [4.22.0](https://github.com/gravity-ui/uikit/compare/v4.21.4...v4.22.0) (2023-06-30)\\n\\n\\n### Features\\n\\n* **SelectFilter:** pass styles to renderFilter and remove wrapper ([#786](https://github.com/gravity-ui/uikit/issues/786)) ([29a6d3b](https://github.com/gravity-ui/uikit/commit/29a6d3bd640c3c0339fa842795632821fcdc5fc7))\\n\\n## [4.21.4](https://github.com/gravity-ui/uikit/compare/v4.21.3...v4.21.4) (2023-06-29)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** fix selectControl height & bg hover style ([#784](https://github.com/gravity-ui/uikit/issues/784)) ([f2fa9e9](https://github.com/gravity-ui/uikit/commit/f2fa9e97ad15f155fc6e07d6af57dd2c4f5c0d4b))\\n\\n## [4.21.3](https://github.com/gravity-ui/uikit/compare/v4.21.2...v4.21.3) (2023-06-29)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** fix qa & selectControl bg hover style ([#781](https://github.com/gravity-ui/uikit/issues/781)) ([f12a08e](https://github.com/gravity-ui/uikit/commit/f12a08eb28a93b48b78b467a082510625a85160f))\\n\\n## [4.21.2](https://github.com/gravity-ui/uikit/compare/v4.21.1...v4.21.2) (2023-06-29)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** fix selectControl block style ([#777](https://github.com/gravity-ui/uikit/issues/777)) ([fb146de](https://github.com/gravity-ui/uikit/commit/fb146de90875cf92ae1aec38f8062cafc3199723))\\n\\n## [4.21.1](https://github.com/gravity-ui/uikit/compare/v4.21.0...v4.21.1) (2023-06-28)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** fix SelectControl hover and border-radius styles ([#772](https://github.com/gravity-ui/uikit/issues/772)) ([9d6ef59](https://github.com/gravity-ui/uikit/commit/9d6ef59bc722335abb38e21b9f16a50487f29738))\\n\\n## [4.21.0](https://github.com/gravity-ui/uikit/compare/v4.20.0...v4.21.0) (2023-06-26)\\n\\n\\n### Features\\n\\n* **Select:** add hasClear ([#668](https://github.com/gravity-ui/uikit/issues/668)) ([93a2a00](https://github.com/gravity-ui/uikit/commit/93a2a00881db4d37e0cee72690c5475de7dcae0a))\\n\\n## [4.20.0](https://github.com/gravity-ui/uikit/compare/v4.19.0...v4.20.0) (2023-06-23)\\n\\n\\n### Features\\n\\n* **Menu:** change extra pseudo classes in markup to padding\'s ([#703](https://github.com/gravity-ui/uikit/issues/703)) ([24cfc5b](https://github.com/gravity-ui/uikit/commit/24cfc5bf81a48a80afc35f77a831cde39d02d1b5))\\n\\n\\n### Bug Fixes\\n\\n* **Popover:** no left-side overflow due to negative margins ([#736](https://github.com/gravity-ui/uikit/issues/736)) ([c113920](https://github.com/gravity-ui/uikit/commit/c113920660665dc2b5b813cd609b65bd73dd8b82))\\n* **Select:** add [type=\\"button\\"] to control node ([#762](https://github.com/gravity-ui/uikit/issues/762)) ([adc01f0](https://github.com/gravity-ui/uikit/commit/adc01f04a13b540dc8cb861171d4db3f7246b2ef))\\n\\n## [4.19.0](https://github.com/gravity-ui/uikit/compare/v4.18.0...v4.19.0) (2023-06-21)\\n\\n\\n### Features\\n\\n* **ClipboardButton:** added tooltip to clipboard button ([#667](https://github.com/gravity-ui/uikit/issues/667)) ([0508268](https://github.com/gravity-ui/uikit/commit/0508268f7b00b76ed037b17d21d3dd50d1266bda))\\n\\n\\n### Bug Fixes\\n\\n* revert \\"fix: change span to div in popover\\" ([#750](https://github.com/gravity-ui/uikit/issues/750)) ([e0ff9f5](https://github.com/gravity-ui/uikit/commit/e0ff9f5af019aec0fca1b392556e0efaf9e192f6))\\n\\n## [4.18.0](https://github.com/gravity-ui/uikit/compare/v4.17.0...v4.18.0) (2023-06-21)\\n\\n\\n### Features\\n\\n* **Alert:** added new component Alert ([#724](https://github.com/gravity-ui/uikit/issues/724)) ([17caf7e](https://github.com/gravity-ui/uikit/commit/17caf7ed990344309ddaf143acf26c55a088bb85))\\n\\n\\n### Bug Fixes\\n\\n* **Button:** use `--yc-color-text-special` var for all themes ([#732](https://github.com/gravity-ui/uikit/issues/732)) ([712e91b](https://github.com/gravity-ui/uikit/commit/712e91b63202ef994f28e4ad5f22ab971bd57bf3))\\n* change span to div in popover ([#748](https://github.com/gravity-ui/uikit/issues/748)) ([01d9d5b](https://github.com/gravity-ui/uikit/commit/01d9d5bd548333325bc312b1ea6f7d0d8d317bd8))\\n* **Label:** fix rounded style ([#728](https://github.com/gravity-ui/uikit/issues/728)) ([8a57148](https://github.com/gravity-ui/uikit/commit/8a571487e97137029fd21cea074b14372e43660e))\\n* **Persona:** avatar background ([#741](https://github.com/gravity-ui/uikit/issues/741)) ([785c412](https://github.com/gravity-ui/uikit/commit/785c412b47a4f6284a5a122ad533f6db6d612f70))\\n\\n## [4.17.0](https://github.com/gravity-ui/uikit/compare/v4.16.0...v4.17.0) (2023-06-15)\\n\\n\\n### Features\\n\\n* **Select:** design improvements (control & options) ([#727](https://github.com/gravity-ui/uikit/issues/727)) ([6526c86](https://github.com/gravity-ui/uikit/commit/6526c869dda259e943132b4e19369326ea76b20d))\\n\\n## [4.16.0](https://github.com/gravity-ui/uikit/compare/v4.15.1...v4.16.0) (2023-06-09)\\n\\n\\n### Features\\n\\n* add new component Pagination ([#655](https://github.com/gravity-ui/uikit/issues/655)) ([5b1ed4e](https://github.com/gravity-ui/uikit/commit/5b1ed4efe10aab39013b50f2feddbea871eb7aec))\\n* **Label:** added value prop for \\"key:value\\" labels ([#665](https://github.com/gravity-ui/uikit/issues/665)) ([5c979aa](https://github.com/gravity-ui/uikit/commit/5c979aaa29d884693187e55b52bb3ee7fae31ed2))\\n* **Persona:** deprecate `theme` in favour of `hasBorder` ([#720](https://github.com/gravity-ui/uikit/issues/720)) ([14eef03](https://github.com/gravity-ui/uikit/commit/14eef03a54386f1e2070f58490a7ff02b5129c6f))\\n* **UserAvatar:** forward `ref` ([#723](https://github.com/gravity-ui/uikit/issues/723)) ([e84f7c0](https://github.com/gravity-ui/uikit/commit/e84f7c044a6d0a2b8eddc008af22fefba8cddadb))\\n\\n## [4.15.1](https://github.com/gravity-ui/uikit/compare/v4.15.0...v4.15.1) (2023-06-05)\\n\\n\\n### Bug Fixes\\n\\n* add var for light shadows ([#704](https://github.com/gravity-ui/uikit/issues/704)) ([d12134c](https://github.com/gravity-ui/uikit/commit/d12134ca12a1edbfcc8ac691ce06c6fec318416a))\\n* **types:** add typings for i18n export ([#706](https://github.com/gravity-ui/uikit/issues/706)) ([8c68e0e](https://github.com/gravity-ui/uikit/commit/8c68e0eb47a7a9b7048d1951e3826257a5a900ad))\\n\\n## [4.15.0](https://github.com/gravity-ui/uikit/compare/v4.14.0...v4.15.0) (2023-06-01)\\n\\n\\n### Features\\n\\n* **18n:** export addComponentKeysets ([#676](https://github.com/gravity-ui/uikit/issues/676)) ([da2c12f](https://github.com/gravity-ui/uikit/commit/da2c12fcb60d429c0e3496dfba03b23e6c7ffa66))\\n* **Layout:** stable version ([#666](https://github.com/gravity-ui/uikit/issues/666)) ([6fc0459](https://github.com/gravity-ui/uikit/commit/6fc04590dabcc0e968ebdd0d13fedf6d0b6d1bc9))\\n\\n\\n### Bug Fixes\\n\\n* **Menu:** group label style ([#680](https://github.com/gravity-ui/uikit/issues/680)) ([029974b](https://github.com/gravity-ui/uikit/commit/029974beafa49c3dfdb154dd2e16f4a64755d434))\\n\\n## [4.14.0](https://github.com/gravity-ui/uikit/compare/v4.13.0...v4.14.0) (2023-05-22)\\n\\n\\n### Features\\n\\n* **LayerManager:** add a way to subscribe to stack changes ([#652](https://github.com/gravity-ui/uikit/issues/652)) ([84f6b46](https://github.com/gravity-ui/uikit/commit/84f6b460c7cb4190642149c2a77e13cf2e2a01e0))\\n\\n\\n### Bug Fixes\\n\\n* **Select:** fixed behaviour of isOptionMatchedByFilter ([#673](https://github.com/gravity-ui/uikit/issues/673)) ([823fb09](https://github.com/gravity-ui/uikit/commit/823fb09acc8c2e66f948d9986c0c19aebc5d49f2))\\n\\n## [4.13.0](https://github.com/gravity-ui/uikit/compare/v4.12.0...v4.13.0) (2023-05-18)\\n\\n\\n### Features\\n\\n* **TextInput:** add leftContent props ([#653](https://github.com/gravity-ui/uikit/issues/653)) ([e6cbfd6](https://github.com/gravity-ui/uikit/commit/e6cbfd623194b1196f1fe2e08dc0819eca61e6c1))\\n\\n## [4.12.0](https://github.com/gravity-ui/uikit/compare/v4.11.1...v4.12.0) (2023-05-17)\\n\\n\\n### Features\\n\\n* **Button:** add xs Button size ([#663](https://github.com/gravity-ui/uikit/issues/663)) ([efbe9fc](https://github.com/gravity-ui/uikit/commit/efbe9fc70e48466961830994269ecc60ea03400e))\\n\\n## [4.11.1](https://github.com/gravity-ui/uikit/compare/v4.11.0...v4.11.1) (2023-05-12)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** align items by baseline for label and values ([#661](https://github.com/gravity-ui/uikit/issues/661)) ([b25734f](https://github.com/gravity-ui/uikit/commit/b25734f94a0837f2c5857f3609e45e317fbcb99b))\\n\\n## [4.11.0](https://github.com/gravity-ui/uikit/compare/v4.10.0...v4.11.0) (2023-05-11)\\n\\n\\n### Features\\n\\n* **TextInput:** add rightContent props ([#649](https://github.com/gravity-ui/uikit/issues/649)) ([fd29127](https://github.com/gravity-ui/uikit/commit/fd29127d30df8659da3785fc1417cae778846842))\\n* **UserAvatar:** add `srcset` support ([#641](https://github.com/gravity-ui/uikit/issues/641)) ([fe05925](https://github.com/gravity-ui/uikit/commit/fe05925d6b47ff9cc0d4786c5cb435089e3a7987))\\n\\n\\n### Bug Fixes\\n\\n* **Tooltip:** increase selector specificity ([#660](https://github.com/gravity-ui/uikit/issues/660)) ([1f53d8d](https://github.com/gravity-ui/uikit/commit/1f53d8dbd75b01c3c621d4696e4d0317d06b3a82))\\n\\n## [4.10.0](https://github.com/gravity-ui/uikit/compare/v4.9.0...v4.10.0) (2023-04-26)\\n\\n\\n### Features\\n\\n* **Popover:** let action and cancel buttons to wrap on long text ([#631](https://github.com/gravity-ui/uikit/issues/631)) ([f22f9b5](https://github.com/gravity-ui/uikit/commit/f22f9b5ed2b864fbccb19118b142b6e03285296a))\\n\\n## [4.9.0](https://github.com/gravity-ui/uikit/compare/v4.8.1...v4.9.0) (2023-04-20)\\n\\n\\n### Features\\n\\n* **Select:** remove pointer cursor for disabled option ([#638](https://github.com/gravity-ui/uikit/issues/638)) ([d1dd601](https://github.com/gravity-ui/uikit/commit/d1dd60117b03c5c3c6c55ca38f9cee6a6c44e7fc))\\n* **Text:** add reference ([#628](https://github.com/gravity-ui/uikit/issues/628)) ([922b390](https://github.com/gravity-ui/uikit/commit/922b390d92747d55b9ca2521f4de78a5754ca263))\\n\\n\\n### Bug Fixes\\n\\n* **Card:** update border-radius ([#639](https://github.com/gravity-ui/uikit/issues/639)) ([a05df9e](https://github.com/gravity-ui/uikit/commit/a05df9e1c8ddc4f697634296b10aac9aa264b204))\\n\\n## [4.8.1](https://github.com/gravity-ui/uikit/compare/v4.8.0...v4.8.1) (2023-04-17)\\n\\n\\n### Bug Fixes\\n\\n* **FocusTrap:** deactivate focusTrap before clear root node ([#627](https://github.com/gravity-ui/uikit/issues/627)) ([7a5abf1](https://github.com/gravity-ui/uikit/commit/7a5abf1e1e83fbb1fc33e2a774af9d95afc9633b))\\n* **usePopper:** return flip modifier ([#625](https://github.com/gravity-ui/uikit/issues/625)) ([03239bf](https://github.com/gravity-ui/uikit/commit/03239bfe4a969573366a1d4fdd2f07cc8ff217f9))\\n\\n## [4.8.0](https://github.com/gravity-ui/uikit/compare/v4.7.0...v4.8.0) (2023-04-14)\\n\\n\\n### Features\\n\\n* add useFileInput hook ([#624](https://github.com/gravity-ui/uikit/issues/624)) ([eb47759](https://github.com/gravity-ui/uikit/commit/eb47759bb41be8c3c104b93339225b2fa99e302f))\\n* added xpath utils ([#614](https://github.com/gravity-ui/uikit/issues/614)) ([20c72ac](https://github.com/gravity-ui/uikit/commit/20c72ac5175542f0e8328ddd0d7cf284ceda8986))\\n* **Layout:** changed letter designation of the spacings to a digital ([#615](https://github.com/gravity-ui/uikit/issues/615)) ([2aae0d2](https://github.com/gravity-ui/uikit/commit/2aae0d2bb09844be225040b6eae4014dfab6e107))\\n\\n\\n### Bug Fixes\\n\\n* **Label:** Increase priority over button styles ([#622](https://github.com/gravity-ui/uikit/issues/622)) ([e67ce4d](https://github.com/gravity-ui/uikit/commit/e67ce4dfb01a36ec7339ef99cff55d59bf04cd1c))\\n\\n## [4.7.0](https://github.com/gravity-ui/uikit/compare/v4.6.1...v4.7.0) (2023-04-11)\\n\\n\\n### Features\\n\\n* **Select:** add itemHeight to renderOption  ([#618](https://github.com/gravity-ui/uikit/issues/618)) ([4f46baa](https://github.com/gravity-ui/uikit/commit/4f46baa69da0c3ef9e8a7f2eef1fbdaebe8099c3))\\n* **Stories:** support single page story ([#591](https://github.com/gravity-ui/uikit/issues/591)) ([e5ceb5a](https://github.com/gravity-ui/uikit/commit/e5ceb5a174c7f2cdfa772b172f537315e8bb7dfd))\\n\\n\\n### Bug Fixes\\n\\n* **ControlLabel:** allow control text to be stretched ([#619](https://github.com/gravity-ui/uikit/issues/619)) ([5193fc4](https://github.com/gravity-ui/uikit/commit/5193fc41aad9d90702685cbf68479da2470b3952))\\n\\n## [4.6.1](https://github.com/gravity-ui/uikit/compare/v4.6.0...v4.6.1) (2023-04-07)\\n\\n\\n### Bug Fixes\\n\\n* **Icon:** use href attribute in &lt;use&gt; element ([#580](https://github.com/gravity-ui/uikit/issues/580)) ([aaaa900](https://github.com/gravity-ui/uikit/commit/aaaa90045800cc360abc41ec6ea735a1e998995b))\\n* **Table:** add export for TableSortIndicator ([#612](https://github.com/gravity-ui/uikit/issues/612)) ([5072097](https://github.com/gravity-ui/uikit/commit/5072097f9c97beff9a30c036d357418cb4d4755c))\\n\\n## [4.6.0](https://github.com/gravity-ui/uikit/compare/v4.5.0...v4.6.0) (2023-04-06)\\n\\n\\n### Features\\n\\n* **Card:** add size Card and add new sfx style ([#550](https://github.com/gravity-ui/uikit/issues/550)) ([d1dbea6](https://github.com/gravity-ui/uikit/commit/d1dbea6161ae4430280a9052f38f2434366076e7))\\n* export LayoutDirection ([#586](https://github.com/gravity-ui/uikit/issues/586)) ([c1b3375](https://github.com/gravity-ui/uikit/commit/c1b33757263c1c7fe8c491e1ed6d4ee843a2b04f))\\n* **FocusTrap:** automatically add popup content to parent focus-trap ([#594](https://github.com/gravity-ui/uikit/issues/594)) ([7de4a6f](https://github.com/gravity-ui/uikit/commit/7de4a6fb03e088313df2daf3b54b49f66a975652))\\n* **SharePopover:** add an onClick prop, deprecate a handleMetrika prop ([#606](https://github.com/gravity-ui/uikit/issues/606)) ([f5c5c16](https://github.com/gravity-ui/uikit/commit/f5c5c16e79c126d9db5f1d60c63b8535da4bb4c6))\\n\\n\\n### Bug Fixes\\n\\n* table component resize observer loop error ([#610](https://github.com/gravity-ui/uikit/issues/610)) ([4962e47](https://github.com/gravity-ui/uikit/commit/4962e47fdf0cbdb5a96c2e97992621bf143d55c4))\\n\\n## [4.5.0](https://github.com/gravity-ui/uikit/compare/v4.4.3...v4.5.0) (2023-04-04)\\n\\n\\n### Features\\n\\n* **Persona:** add component ([#599](https://github.com/gravity-ui/uikit/issues/599)) ([5190c9d](https://github.com/gravity-ui/uikit/commit/5190c9d2d21aa622a6e5b5350bd22695120bb321))\\n* **Tabs:** add support for tabs via `children` ([#597](https://github.com/gravity-ui/uikit/issues/597)) ([8546901](https://github.com/gravity-ui/uikit/commit/854690192016a43c6f6d11038694321fdc6d8712))\\n\\n## [4.4.3](https://github.com/gravity-ui/uikit/compare/v4.4.2...v4.4.3) (2023-04-03)\\n\\n\\n### Bug Fixes\\n\\n* **layout/Flex:** fix gap size values and remove default theme spacin… ([#592](https://github.com/gravity-ui/uikit/issues/592)) ([42aea11](https://github.com/gravity-ui/uikit/commit/42aea11b3a8bfb729457d2eb2eea0fd24a78ba9e))\\n* **Select:** fix empty group label render ([#601](https://github.com/gravity-ui/uikit/issues/601)) ([548c81c](https://github.com/gravity-ui/uikit/commit/548c81c4cd911fcde3b3f33334b33e64a8504bbe))\\n\\n## [4.4.2](https://github.com/gravity-ui/uikit/compare/v4.4.1...v4.4.2) (2023-03-29)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** fix scroll when virtualization disabled ([#593](https://github.com/gravity-ui/uikit/issues/593)) ([e78e7ad](https://github.com/gravity-ui/uikit/commit/e78e7ade595570f0207bae3939f88e1e49a1311c))\\n\\n## [4.4.1](https://github.com/gravity-ui/uikit/compare/v4.4.0...v4.4.1) (2023-03-29)\\n\\n\\n### Bug Fixes\\n\\n* **layout/Flex:** remove wrappers around null children elements ([#588](https://github.com/gravity-ui/uikit/issues/588)) ([6c6c62f](https://github.com/gravity-ui/uikit/commit/6c6c62f3c4e13025f299c9019d700ce22f0bc1ec))\\n* **layout:** fixed flex gap properties and replaced api with complex … ([#583](https://github.com/gravity-ui/uikit/issues/583)) ([8686fbb](https://github.com/gravity-ui/uikit/commit/8686fbbfe0c633184a8dbf1cebfebfffb6de4943))\\n\\n## [4.4.0](https://github.com/gravity-ui/uikit/compare/v4.3.0...v4.4.0) (2023-03-27)\\n\\n\\n### Features\\n\\n* added wrappers to Flex children components if spacing enabled ([#573](https://github.com/gravity-ui/uikit/issues/573)) ([0a44309](https://github.com/gravity-ui/uikit/commit/0a44309ba66ee5b63a0f364d5a037bfb1f2dcce8))\\n* **List:** add autoFocus ([#570](https://github.com/gravity-ui/uikit/issues/570)) ([3b96d37](https://github.com/gravity-ui/uikit/commit/3b96d372e115ce283c3a601a1db7a051b6e80f7a))\\n* **Select:** add generic type for select option data ([#569](https://github.com/gravity-ui/uikit/issues/569)) ([21819cb](https://github.com/gravity-ui/uikit/commit/21819cbbf80a0052d33a78bc9e5ba9415472f586))\\n* **Select:** add support mobile view ([#579](https://github.com/gravity-ui/uikit/issues/579)) ([0c0df4a](https://github.com/gravity-ui/uikit/commit/0c0df4a58aa81a81bcd14477c584dec77b6cb171))\\n\\n\\n### Bug Fixes\\n\\n* **SheetContent:** fix setting height for content ([#572](https://github.com/gravity-ui/uikit/issues/572)) ([e749230](https://github.com/gravity-ui/uikit/commit/e74923009c2c233c0d74c7c19733dd17a20c617d))\\n\\n## [4.3.0](https://github.com/gravity-ui/uikit/compare/v4.2.0...v4.3.0) (2023-03-16)\\n\\n\\n### Features\\n\\n* **Select:** add support selected value in renderControl ([#566](https://github.com/gravity-ui/uikit/issues/566)) ([f987fb3](https://github.com/gravity-ui/uikit/commit/f987fb39f448d45bdd3638e64eef874835e35d00))\\n* unstable layout components set ([#551](https://github.com/gravity-ui/uikit/issues/551)) ([dc2ffad](https://github.com/gravity-ui/uikit/commit/dc2ffad72e967ff41edb64c2f3e0567c73b52527))\\n\\n\\n### Bug Fixes\\n\\n* **DropdownMenu:** remove required path from DropdownMenuItemProps, fix navigation ([#567](https://github.com/gravity-ui/uikit/issues/567)) ([e7470c3](https://github.com/gravity-ui/uikit/commit/e7470c3e8f1d65d2480eb1eafba7963f627cbd7c))\\n* only known names are now exported from the package ([#565](https://github.com/gravity-ui/uikit/issues/565)) ([203653d](https://github.com/gravity-ui/uikit/commit/203653ddf07fd7a9d6bba1f3ecac18b55208136f))\\n* **storybook:** remove RE_RENDER event from theme addon ([#562](https://github.com/gravity-ui/uikit/issues/562)) ([305aa38](https://github.com/gravity-ui/uikit/commit/305aa38039511e8c36cf1069736267ae20304946))\\n\\n## [4.2.0](https://github.com/gravity-ui/uikit/compare/v4.1.0...v4.2.0) (2023-03-07)\\n\\n\\n### Features\\n\\n* **Progress:** add loading state ([#540](https://github.com/gravity-ui/uikit/issues/540)) ([a76aee0](https://github.com/gravity-ui/uikit/commit/a76aee088efb61abf470660a6e49e323af225467))\\n* **Select:** add \\"open\\", \\"toggleOpen\\" props ([#558](https://github.com/gravity-ui/uikit/issues/558)) ([43d130f](https://github.com/gravity-ui/uikit/commit/43d130f2cdc67c7eba04bcc7cf1e02d811d77de5))\\n* **Table:** add row actions size control prop ([#557](https://github.com/gravity-ui/uikit/issues/557)) ([a045e12](https://github.com/gravity-ui/uikit/commit/a045e129163360b1c8ce5e9ace67cbf768ed6f29))\\n* **Toaster:** add \\"has\\" method ([#439](https://github.com/gravity-ui/uikit/issues/439)) ([ea2b2d8](https://github.com/gravity-ui/uikit/commit/ea2b2d8dbd5ba04304b16859b1c1392952a955bc))\\n* **Toaster:** add ability to customize icon ([#440](https://github.com/gravity-ui/uikit/issues/440)) ([1fefa17](https://github.com/gravity-ui/uikit/commit/1fefa17ab0fd9717ac243d4b97bee08746168d65))\\n\\n\\n### Bug Fixes\\n\\n* **Toaster:** fix animation when toast is updated ([#441](https://github.com/gravity-ui/uikit/issues/441)) ([9e25c8b](https://github.com/gravity-ui/uikit/commit/9e25c8bdc52754ec7d4ba2a2ae21a72813f0d94a))\\n\\n## [4.1.0](https://github.com/gravity-ui/uikit/compare/v4.0.7...v4.1.0) (2023-03-01)\\n\\n\\n### Features\\n\\n* **Select:** add error property ([#548](https://github.com/gravity-ui/uikit/issues/548)) ([061a8df](https://github.com/gravity-ui/uikit/commit/061a8df8b87d82c5f0185e7271bcedfe7fa33fb5))\\n* **Select:** add opportunity to apply maxHeight style to popup via popupClassName property ([#537](https://github.com/gravity-ui/uikit/issues/537)) ([16786e0](https://github.com/gravity-ui/uikit/commit/16786e0cd58b155774ca746db9e6e4f486b0cc82))\\n* **Table:** add onMouseDown action for Table tr ([#534](https://github.com/gravity-ui/uikit/issues/534)) ([4f287b3](https://github.com/gravity-ui/uikit/commit/4f287b3ac45f2cb648db1789efe517f035191df8))\\n* **Table:** add table action icon ([#510](https://github.com/gravity-ui/uikit/issues/510)) ([a265b34](https://github.com/gravity-ui/uikit/commit/a265b34a0885eb8ca365776d7d1dc4868c203958))\\n* **typography:** do not use SF Mono ([#541](https://github.com/gravity-ui/uikit/issues/541)) ([6f4f0d6](https://github.com/gravity-ui/uikit/commit/6f4f0d6f59c2cc68b8d84f521b324c91b6cfba5c))\\n\\n\\n### Bug Fixes\\n\\n* base-generic-ultralight color in dark-hc theme ([#545](https://github.com/gravity-ui/uikit/issues/545)) ([6e23eac](https://github.com/gravity-ui/uikit/commit/6e23eac3d69ee7de155d27b6c42bfe1f6d861e3e))\\n* **Button:** change border for outlined view ([#546](https://github.com/gravity-ui/uikit/issues/546)) ([f47bdfb](https://github.com/gravity-ui/uikit/commit/f47bdfb44ffe5ac76c8c0f6aa5d7302503c9fe98))\\n* fix exports object ([#555](https://github.com/gravity-ui/uikit/issues/555)) ([68dd2bd](https://github.com/gravity-ui/uikit/commit/68dd2bd500f216167ba74b677b14bc322425b52b))\\n* **LayerManager:** check click outside event on the same layer where the  mousedown event happened ([#549](https://github.com/gravity-ui/uikit/issues/549)) ([63637b2](https://github.com/gravity-ui/uikit/commit/63637b213a43fc94353e4d47db5178c59d3cc565))\\n* **TextInput:** no unexpected autocomplete when label prop present ([#509](https://github.com/gravity-ui/uikit/issues/509)) ([0a81ce2](https://github.com/gravity-ui/uikit/commit/0a81ce2f0d0017db2256fc71bd317d26aee7f0b5))\\n\\n## [4.0.7](https://github.com/gravity-ui/uikit/compare/v4.0.6...v4.0.7) (2023-02-10)\\n\\n\\n### Bug Fixes\\n\\n* **Tabs:** typo readme types fix ([#529](https://github.com/gravity-ui/uikit/issues/529)) ([8cbfff2](https://github.com/gravity-ui/uikit/commit/8cbfff2db260f1dd848ddf496b70c243f4534d71))\\n\\n## [4.0.6](https://github.com/gravity-ui/uikit/compare/v4.0.5...v4.0.6) (2023-02-08)\\n\\n\\n### Bug Fixes\\n\\n* add explicitly used deps to package.json ([#530](https://github.com/gravity-ui/uikit/issues/530)) ([72c134d](https://github.com/gravity-ui/uikit/commit/72c134d97013c39e069c39f31d7e70e33446096a))\\n* **Label:** the Label with the close button style fix ([#524](https://github.com/gravity-ui/uikit/issues/524)) ([b7963be](https://github.com/gravity-ui/uikit/commit/b7963be65054816fa0f49f650cbf612faf699f9c))\\n\\n## [4.0.5](https://github.com/gravity-ui/uikit/compare/v4.0.4...v4.0.5) (2023-02-01)\\n\\n\\n### Bug Fixes\\n\\n* **Icon:** add type for icon\'s data ([#522](https://github.com/gravity-ui/uikit/issues/522)) ([1fb9eff](https://github.com/gravity-ui/uikit/commit/1fb9eff8d82098b07cdb66631ade284e25a16ecb))\\n\\n## [4.0.4](https://github.com/gravity-ui/uikit/compare/v4.0.3...v4.0.4) (2023-01-31)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** filter options when filter text is empty ([#517](https://github.com/gravity-ui/uikit/issues/517)) ([9fd57d5](https://github.com/gravity-ui/uikit/commit/9fd57d55761c9975ddfe35e62be33895f47c5a56))\\n\\n## [4.0.3](https://github.com/gravity-ui/uikit/compare/v4.0.2...v4.0.3) (2023-01-31)\\n\\n\\n### Bug Fixes\\n\\n* old exports should work with the new ones ([#515](https://github.com/gravity-ui/uikit/issues/515)) ([fe7790c](https://github.com/gravity-ui/uikit/commit/fe7790cda3beb6866e847edb0877dd5b78bfc84e))\\n\\n## [4.0.2](https://github.com/gravity-ui/uikit/compare/v4.0.1...v4.0.2) (2023-01-30)\\n\\n\\n### Bug Fixes\\n\\n* package exports fixes ([#512](https://github.com/gravity-ui/uikit/issues/512)) ([b1579f7](https://github.com/gravity-ui/uikit/commit/b1579f7123495628c5831c76db2ab54cba335343))\\n\\n## [4.0.1](https://github.com/gravity-ui/uikit/compare/v4.0.0...v4.0.1) (2023-01-26)\\n\\n\\n### Bug Fixes\\n\\n* **TextInput:** do not auto generate id for input if not needed ([#505](https://github.com/gravity-ui/uikit/issues/505)) ([26b24df](https://github.com/gravity-ui/uikit/commit/26b24dfeecd8ab427215cd4b48e9b508cffbea9f))\\n\\n## [4.0.0](https://github.com/gravity-ui/uikit/compare/v3.20.0...v4.0.0) (2023-01-26)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* text semantic colors update ([#484](https://github.com/gravity-ui/uikit/issues/484))\\n* remove deprecated props ([#486](https://github.com/gravity-ui/uikit/issues/486))\\n* **ShareTooltip:** rename to SharePopover ([#488](https://github.com/gravity-ui/uikit/issues/488))\\n* **Popover:** make `forceLinksAppearance` false by default ([#472](https://github.com/gravity-ui/uikit/issues/472))\\n* **Icon:** remove `onClick` handler ([#473](https://github.com/gravity-ui/uikit/issues/473))\\n* **Toaster:** rename `timeout` to `autoHiding` ([#248](https://github.com/gravity-ui/uikit/issues/248))\\n* **ShareTooltip:** socialNets props renamed to shareOptions ([#411](https://github.com/gravity-ui/uikit/issues/411))\\n* **HelpPopup:** remove default ofset ([#304](https://github.com/gravity-ui/uikit/issues/304))\\n* **TextInput:** remove incorrect resize attribute styles ([#266](https://github.com/gravity-ui/uikit/issues/266))\\n* **Toaster:** remove singleton instantiation ([#225](https://github.com/gravity-ui/uikit/issues/225))\\n* **Label:** new xs size and click action for more custom label ([#380](https://github.com/gravity-ui/uikit/issues/380))\\n* **DropdownMenu:** custom popup props, controlled popup visibility, submenus, keyboard navigation ([#409](https://github.com/gravity-ui/uikit/issues/409))\\n\\n### Features\\n\\n* add focus trap ([#482](https://github.com/gravity-ui/uikit/issues/482)) ([e091ee0](https://github.com/gravity-ui/uikit/commit/e091ee0d442f2d5e1997003ea0dc5a1891846a96))\\n* **DropdownMenu:** custom popup props, controlled popup visibility, submenus, keyboard navigation ([#409](https://github.com/gravity-ui/uikit/issues/409)) ([a6db9f8](https://github.com/gravity-ui/uikit/commit/a6db9f83fa797fdb7012c29a0e16a646c10d8321))\\n* **HelpPopup:** remove default ofset ([#304](https://github.com/gravity-ui/uikit/issues/304)) ([c150cb2](https://github.com/gravity-ui/uikit/commit/c150cb229f9c623dde83cdf4b35564f1bce4763d))\\n* **Icon:** remove `onClick` handler ([#473](https://github.com/gravity-ui/uikit/issues/473)) ([50faf8f](https://github.com/gravity-ui/uikit/commit/50faf8f43999176894dcf6a5693cd9db7b3677cb))\\n* **Label:** new xs size and click action for more custom label ([#380](https://github.com/gravity-ui/uikit/issues/380)) ([c9f7c36](https://github.com/gravity-ui/uikit/commit/c9f7c36692705b644e0e103fd64c2fbb67d1312a))\\n* **Popover:** make `forceLinksAppearance` false by default ([#472](https://github.com/gravity-ui/uikit/issues/472)) ([65f44ec](https://github.com/gravity-ui/uikit/commit/65f44ec491598f0fd2284bbbc8d6d5e5f52cca09))\\n* **ShareTooltip:** socialNets props renamed to shareOptions ([#411](https://github.com/gravity-ui/uikit/issues/411)) ([c3b1aeb](https://github.com/gravity-ui/uikit/commit/c3b1aeb16cc0c19aaad5f15fcc1752657a809a9b))\\n* support React 18 ([#469](https://github.com/gravity-ui/uikit/issues/469)) ([e54108d](https://github.com/gravity-ui/uikit/commit/e54108db248a4850ed42d3c42acd82754b1d84c7))\\n* text semantic colors update ([#484](https://github.com/gravity-ui/uikit/issues/484)) ([dbbf04a](https://github.com/gravity-ui/uikit/commit/dbbf04a43ae978450b26385a72377ad8b6233310))\\n* **Toaster:** remove singleton instantiation ([#225](https://github.com/gravity-ui/uikit/issues/225)) ([60933f8](https://github.com/gravity-ui/uikit/commit/60933f8ccacc28da6bd66960a86c801fdfda6052))\\n* **Toaster:** rename `timeout` to `autoHiding` ([#248](https://github.com/gravity-ui/uikit/issues/248)) ([ed0585a](https://github.com/gravity-ui/uikit/commit/ed0585a24ce3889a139be84bdb2b16b81256b453))\\n\\n\\n### Bug Fixes\\n\\n* **TextInput:** remove incorrect resize attribute styles ([#266](https://github.com/gravity-ui/uikit/issues/266)) ([85ef55a](https://github.com/gravity-ui/uikit/commit/85ef55a60c02a0891378d8fa44fbd6f6fcdb77b1))\\n* **Toaster:** pre 18 react fix ([#494](https://github.com/gravity-ui/uikit/issues/494)) ([0f0877a](https://github.com/gravity-ui/uikit/commit/0f0877a4ba74ffb9c35ce6b8c5b03dc5cf880486))\\n* **Toaster:** swap namings in singletons ([440ed7e](https://github.com/gravity-ui/uikit/commit/440ed7ebc8dee1f1159cf608018c34cb69f4a8f7))\\n* **Tooltip:** hide Popup border ([252f2f3](https://github.com/gravity-ui/uikit/commit/252f2f353c02a69af451b5f99d724fd94bd746e0))\\n\\n\\n### refactor\\n\\n* remove deprecated props ([#486](https://github.com/gravity-ui/uikit/issues/486)) ([89c8885](https://github.com/gravity-ui/uikit/commit/89c88850599c03325a5cc825f2009c0b8e70475f))\\n* **ShareTooltip:** rename to SharePopover ([#488](https://github.com/gravity-ui/uikit/issues/488)) ([32db8b2](https://github.com/gravity-ui/uikit/commit/32db8b25c5ba16faf787473708f39ca86bc402af))\\n\\n## [3.20.0](https://github.com/gravity-ui/uikit/compare/v3.19.2...v3.20.0) (2023-01-25)\\n\\n\\n### Features\\n\\n* **eventBroker:** eventBroker acts in the bubbling phase ([#489](https://github.com/gravity-ui/uikit/issues/489)) ([ef2c901](https://github.com/gravity-ui/uikit/commit/ef2c9013b67e14170ebdc4eb9e6b182b298fde7c))\\n\\n## [3.19.2](https://github.com/gravity-ui/uikit/compare/v3.19.1...v3.19.2) (2023-01-23)\\n\\n\\n### Bug Fixes\\n\\n* **Portal:** add condition for default container for Portal ([#497](https://github.com/gravity-ui/uikit/issues/497)) ([da21d63](https://github.com/gravity-ui/uikit/commit/da21d6398ba2020d5b9d47d13a63bbb3d9959b92))\\n\\n## [3.19.1](https://github.com/gravity-ui/uikit/compare/v3.19.0...v3.19.1) (2023-01-22)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** use theme font-family ([#495](https://github.com/gravity-ui/uikit/issues/495)) ([4615c46](https://github.com/gravity-ui/uikit/commit/4615c46e7f74010c5b6c283de54ed635e34efdd5))\\n\\n## [3.19.0](https://github.com/gravity-ui/uikit/compare/v3.18.2...v3.19.0) (2023-01-20)\\n\\n\\n### Features\\n\\n* **RadioGroup:** improve radio-group components a11y ([#196](https://github.com/gravity-ui/uikit/issues/196)) ([70f36ea](https://github.com/gravity-ui/uikit/commit/70f36eaceebb4e8b9dfdd6ec056896b07bd8f89c))\\n* **TextInput:** ability to show innerLabel in InputControl ([#426](https://github.com/gravity-ui/uikit/issues/426)) ([8a5e3c5](https://github.com/gravity-ui/uikit/commit/8a5e3c594eb2e4c5d9505d078a44e5cd495bb435))\\n\\n\\n### Bug Fixes\\n\\n* lighter colors for base-neutral ([#490](https://github.com/gravity-ui/uikit/issues/490)) ([64e7278](https://github.com/gravity-ui/uikit/commit/64e72785c6c3f7f68bf075921a70b5cbbb400a63))\\n\\n## [3.18.2](https://github.com/gravity-ui/uikit/compare/v3.18.1...v3.18.2) (2023-01-19)\\n\\n\\n### Bug Fixes\\n\\n* **Modal:** fix close animation ([#483](https://github.com/gravity-ui/uikit/issues/483)) ([e4df040](https://github.com/gravity-ui/uikit/commit/e4df0407cbb4d5694932f124e536a765bfc1df06))\\n\\n## [3.18.1](https://github.com/gravity-ui/uikit/compare/v3.18.0...v3.18.1) (2023-01-16)\\n\\n\\n### Bug Fixes\\n\\n* **Popup:** return shadow on root element ([#479](https://github.com/gravity-ui/uikit/issues/479)) ([5a4098d](https://github.com/gravity-ui/uikit/commit/5a4098d75b43f030b876c3deb78a680e18b2a4e9))\\n\\n## [3.18.0](https://github.com/gravity-ui/uikit/compare/v3.17.0...v3.18.0) (2023-01-13)\\n\\n\\n### Features\\n\\n* add Hotkey and ActionTooltip components ([#398](https://github.com/gravity-ui/uikit/issues/398)) ([76cf9dd](https://github.com/gravity-ui/uikit/commit/76cf9dd2e45abb006a73e72f41a8776fea985bf7))\\n* **Select:** add prop renderSelectedOption ([#474](https://github.com/gravity-ui/uikit/issues/474)) ([6449e31](https://github.com/gravity-ui/uikit/commit/6449e31886daa9cbc86608e187b7118275fcc078))\\n* **ThemeProvider:** add props scoped and rootClassName ([#478](https://github.com/gravity-ui/uikit/issues/478)) ([763af7b](https://github.com/gravity-ui/uikit/commit/763af7b1afbb3b0bcd48c7c00437c0517574ad53))\\n\\n## [3.17.0](https://github.com/gravity-ui/uikit/compare/v3.16.0...v3.17.0) (2023-01-12)\\n\\n\\n### Features\\n\\n* **RadioGroup:** add optionClassName prop ([#462](https://github.com/gravity-ui/uikit/issues/462)) ([1104078](https://github.com/gravity-ui/uikit/commit/1104078c6d3dd4a0630a5f43e19ec4b2a2ff972d))\\n* **Tabs:** add `className` to `&lt;TabItem/&gt;` ([#471](https://github.com/gravity-ui/uikit/issues/471)) ([66817c8](https://github.com/gravity-ui/uikit/commit/66817c8e9c77f2e521e0384e25047ec71fcb4fe9))\\n* **Tabs:** new features ([#450](https://github.com/gravity-ui/uikit/issues/450)) ([6bcdfbf](https://github.com/gravity-ui/uikit/commit/6bcdfbf7b5568a78c472d88fd37ce3f37c998034))\\n\\n## [3.16.0](https://github.com/gravity-ui/uikit/compare/v3.15.0...v3.16.0) (2023-01-11)\\n\\n\\n### Features\\n\\n* **Select:** add popupClassName property ([#468](https://github.com/gravity-ui/uikit/issues/468)) ([f0184a8](https://github.com/gravity-ui/uikit/commit/f0184a87cbfe4f09c07bf0851f8e84876e75b9d8))\\n* **Table:** pass click event to action handler ([#461](https://github.com/gravity-ui/uikit/issues/461)) ([620c0e1](https://github.com/gravity-ui/uikit/commit/620c0e1a156da9de452ce5f46f2ace96f23a947c))\\n* use react-transition in Modal and Popup ([#453](https://github.com/gravity-ui/uikit/issues/453)) ([9edec4a](https://github.com/gravity-ui/uikit/commit/9edec4ad0068872fea499b6822edf71bbe185971))\\n\\n\\n### Bug Fixes\\n\\n* **Label:** various fixes ([#451](https://github.com/gravity-ui/uikit/issues/451)) ([e28f92f](https://github.com/gravity-ui/uikit/commit/e28f92fd559e19f587f678ee04abe702c2cbe948))\\n* **StoriesGroup:** fix click area ([#446](https://github.com/gravity-ui/uikit/issues/446)) ([cf898d4](https://github.com/gravity-ui/uikit/commit/cf898d448ed729457c343a1ddad6a6e8da7483b8))\\n\\n## [3.15.0](https://github.com/gravity-ui/uikit/compare/v3.14.1...v3.15.0) (2023-01-10)\\n\\n\\n### Features\\n\\n* **Select:** add defaultOpen prop ([#459](https://github.com/gravity-ui/uikit/issues/459)) ([775f857](https://github.com/gravity-ui/uikit/commit/775f857b694c56cf0bdcbb59f04899afe52277b2))\\n* **Text:** add text break common properties ([#438](https://github.com/gravity-ui/uikit/issues/438)) ([c879e0a](https://github.com/gravity-ui/uikit/commit/c879e0aca7af2a105482a5a62023bd51e3ae1959))\\n* **Text:** replace titleAttribute with native title ([#437](https://github.com/gravity-ui/uikit/issues/437)) ([cf9d42e](https://github.com/gravity-ui/uikit/commit/cf9d42e27cb2bbb7b3c9112e9f60c7646c7db244))\\n\\n\\n### Bug Fixes\\n\\n* **List:** remove focus from list on Tab key ([#444](https://github.com/gravity-ui/uikit/issues/444)) ([78a8a60](https://github.com/gravity-ui/uikit/commit/78a8a6017e4a5b0c1f2922f76b76ad3c5f01969b))\\n\\n## [3.14.1](https://github.com/gravity-ui/uikit/compare/v3.14.0...v3.14.1) (2022-12-30)\\n\\n\\n### Bug Fixes\\n\\n* add `getComponentName` reexport ([#447](https://github.com/gravity-ui/uikit/issues/447)) ([99df0fb](https://github.com/gravity-ui/uikit/commit/99df0fb021e48884247e85782224aec67e7a650b))\\n\\n## [3.14.0](https://github.com/gravity-ui/uikit/compare/v3.13.1...v3.14.0) (2022-12-22)\\n\\n\\n### Features\\n\\n* new component Sheet & PromoSheet ([#420](https://github.com/gravity-ui/uikit/issues/420)) ([ec24c90](https://github.com/gravity-ui/uikit/commit/ec24c901387c2a8f35426d8b791bdb42b62c6f45))\\n\\n## [3.13.1](https://github.com/gravity-ui/uikit/compare/v3.13.0...v3.13.1) (2022-12-20)\\n\\n\\n### Bug Fixes\\n\\n* **DropdownMenu.Item:** allow usage w/out `text` ([#406](https://github.com/gravity-ui/uikit/issues/406)) ([54def67](https://github.com/gravity-ui/uikit/commit/54def671bc2598e6ba68247c4b929730f6c7ff8a))\\n\\n## [3.13.0](https://github.com/gravity-ui/uikit/compare/v3.12.0...v3.13.0) (2022-12-20)\\n\\n\\n### Features\\n\\n* **Select:** add virtualizationThreshold property ([#431](https://github.com/gravity-ui/uikit/issues/431)) ([6bd9751](https://github.com/gravity-ui/uikit/commit/6bd975184fd9bbf83eb6e4c6fbd76c6f2df6bd2e))\\n\\n## [3.12.0](https://github.com/gravity-ui/uikit/compare/v3.11.0...v3.12.0) (2022-12-19)\\n\\n\\n### Features\\n\\n* **Table:** add row mouse events ([#427](https://github.com/gravity-ui/uikit/issues/427)) ([f7701c7](https://github.com/gravity-ui/uikit/commit/f7701c7347863c800d585f2fa7074d2b3fa48ed3))\\n\\n\\n### Bug Fixes\\n\\n* **Table:** typo in README.md ([#429](https://github.com/gravity-ui/uikit/issues/429)) ([972f764](https://github.com/gravity-ui/uikit/commit/972f76486038764e7c09086d9e16a625f4f79d89))\\n\\n## [3.11.0](https://github.com/gravity-ui/uikit/compare/v3.10.2...v3.11.0) (2022-12-14)\\n\\n\\n### Features\\n\\n* add linkedin color ([#424](https://github.com/gravity-ui/uikit/issues/424)) ([8b09fc1](https://github.com/gravity-ui/uikit/commit/8b09fc16355eea5c5e33962300c01dbce6b99e0e))\\n\\n\\n### Bug Fixes\\n\\n* **ArrowToggle:** normal flip behavior [#115](https://github.com/gravity-ui/uikit/issues/115) ([#419](https://github.com/gravity-ui/uikit/issues/419)) ([081292f](https://github.com/gravity-ui/uikit/commit/081292fa0e2d84e29a1199fd9501172abaa3b644))\\n* use native scrollbar on mobile devices ([#395](https://github.com/gravity-ui/uikit/issues/395)) ([83c5851](https://github.com/gravity-ui/uikit/commit/83c5851b901935834295831cdc13fca20142d816))\\n\\n## [3.10.2](https://github.com/gravity-ui/uikit/compare/v3.10.1...v3.10.2) (2022-12-13)\\n\\n\\n### Bug Fixes\\n\\n* **Tooltip:** preserve child ref ([#421](https://github.com/gravity-ui/uikit/issues/421)) ([a0aa070](https://github.com/gravity-ui/uikit/commit/a0aa070006ee12c3404c095e92d17e17f196abae))\\n\\n## [3.10.1](https://github.com/gravity-ui/uikit/compare/v3.10.0...v3.10.1) (2022-12-12)\\n\\n\\n### Bug Fixes\\n\\n* **ShareTooltip:** fix link for email share option ([#415](https://github.com/gravity-ui/uikit/issues/415)) ([4a5eed0](https://github.com/gravity-ui/uikit/commit/4a5eed018398d20b0703629ac3b39aa649d9038c))\\n\\n## [3.10.0](https://github.com/gravity-ui/uikit/compare/v3.9.2...v3.10.0) (2022-12-12)\\n\\n\\n### Features\\n\\n* new component StoriesGroup ([#387](https://github.com/gravity-ui/uikit/issues/387)) ([e19c711](https://github.com/gravity-ui/uikit/commit/e19c711ad5ae0b97f6e82d5c61f13b03a291ffea))\\n\\n\\n### Bug Fixes\\n\\n* **ShareTooltip:** popup default options container width ([#410](https://github.com/gravity-ui/uikit/issues/410)) ([7cf7435](https://github.com/gravity-ui/uikit/commit/7cf7435e84cba1c3015f9c7f3cbda7c46e44254b))\\n* **Tooltip:** fix transition glitch on nearby tooltips ([#408](https://github.com/gravity-ui/uikit/issues/408)) ([7f7f752](https://github.com/gravity-ui/uikit/commit/7f7f7521fc18ac089458814f8e1c6da1de1be065))\\n* **Tooltip:** tooltip sometimes gets stuck on an element ([#413](https://github.com/gravity-ui/uikit/issues/413)) ([2fdab3f](https://github.com/gravity-ui/uikit/commit/2fdab3fbb3771c0df713b0f792787dce5a75ad11))\\n* **withTableSelection:** range select must ignore disabled lines ([#414](https://github.com/gravity-ui/uikit/issues/414)) ([5b50237](https://github.com/gravity-ui/uikit/commit/5b502376eaa968b6451ddff9c2766b15ce992775))\\n\\n## [3.9.2](https://github.com/gravity-ui/uikit/compare/v3.9.1...v3.9.2) (2022-12-07)\\n\\n\\n### Bug Fixes\\n\\n* **DialogFooter:** updated button style ([#405](https://github.com/gravity-ui/uikit/issues/405)) ([956fcf9](https://github.com/gravity-ui/uikit/commit/956fcf90d9b7b4c43f810fc48065c584360ae5ad))\\n\\n## [3.9.1](https://github.com/gravity-ui/uikit/compare/v3.9.0...v3.9.1) (2022-12-06)\\n\\n\\n### Bug Fixes\\n\\n* **DropdownMenu.Item:** allow `children` ([#402](https://github.com/gravity-ui/uikit/issues/402)) ([253e291](https://github.com/gravity-ui/uikit/commit/253e291cbc220362a94255456d5c775639314f39))\\n* **Menu.Item:** remove `onClick` from disabled items ([#404](https://github.com/gravity-ui/uikit/issues/404)) ([1394457](https://github.com/gravity-ui/uikit/commit/1394457638fd2775448f46921f1a1b0c642c7a66))\\n\\n## [3.9.0](https://github.com/gravity-ui/uikit/compare/v3.8.0...v3.9.0) (2022-12-06)\\n\\n\\n### Features\\n\\n* **ShareTooltip:** add Email as one of default sharing options and r… ([#399](https://github.com/gravity-ui/uikit/issues/399)) ([48bfbcb](https://github.com/gravity-ui/uikit/commit/48bfbcb17567860ce6b1983826549aada2207032))\\n\\n## [3.8.0](https://github.com/gravity-ui/uikit/compare/v3.7.0...v3.8.0) (2022-12-05)\\n\\n\\n### Features\\n\\n* **DropdownMenu:** allow `&lt;DropdownMenu.Item/&gt;` w/out `action` ([#392](https://github.com/gravity-ui/uikit/issues/392)) ([a606920](https://github.com/gravity-ui/uikit/commit/a606920f30b9cb6656da5a90e5f9ddc706382fb0))\\n* **DropdownMenu:** extract `&lt;DropdownMenu.Item/&gt;` ([#397](https://github.com/gravity-ui/uikit/issues/397)) ([1307f87](https://github.com/gravity-ui/uikit/commit/1307f87b28c4a8d5c3fbe95940b0b43e0fcbd4ec))\\n* **ShareTooltip:** add LinkedIn as one of default SM sharing option ([#383](https://github.com/gravity-ui/uikit/issues/383)) ([5aacc1a](https://github.com/gravity-ui/uikit/commit/5aacc1a8d76379b496d374328d68ba300de4cb32))\\n\\n\\n### Bug Fixes\\n\\n* **DropdownMenu:** close opened menu on disable ([#393](https://github.com/gravity-ui/uikit/issues/393)) ([14ba916](https://github.com/gravity-ui/uikit/commit/14ba91606da9ac7c659f78cd2bf505c44b46653f))\\n* **DropdownMenu:** trigger callback on each state change ([#394](https://github.com/gravity-ui/uikit/issues/394)) ([a70b248](https://github.com/gravity-ui/uikit/commit/a70b248bd33d543a805de814080716584a2180e6))\\n\\n## [3.7.0](https://github.com/gravity-ui/uikit/compare/v3.6.0...v3.7.0) (2022-12-01)\\n\\n\\n### Features\\n\\n* **Select:** add filter section ([#386](https://github.com/gravity-ui/uikit/issues/386)) ([f2b8660](https://github.com/gravity-ui/uikit/commit/f2b866057ed15eeefe3977064583613595c74b1d))\\n\\n## [3.6.0](https://github.com/gravity-ui/uikit/compare/v3.5.0...v3.6.0) (2022-11-18)\\n\\n\\n### Features\\n\\n* **CopyToClipboard:** add options ([#378](https://github.com/gravity-ui/uikit/issues/378)) ([80c5329](https://github.com/gravity-ui/uikit/commit/80c5329eb59ea7a7cce486a814bcf51ade9ecdb2))\\n* **Label:** support action button in all themes ([#381](https://github.com/gravity-ui/uikit/issues/381)) ([7bdcce9](https://github.com/gravity-ui/uikit/commit/7bdcce9465526ca8150fa090a4e1a0f33376a329))\\n* **List:** remove pointer-events from disabled items ([#382](https://github.com/gravity-ui/uikit/issues/382)) ([c6367cf](https://github.com/gravity-ui/uikit/commit/c6367cfd64de46decfaef98d50539c9331a60108))\\n\\n\\n### Bug Fixes\\n\\n* **Label:** change hover style for label with copy, fix label with single icon ([#351](https://github.com/gravity-ui/uikit/issues/351)) ([786e706](https://github.com/gravity-ui/uikit/commit/786e706e15e1de8661c182f45d97b0783869789d))\\n\\n## [3.5.0](https://github.com/gravity-ui/uikit/compare/v3.4.0...v3.5.0) (2022-11-09)\\n\\n\\n### Features\\n\\n* **Select:** move selection logic to useSelect ([#370](https://github.com/gravity-ui/uikit/issues/370)) ([dcf97a4](https://github.com/gravity-ui/uikit/commit/dcf97a42b2d16feba05383fdf9d8c1d50a2a85ab))\\n* **Table:** add possibility to range select with shift key pressed ([#374](https://github.com/gravity-ui/uikit/issues/374)) ([d76407f](https://github.com/gravity-ui/uikit/commit/d76407f57ecefd0fca09da60ccec51b9ad73b39c))\\n\\n\\n### Bug Fixes\\n\\n* **Button:** correctly show focused state for raised button ([#377](https://github.com/gravity-ui/uikit/issues/377)) ([dbcfa97](https://github.com/gravity-ui/uikit/commit/dbcfa97cf379b4783b040555a9fddb5f43a64ea0))\\n\\n## [3.4.0](https://github.com/gravity-ui/uikit/compare/v3.3.0...v3.4.0) (2022-11-01)\\n\\n\\n### Features\\n\\n* **Popover:** updated anchorRef prop, added strategy prop to Popover ([#372](https://github.com/gravity-ui/uikit/issues/372)) ([22021c9](https://github.com/gravity-ui/uikit/commit/22021c9cfbcd88f0162e31378ea09c4bc34b1161))\\n\\n## [3.3.0](https://github.com/gravity-ui/uikit/compare/v3.2.0...v3.3.0) (2022-10-20)\\n\\n\\n### Features\\n\\n* share tooltip component copy button customization ([#350](https://github.com/gravity-ui/uikit/issues/350)) ([3d608b2](https://github.com/gravity-ui/uikit/commit/3d608b2813bf7cc4402c2fe6db0ee0c07e9b575a))\\n\\n## [3.2.0](https://github.com/gravity-ui/uikit/compare/v3.1.3...v3.2.0) (2022-10-19)\\n\\n\\n### Features\\n\\n* added React.forwardRef for Card ([#363](https://github.com/gravity-ui/uikit/issues/363)) ([9c22988](https://github.com/gravity-ui/uikit/commit/9c22988df4f212921f9c2cc57f88f692385a4b41))\\n\\n## [3.1.3](https://github.com/gravity-ui/uikit/compare/v3.1.2...v3.1.3) (2022-10-18)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** prevent page scrolling after first click ([#364](https://github.com/gravity-ui/uikit/issues/364)) ([3320a7e](https://github.com/gravity-ui/uikit/commit/3320a7e0bff6559272158f7e52907ba44ed90e01))\\n* use directly import from lodash ([#359](https://github.com/gravity-ui/uikit/issues/359)) ([490cf20](https://github.com/gravity-ui/uikit/commit/490cf20f5339199882a2fd462d6b362a3092a4e9))\\n\\n## [3.1.2](https://github.com/gravity-ui/uikit/compare/v3.1.1...v3.1.2) (2022-10-14)\\n\\n\\n### Bug Fixes\\n\\n* update hc colors for labels, buttons and brand-text ([#356](https://github.com/gravity-ui/uikit/issues/356)) ([8d6d596](https://github.com/gravity-ui/uikit/commit/8d6d596e8b3de4ee6d5153c2e358968733eaaa68))\\n\\n## [3.1.1](https://github.com/gravity-ui/uikit/compare/v3.1.0...v3.1.1) (2022-10-13)\\n\\n\\n### Bug Fixes\\n\\n* Add missing --yc-color-base-modal for light-hc ([#352](https://github.com/gravity-ui/uikit/issues/352)) ([db14312](https://github.com/gravity-ui/uikit/commit/db14312ec1cca190cf353e166a5efd0439fee64e))\\n* update hc colors for generic-accent-disabled ([#355](https://github.com/gravity-ui/uikit/issues/355)) ([2760749](https://github.com/gravity-ui/uikit/commit/2760749640e0068db81f7b97f2e71a22f5da9ec6))\\n\\n## [3.1.0](https://github.com/gravity-ui/uikit/compare/v3.0.2...v3.1.0) (2022-10-03)\\n\\n\\n### Features\\n\\n* **Tooltip:** add ability to disable display of the tooltip ([#348](https://github.com/gravity-ui/uikit/issues/348)) ([5d32afe](https://github.com/gravity-ui/uikit/commit/5d32afee7fa9b6f2c7640934e2759509c711d1c4))\\n\\n\\n### Bug Fixes\\n\\n* **Tooltip:** correctly set ref ([#347](https://github.com/gravity-ui/uikit/issues/347)) ([a4de6f5](https://github.com/gravity-ui/uikit/commit/a4de6f59c21aa7e0ad62b54c91a0cf44f86f156f))\\n\\n## [3.0.2](https://github.com/gravity-ui/uikit/compare/v3.0.1...v3.0.2) (2022-09-26)\\n\\n\\n### Bug Fixes\\n\\n* loose i18n typings ([#345](https://github.com/gravity-ui/uikit/issues/345)) ([5612aee](https://github.com/gravity-ui/uikit/commit/5612aee42ab81d4f0d83157e47cd8bc2cb050453))\\n* **RadioButton:** fix option icon styles ([#339](https://github.com/gravity-ui/uikit/issues/339)) ([ea9e31f](https://github.com/gravity-ui/uikit/commit/ea9e31f39f4ed71bebd708e948f80e034d08e821))\\n* use background-size as percent value for loading button for safari ([#342](https://github.com/gravity-ui/uikit/issues/342)) ([c0ec61b](https://github.com/gravity-ui/uikit/commit/c0ec61bc98fed17e365fedc981d7ea6efe413319))\\n\\n## [3.0.1](https://github.com/gravity-ui/uikit/compare/v3.0.0...v3.0.1) (2022-09-09)\\n\\n\\n### Bug Fixes\\n\\n* build errors ([#334](https://github.com/gravity-ui/uikit/issues/334)) ([9de0727](https://github.com/gravity-ui/uikit/commit/9de0727c228f58f877ca0a0a7bc6f76e9d2027e2))\\n\\n## [3.0.0](https://github.com/gravity-ui/uikit/compare/v2.15.0...v3.0.0) (2022-09-08)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* transfer package from yandex-cloud (#331)\\n* updated i18n, and remove it from peer deps\\n* **Popover:** refactored to functional component, use `PopoverInstanceProps` type as ref type for public methods\\n\\n#### Setting language in uikit\\n\\n**v2**\\n```js\\nimport {I18N} from \'@yandex-cloud/i18n\';\\n\\nI18N.setDefaultLang(\'en\');\\n```\\n\\n**v3**\\n```js\\nimport {configure} from \'@gravity-ui/uikit\';\\n\\nconfigure({lang: \'en\'});\\n```\\n\\n### Features\\n\\n* transfer package from yandex-cloud ([#331](https://github.com/gravity-ui/uikit/issues/331)) ([2df769d](https://github.com/gravity-ui/uikit/commit/2df769df109e882e8d0e8c25810c6c1bfcc16b2c))\\n\\n## [2.15.0](https://github.com/yandex-cloud/uikit/compare/v2.14.0...v2.15.0) (2022-09-07)\\n\\n\\n### Features\\n\\n* **Button:** added content and view to eventBroker meta ([#319](https://github.com/yandex-cloud/uikit/issues/319)) ([19a3463](https://github.com/yandex-cloud/uikit/commit/19a3463571229b513bb841d2aea48913cdb55451))\\n\\n\\n### Bug Fixes\\n\\n* relax RealTheme type for compatibility ([#329](https://github.com/yandex-cloud/uikit/issues/329)) ([a716448](https://github.com/yandex-cloud/uikit/commit/a71644803ffe551bb393202fdb26e3a08544d2ed))\\n\\n## [2.14.0](https://github.com/yandex-cloud/uikit/compare/v2.13.4...v2.14.0) (2022-09-01)\\n\\n\\n### Features\\n\\n* added event broker to form components ([#294](https://github.com/yandex-cloud/uikit/issues/294)) ([c71d4ce](https://github.com/yandex-cloud/uikit/commit/c71d4ce20c188924a70e1988ae8b40883fc07b3d))\\n* high-contrast themes ([#316](https://github.com/yandex-cloud/uikit/issues/316)) ([cfaf211](https://github.com/yandex-cloud/uikit/commit/cfaf211c44aa4763e36008b0ba9c9abbdec982df))\\n\\n## [2.13.4](https://github.com/yandex-cloud/uikit/compare/v2.13.3...v2.13.4) (2022-08-22)\\n\\n\\n### Bug Fixes\\n\\n* **ChangelogModal:** fix sizes and margins ([#310](https://github.com/yandex-cloud/uikit/issues/310)) ([d6e0cae](https://github.com/yandex-cloud/uikit/commit/d6e0cae0d69183c8a421c5ace7e9de130d6377f6))\\n\\n## [2.13.3](https://github.com/yandex-cloud/uikit/compare/v2.13.2...v2.13.3) (2022-08-18)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** calculate tick size from content ([#313](https://github.com/yandex-cloud/uikit/issues/313)) ([f40144e](https://github.com/yandex-cloud/uikit/commit/f40144ea9cfb87e3960ccb37f26ca2a80776e3f6))\\n\\n## [2.13.2](https://github.com/yandex-cloud/uikit/compare/v2.13.1...v2.13.2) (2022-08-11)\\n\\n\\n### Bug Fixes\\n\\n* **TextInput:** increase css specificity to rewrite Button styles ([#301](https://github.com/yandex-cloud/uikit/issues/301)) ([def1da0](https://github.com/yandex-cloud/uikit/commit/def1da0717911b89d63062cb4005f446a18886f8))\\n\\n## [2.13.1](https://github.com/yandex-cloud/uikit/compare/v2.13.0...v2.13.1) (2022-08-10)\\n\\n\\n### Bug Fixes\\n\\n* **StoreBadge:** content image for StoreBadge with url ([#299](https://github.com/yandex-cloud/uikit/issues/299)) ([194fa66](https://github.com/yandex-cloud/uikit/commit/194fa6695db08d6d399da3b900eeef6dbaa3da67))\\n\\n## [2.13.0](https://github.com/yandex-cloud/uikit/compare/v2.12.0...v2.13.0) (2022-08-08)\\n\\n\\n### Features\\n\\n* **Label:** add `closeButtonLabel` prop ([#292](https://github.com/yandex-cloud/uikit/issues/292)) ([5b6499d](https://github.com/yandex-cloud/uikit/commit/5b6499d6aa7d9916b3ae4e07d88586628a70c5b6))\\n* **Modal:** add contentClassName prop to the Modal component ([#289](https://github.com/yandex-cloud/uikit/issues/289)) ([79caad6](https://github.com/yandex-cloud/uikit/commit/79caad659a08a3c35be9bddebc65251a1ec84ae1))\\n\\n## [2.12.0](https://github.com/yandex-cloud/uikit/compare/v2.11.0...v2.12.0) (2022-08-02)\\n\\n\\n### Features\\n\\n* add `ShareTooltip` and `StoreBadge` components ([#275](https://github.com/yandex-cloud/uikit/issues/275)) ([8c38211](https://github.com/yandex-cloud/uikit/commit/8c38211503ca6c761982641288e9039f6dc07804))\\n\\n## [2.11.0](https://github.com/yandex-cloud/uikit/compare/v2.10.3...v2.11.0) (2022-08-01)\\n\\n\\n### Features\\n\\n* add ChangelogDialog component ([#267](https://github.com/yandex-cloud/uikit/issues/267)) ([4c51c2d](https://github.com/yandex-cloud/uikit/commit/4c51c2da9bbd8773342931b48d56ebc7acd5b63d))\\n* **Popover:** add prop to disable link styles ([#280](https://github.com/yandex-cloud/uikit/issues/280)) ([9ebb795](https://github.com/yandex-cloud/uikit/commit/9ebb7952088efce21e51e27465e02d922481f64c))\\n\\n\\n### Bug Fixes\\n\\n* **Button:** do not reduce clickable area on click ([#247](https://github.com/yandex-cloud/uikit/issues/247)) ([8214da4](https://github.com/yandex-cloud/uikit/commit/8214da419de91f4263ea7400ad19820dc96bfc62))\\n* **Text:** fixed warning-heavy textColor variant ([#264](https://github.com/yandex-cloud/uikit/issues/264)) ([fb7efdc](https://github.com/yandex-cloud/uikit/commit/fb7efdc8dde66c334b8eb4addfe5c7165df48fde))\\n* **withTableSettings:** updateSettings can be a not async function ([#256](https://github.com/yandex-cloud/uikit/issues/256)) ([918a87b](https://github.com/yandex-cloud/uikit/commit/918a87be93b0cf8a72d4887c1c6ffa936d5142e6))\\n\\n## [2.10.3](https://github.com/yandex-cloud/uikit/compare/v2.10.2...v2.10.3) (2022-07-28)\\n\\n\\n### Bug Fixes\\n\\n* **Button:** add contrast for selected state in dark theme ([#262](https://github.com/yandex-cloud/uikit/issues/262)) ([cbb86ac](https://github.com/yandex-cloud/uikit/commit/cbb86acdfe06bc54f39832d9243ebfd4b1b177d1))\\n\\n## [2.10.2](https://github.com/yandex-cloud/uikit/compare/v2.10.1...v2.10.2) (2022-07-28)\\n\\n\\n### Bug Fixes\\n\\n* **Breadcrumbs:** revert data pass to `<Breadcrumbs.Item/>` ([#276](https://github.com/yandex-cloud/uikit/issues/276)) ([5b4bc4b](https://github.com/yandex-cloud/uikit/commit/5b4bc4bacad64e266919c36171f537f95ed5158e))\\n\\n## [2.10.1](https://github.com/yandex-cloud/uikit/compare/v2.10.0...v2.10.1) (2022-07-27)\\n\\n\\n### Bug Fixes\\n\\n* **Breadcrumbs:** i18n must be used inside component ([#271](https://github.com/yandex-cloud/uikit/issues/271)) ([ec479a2](https://github.com/yandex-cloud/uikit/commit/ec479a2862493d0aaff7b6783ba0f85436f03582))\\n* **Breadcrumbs:** render custom divider before more button ([#272](https://github.com/yandex-cloud/uikit/issues/272)) ([353d13e](https://github.com/yandex-cloud/uikit/commit/353d13e4b4e0b0993c7405dbdcf2f8c7f6b04ffc))\\n\\n## [2.10.0](https://github.com/yandex-cloud/uikit/compare/v2.9.0...v2.10.0) (2022-07-21)\\n\\n\\n### Features\\n\\n* **Link:** add color scheme for a visited link ([#243](https://github.com/yandex-cloud/uikit/issues/243)) ([857e434](https://github.com/yandex-cloud/uikit/commit/857e434b4cd619992a900156ebcfd39d5668a187))\\n\\n## [2.9.0](https://github.com/yandex-cloud/uikit/compare/v2.8.0...v2.9.0) (2022-07-20)\\n\\n\\n### Features\\n\\n* **Icon:** deprecate `onClick` ([#240](https://github.com/yandex-cloud/uikit/issues/240)) ([6936469](https://github.com/yandex-cloud/uikit/commit/6936469eab408896c6e4c783f71d29c877659026))\\n* **Select:** add `type=button` for `<SelectControl/>` ([#227](https://github.com/yandex-cloud/uikit/issues/227)) ([47e0aeb](https://github.com/yandex-cloud/uikit/commit/47e0aeb3892787be5378569f21620a7cf411915a))\\n* **Toaster:** move logic to React context ([#211](https://github.com/yandex-cloud/uikit/issues/211)) ([346cb95](https://github.com/yandex-cloud/uikit/commit/346cb95a3e6a5ae5cb941af42c5595d31ed3afc3))\\n* **Toaster:** replace `<Link/>` in actions with `<Button/>` ([#254](https://github.com/yandex-cloud/uikit/issues/254)) ([f603711](https://github.com/yandex-cloud/uikit/commit/f6037112e7fb47ed7c85b7639f15169f1e0fd314))\\n\\n\\n### Bug Fixes\\n\\n* correct target detection for shadow-dom ([#213](https://github.com/yandex-cloud/uikit/issues/213)) ([9a285be](https://github.com/yandex-cloud/uikit/commit/9a285be9599a8bacba9892b754e81e2d27768a2f))\\n* **Popover:** add overflow-wrap ([#226](https://github.com/yandex-cloud/uikit/issues/226)) ([3bb01de](https://github.com/yandex-cloud/uikit/commit/3bb01de0ca18f81096cbfbbdafd152e6781cf6b4))\\n* **Toast:** padding animation ([#234](https://github.com/yandex-cloud/uikit/issues/234)) ([8f9a750](https://github.com/yandex-cloud/uikit/commit/8f9a750eee5d65dc975132ac2b4dec6097cac756))\\n* **Toast:** remove on close ([#218](https://github.com/yandex-cloud/uikit/issues/218)) ([fad37d8](https://github.com/yandex-cloud/uikit/commit/fad37d8e0790eb45c8dcc7ff681972475f9fd1e4))\\n* **Toast:** return `height` transition ([#235](https://github.com/yandex-cloud/uikit/issues/235)) ([8887881](https://github.com/yandex-cloud/uikit/commit/8887881c068c6c169febd10aaa70a2fdc7fb49f8))\\n\\n## [2.8.0](https://github.com/yandex-cloud/uikit/compare/v2.7.0...v2.8.0) (2022-06-24)\\n\\n\\n### Features\\n\\n* popover applies actual visibility on autoclosable true ([#206](https://github.com/yandex-cloud/uikit/issues/206)) ([151273b](https://github.com/yandex-cloud/uikit/commit/151273be77fbf89e008f9542698068f968635a1d))\\n* **Table:** add ability to set className of all cells in a column ([#205](https://github.com/yandex-cloud/uikit/issues/205)) ([b5e6608](https://github.com/yandex-cloud/uikit/commit/b5e66088e1b384ee16b7700bf03cf331f3b5236a))\\n\\n\\n### Bug Fixes\\n\\n* **Tabs:** center tab content for horizontal tabs ([#210](https://github.com/yandex-cloud/uikit/issues/210)) ([af73379](https://github.com/yandex-cloud/uikit/commit/af733792eda359196dec309bbf178f800a8efc1f))\\n* **textinput:** set paddings for clear cross depending on size ([#208](https://github.com/yandex-cloud/uikit/issues/208)) ([0428ca2](https://github.com/yandex-cloud/uikit/commit/0428ca22d2c601f2b52040268d9d6b07bb52f3e1))\\n* ThemeProvider theme updating ([#202](https://github.com/yandex-cloud/uikit/issues/202)) ([4b0962d](https://github.com/yandex-cloud/uikit/commit/4b0962decd51afaef0c9d21e8821c14a93b08b46))\\n\\n## [2.7.0](https://github.com/yandex-cloud/uikit/compare/v2.6.0...v2.7.0) (2022-06-20)\\n\\n\\n### Features\\n\\n* allow use layers for Dialog/Modal/Popup with different root ([#120](https://github.com/yandex-cloud/uikit/issues/120)) ([b2782e6](https://github.com/yandex-cloud/uikit/commit/b2782e60a533680b64a0c832cf628c6c40273247))\\n* **Modal:** color updates ([#195](https://github.com/yandex-cloud/uikit/issues/195)) ([be004a6](https://github.com/yandex-cloud/uikit/commit/be004a6e482b9d0d8d58be72638864dc1fe648ed))\\n* **Text:** a new component for working with typography ([#141](https://github.com/yandex-cloud/uikit/issues/141)) ([7837ee8](https://github.com/yandex-cloud/uikit/commit/7837ee868bcfe8caa06808f47d22f502701e188e))\\n\\n\\n### Bug Fixes\\n\\n* **List:** fix getContainer for sortable container ([#190](https://github.com/yandex-cloud/uikit/issues/190)) ([efb9257](https://github.com/yandex-cloud/uikit/commit/efb92578ad10a62d35a49961c42c2b6ebc4f0d35))\\n* **Popover:** should be no empty space above links block if no other content provided ([#191](https://github.com/yandex-cloud/uikit/issues/191)) ([8432fc1](https://github.com/yandex-cloud/uikit/commit/8432fc1bca482033ea303a44d3c9eac5bc86e096))\\n* **Tabs:** fix styles for vertical tabs ([#177](https://github.com/yandex-cloud/uikit/issues/177)) ([27b809f](https://github.com/yandex-cloud/uikit/commit/27b809f4423277617e81946e10f5745a3d7a26e3))\\n* **Tabs:** return missing spacing when `wrapTo` used ([#198](https://github.com/yandex-cloud/uikit/issues/198)) ([48ef89d](https://github.com/yandex-cloud/uikit/commit/48ef89d984ac7d4b21b6defb87ba8da82827a46a))\\n\\n## [2.6.0](https://github.com/yandex-cloud/uikit/compare/v2.5.0...v2.6.0) (2022-06-15)\\n\\n\\n### Features\\n\\n* **Popover:** use \\"Delayed\\" as default behaviour ([#193](https://github.com/yandex-cloud/uikit/issues/193)) ([f9ade6f](https://github.com/yandex-cloud/uikit/commit/f9ade6faa0b176791244331eb96fd080d4ca742d))\\n\\n## [2.5.0](https://github.com/yandex-cloud/uikit/compare/v2.4.2...v2.5.0) (2022-06-07)\\n\\n\\n### Features\\n\\n* **I18N:** add configure function for manage internal variables like language ([#186](https://github.com/yandex-cloud/uikit/issues/186)) ([bc3ee55](https://github.com/yandex-cloud/uikit/commit/bc3ee55ca5a5fe5413d9d7b44b8f212514975d79))\\n\\n\\n### Bug Fixes\\n\\n* default cursor on disabled popover ([#182](https://github.com/yandex-cloud/uikit/issues/182)) ([2f3f19c](https://github.com/yandex-cloud/uikit/commit/2f3f19ce4b4665128e1f3888bac8c7545a7fba09))\\n* menu item qa prop ([#181](https://github.com/yandex-cloud/uikit/issues/181)) ([22a88ae](https://github.com/yandex-cloud/uikit/commit/22a88ae7db22b97eefc291042280bc0c148ed1e5))\\n\\n### [2.4.2](https://github.com/yandex-cloud/uikit/compare/v2.4.1...v2.4.2) (2022-05-30)\\n\\n\\n### Bug Fixes\\n\\n* **Toaster:** fix toast paddings ([#172](https://github.com/yandex-cloud/uikit/issues/172)) ([a762a01](https://github.com/yandex-cloud/uikit/commit/a762a0199aa63f1ad17dd14938f172059fdd89b7))\\n\\n### [2.4.1](https://github.com/yandex-cloud/uikit/compare/v2.4.0...v2.4.1) (2022-05-27)\\n\\n\\n### Bug Fixes\\n\\n* **List:** rerender list after changing activeItemIndex prop ([#173](https://github.com/yandex-cloud/uikit/issues/173)) ([23f9945](https://github.com/yandex-cloud/uikit/commit/23f9945f97a8329a0f1695e89c5edc9e677588c1))\\n\\n## [2.4.0](https://github.com/yandex-cloud/uikit/compare/v2.3.1...v2.4.0) (2022-05-25)\\n\\n\\n### Features\\n\\n* update blue color ([#170](https://github.com/yandex-cloud/uikit/issues/170)) ([2991b26](https://github.com/yandex-cloud/uikit/commit/2991b26637c2c19f672bdd46412add19cd570e8a))\\n\\n### [2.3.1](https://github.com/yandex-cloud/uikit/compare/v2.3.0...v2.3.1) (2022-05-19)\\n\\n\\n### Bug Fixes\\n\\n* replace font-weight usages with mixin ([#167](https://github.com/yandex-cloud/uikit/issues/167)) ([b38318f](https://github.com/yandex-cloud/uikit/commit/b38318ff10c86387253fa917e8cb83aeab45802c))\\n\\n## [2.3.0](https://github.com/yandex-cloud/uikit/compare/v2.2.2...v2.3.0) (2022-05-18)\\n\\n\\n### Features\\n\\n* new typography variables and mixins ([#165](https://github.com/yandex-cloud/uikit/issues/165)) ([c86012f](https://github.com/yandex-cloud/uikit/commit/c86012f097d2665ab3bb0386df4c6450d7e75514))\\n\\n### [2.2.2](https://github.com/yandex-cloud/uikit/compare/v2.2.1...v2.2.2) (2022-05-17)\\n\\n\\n### Bug Fixes\\n\\n* **Toaster:** increase css specificity of close button mixin ([#163](https://github.com/yandex-cloud/uikit/issues/163)) ([17b4637](https://github.com/yandex-cloud/uikit/commit/17b4637c5791f7b88ca53466a193bc84e3e14ef9))\\n\\n### [2.2.1](https://github.com/yandex-cloud/uikit/compare/v2.2.0...v2.2.1) (2022-05-16)\\n\\n\\n### Bug Fixes\\n\\n* **RadioButton:** fixed types ([#160](https://github.com/yandex-cloud/uikit/issues/160)) ([c5bd67a](https://github.com/yandex-cloud/uikit/commit/c5bd67a31fa1d1f5e46664b097548acb39c5b55f))\\n\\n## [2.2.0](https://github.com/yandex-cloud/uikit/compare/v2.1.1...v2.2.0) (2022-05-16)\\n\\n\\n### Features\\n\\n* **tests:** replace enzyme with react testing library ([#157](https://github.com/yandex-cloud/uikit/issues/157)) ([403b303](https://github.com/yandex-cloud/uikit/commit/403b3037320f494c5447a0149c533092d5dfd819))\\n\\n\\n### Bug Fixes\\n\\n* **Popover:** fix max-width css variable ([#156](https://github.com/yandex-cloud/uikit/issues/156)) ([7859c95](https://github.com/yandex-cloud/uikit/commit/7859c95ffe5076e204d04d3a9ecdb3eb21025401))\\n* **Toaster:** fix toasts bg color ([#158](https://github.com/yandex-cloud/uikit/issues/158)) ([76023b7](https://github.com/yandex-cloud/uikit/commit/76023b76bfe617bf35583184e808511ca8871c37))\\n\\n### [2.1.1](https://www.github.com/yandex-cloud/uikit/compare/v2.1.0...v2.1.1) (2022-04-29)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** fix readme ([#152](https://www.github.com/yandex-cloud/uikit/issues/152)) ([78b7194](https://www.github.com/yandex-cloud/uikit/commit/78b7194abcbf5e3100d5041e8b96744c384d6257))\\n* **Tabs:** add white-space property ([#155](https://www.github.com/yandex-cloud/uikit/issues/155)) ([5a07d9b](https://www.github.com/yandex-cloud/uikit/commit/5a07d9b288ae1d74b38edb2ddd131782fb8dce56))\\n\\n## [2.1.0](https://www.github.com/yandex-cloud/uikit/compare/v2.0.0...v2.1.0) (2022-04-27)\\n\\n\\n### Features\\n\\n* add Stories component ([#127](https://www.github.com/yandex-cloud/uikit/issues/127)) ([74e45ba](https://www.github.com/yandex-cloud/uikit/commit/74e45ba2c55705973bd348e6eaeb1291eb3cb570))\\n* **List:** add eventBroker for List ([#132](https://www.github.com/yandex-cloud/uikit/issues/132)) ([40e64b1](https://www.github.com/yandex-cloud/uikit/commit/40e64b17b6ece539631779416f4c1f46941ecd1d))\\n* **Select:** improvements ([#136](https://www.github.com/yandex-cloud/uikit/issues/136)) ([46affd3](https://www.github.com/yandex-cloud/uikit/commit/46affd339528d2f5f48047324736fc6c25282f0c))\\n* **Stories:** add props \\"disableOutsideClick\\" ([#151](https://www.github.com/yandex-cloud/uikit/issues/151)) ([358d0d9](https://www.github.com/yandex-cloud/uikit/commit/358d0d9d3a6bb1a3fd4d4d7d247a565ca7558253))\\n* **Toaster:** refresh design ([#144](https://www.github.com/yandex-cloud/uikit/issues/144)) ([b5996ef](https://www.github.com/yandex-cloud/uikit/commit/b5996ef84545deed055cfbc5b1bf6e5f5cf080c8))\\n* **Tooltip:** add delay before opening/closing ([#140](https://www.github.com/yandex-cloud/uikit/issues/140)) ([b3da68c](https://www.github.com/yandex-cloud/uikit/commit/b3da68cf09a95845c6bf323fc8f8f5120aa2fb5d))\\n* translated DropdownMenu stories ([#138](https://www.github.com/yandex-cloud/uikit/issues/138)) ([5b1d083](https://www.github.com/yandex-cloud/uikit/commit/5b1d083a09e3e272346eeac8645bdfa7e0445383))\\n\\n\\n### Bug Fixes\\n\\n* checked components types ([#129](https://www.github.com/yandex-cloud/uikit/issues/129)) ([ba65eb4](https://www.github.com/yandex-cloud/uikit/commit/ba65eb4cac14d38f7babb5057bd3ab12c5bcbe33))\\n* **Dialog:** fix README ([#139](https://www.github.com/yandex-cloud/uikit/issues/139)) ([99c584a](https://www.github.com/yandex-cloud/uikit/commit/99c584a8532cd0760bac201ec846329e65055b42))\\n* **Stories:** add video looping ([#149](https://www.github.com/yandex-cloud/uikit/issues/149)) ([be7cb8c](https://www.github.com/yandex-cloud/uikit/commit/be7cb8c752ad668246cc6354898860749f7bd62e))\\n* **Stories:** fix right pane style ([#147](https://www.github.com/yandex-cloud/uikit/issues/147)) ([ad23e37](https://www.github.com/yandex-cloud/uikit/commit/ad23e377c04845238ad36ef21bcac0b8321eec80))\\n* **Stories:** fixed styles according to the design ([#143](https://www.github.com/yandex-cloud/uikit/issues/143)) ([0cb5691](https://www.github.com/yandex-cloud/uikit/commit/0cb56917c205434bfa8af85a745b5515f9ebab47))\\n\\n## [2.0.0](https://www.github.com/yandex-cloud/uikit/compare/v1.10.0...v2.0.0) (2022-04-08)\\n\\n\\n### Typography\\n\\n#### BREAKING\\n\\n- CSS var renamed: `--yc-font-family` → `--yc-text-body-font-family`\\n- CSS var renamed: `--yc-text-body-font-size` → `--yc-text-body-1-font-size`\\n- CSS var renamed: `--yc-text-body-line-height` → `--yc-text-body-1-line-height`\\n- CSS var renamed: `--yc-text-body2-font-size` → `--yc-text-body-2-font-size`\\n- CSS var renamed: `--yc-text-body2-line-height` → `--yc-text-body-2-line-height`\\n- CSS var renamed: `--yc-text-body3-font-size` → `--yc-text-body-3-font-size`\\n- CSS var renamed: `--yc-text-body3-line-height` → `--yc-text-body-3-line-height`\\n- CSS var removed: `--yc-text-lead-font-size` (possible replacement - `--yc-text-subheader-3-font-size`)\\n- CSS var removed: `--yc-text-lead-line-height` (possible replacement - `--yc-text-subheader-3-line-height`)\\n- CSS var renamed: `--yc-text-header-font-size` → `--yc-text-header-1-font-size`\\n- CSS var renamed: `--yc-text-header-line-height` → `--yc-text-header-1-line-height`\\n- CSS var renamed: `--yc-text-title-font-size` → `--yc-text-header-2-font-size`\\n- CSS var renamed: `--yc-text-title-line-height` → `--yc-text-header-2-line-height`\\n- CSS var renamed: `--yc-text-display1-font-size` → `--yc-text-display-1-font-size`\\n- CSS var renamed: `--yc-text-display1-line-height` → `--yc-text-display-1-line-height`\\n- CSS var renamed: `--yc-text-display2-font-size` → `--yc-text-display-2-font-size`\\n- CSS var renamed: `--yc-text-display2-line-height` → `--yc-text-display-2-line-height`\\n- CSS var renamed: `--yc-text-display3-font-size` → `--yc-text-display-3-font-size`\\n- CSS var renamed: `--yc-text-display3-line-height` → `--yc-text-display-3-line-height`\\n- CSS var renamed: `--yc-text-code-1-inline-font-size` → `--yc-text-code-inline-1-font-size`\\n- CSS var renamed: `--yc-text-code-1-inline-line-height` → `--yc-text-code-inline-1-line-height`\\n- CSS var renamed: `--yc-text-code-2-inline-font-size` → `--yc-text-code-inline-2-font-size`\\n- CSS var renamed: `--yc-text-code-2-inline-line-height` → `--yc-text-code-inline-2-line-height`\\n- CSS var renamed: `--yc-text-code-3-inline-font-size` → `--yc-text-code-inline-3-font-size`\\n- CSS var renamed: `--yc-text-code-3-inline-line-height` → `--yc-text-code-inline-3-line-height`\\n- CSS var removed: `--yc-text-code-font-size` (possible replacement - `--yc-text-code-1-font-size`)\\n- CSS var removed: `--yc-text-code-line-height` (possible replacement - `--yc-text-code-1-line-height`)\\n- Body line-height: `16px` → `18px`\\n\\n#### New\\n\\n- CSS var added: `--yc-text-body-short-font-size`\\n- CSS var added: `--yc-text-body-short-line-height`\\n- CSS var added: `--yc-text-header-font-weight`\\n- CSS var added: `--yc-text-subheader-font-weight`\\n- CSS var added: `--yc-text-display-font-weight`\\n- CSS var added: `--yc-text-display-4-font-size`\\n- CSS var added: `--yc-text-display-4-line-height`\\n- CSS var added: `--yc-text-subheader-1-font-size`\\n- CSS var added: `--yc-text-subheader-1-line-height`\\n- CSS var added: `--yc-text-subheader-2-font-size`\\n- CSS var added: `--yc-text-subheader-2-line-height`\\n- CSS var added: `--yc-text-subheader-3-font-size`\\n- CSS var added: `--yc-text-subheader-3-line-height`\\n- CSS var added: `--yc-text-caption-1-font-size`\\n- CSS var added: `--yc-text-caption-1-line-height`\\n- CSS var added: `--yc-text-caption-2-font-size`\\n- CSS var added: `--yc-text-caption-2-line-height`\\n- Mixins added: `text-body-1`, `text-body-2`, `text-body-3`, `text-body-short`, `text-caption-1`, `text-caption-2`, `text-header-1`, `text-header-2`, `text-subheader-1`, `text-subheader-2`, `text-subheader-3`, `text-display-1`, `text-display-2`, `text-display-3`, `text-display-4`, `text-code-1`, `text-code-2`, `text-code-3`, `text-code-inline-1`, `text-code-inline-2`, `text-code-inline-3`\\n\\n### Styles\\n\\n#### BREAKING\\n\\n- CSS var removed: `--yc-color-loader-active`\\n- CSS var removed: `--yc-color-loader-inactive`\\n- CSS var removed: `--yc-color-base-selection-solid`, use `--yc-color-base-selection`\\n- CSS var removed: `--yc-color-base-selection-hover-solid`, use `--yc-color-base-selection-hover`\\n- CSS var renamed: `--yc-tooltip-max-width` → `--yc-popover-max-width`\\n- CSS var removed: `--yc-tabs-space-between`, use different sizes of Tabs\\n- CSS var removed: `--yc-tab-item-horizontal-border-width`, use different sizes of Tabs\\n- CSS var removed: `--yc-tab-item-horizontal-height`, use different sizes of Tabs\\n\\n#### New\\n\\nSome CSS variables are now available for overwrite. Every `-yc-my-*` variable can be set to redefine base theme. Here full list of such variables:\\n\\n- `--yc-my-scrollbar-width`\\n- `--yc-my-border-radius-s`\\n- `--yc-my-border-radius-m`\\n- `--yc-my-border-radius-l`\\n- `--yc-my-border-radius-xl`\\n- `--yc-my-color-brand-normal`\\n- `--yc-my-color-brand-normal-hover`\\n- `--yc-my-color-brand-light`\\n- `--yc-my-color-brand-selection`\\n- `--yc-my-color-brand-selection-hover`\\n- `--yc-my-color-brand-link`\\n- `--yc-my-color-brand-link-hover`\\n- `--yc-my-color-brand-text-contrast`\\n\\n### Components\\n\\n#### BREAKING\\n\\n- DropdownMenu: default switcher size changed from `s` to `m`\\n- Button: `clear` view was removed, consider using `flat-secondary` instead\\n- Tooltip: component was renamed to `Popover`\\n- HelpTooltip: component was renamed to `HelpPopover`\\n\\n#### New\\n\\n- New `Tooltip` component\\n- Tabs: icon, counter and label can be set on TabsItem\\n\\n### Other\\n\\n- Removed `react-router-dom` dependency\\n\\n## [1.10.0](https://www.github.com/yandex-cloud/uikit/compare/v1.9.0...v1.10.0) (2022-03-25)\\n\\n\\n### Features\\n\\n* **Skeleton:** inline styles ([#116](https://www.github.com/yandex-cloud/uikit/issues/116)) ([bfbde83](https://www.github.com/yandex-cloud/uikit/commit/bfbde83d327a1ed9e1420a2ade9e4095e242c593))\\n\\n## [1.9.0](https://www.github.com/yandex-cloud/uikit/compare/v1.8.1...v1.9.0) (2022-03-22)\\n\\n\\n### Features\\n\\n* add Modal border-radius css var ([#104](https://www.github.com/yandex-cloud/uikit/issues/104)) ([34c5794](https://www.github.com/yandex-cloud/uikit/commit/34c5794e52279267f3b069c1aef7ca98e4e0ded8))\\n\\n\\n### Bug Fixes\\n\\n* change Readme title for Breadcrumbs ([#101](https://www.github.com/yandex-cloud/uikit/issues/101)) ([93a2130](https://www.github.com/yandex-cloud/uikit/commit/93a21302eee3b7500ec71d44160c90027cc39b83))\\n\\n### [1.8.1](https://www.github.com/yandex-cloud/uikit/compare/v1.8.0...v1.8.1) (2022-03-18)\\n\\n\\n### Bug Fixes\\n\\n* freeze deps ([eca3184](https://www.github.com/yandex-cloud/uikit/commit/eca3184b29b2298c42a1a7b47358b517a5a0ab8f))\\n\\n## [1.8.0](https://www.github.com/yandex-cloud/uikit/compare/v1.7.0...v1.8.0) (2022-03-10)\\n\\n\\n### Features\\n\\n* add eventBroker for Menu ([#90](https://www.github.com/yandex-cloud/uikit/issues/90)) ([8fbedce](https://www.github.com/yandex-cloud/uikit/commit/8fbedce66a56fb0b751b2cb7e1d99c470856b31d))\\n* **ClipboardButton:** improve a11y ([#86](https://www.github.com/yandex-cloud/uikit/issues/86)) ([907cadc](https://www.github.com/yandex-cloud/uikit/commit/907cadcd2a6750ccfc38f8a2642f954b0b759851))\\n* **Tabs:** improve a11y ([#94](https://www.github.com/yandex-cloud/uikit/issues/94)) ([da9f256](https://www.github.com/yandex-cloud/uikit/commit/da9f256ac9fa521fe616bfa2b1d013068db74a2a))\\n\\n\\n### Bug Fixes\\n\\n* restore `package-lock.json` ([#89](https://www.github.com/yandex-cloud/uikit/issues/89)) ([7add961](https://www.github.com/yandex-cloud/uikit/commit/7add961c67af1d51a8f4460bd7ff2bd37f809f34))\\n* **TextInput:** pass className to control ([#99](https://www.github.com/yandex-cloud/uikit/issues/99)) ([55fd5af](https://www.github.com/yandex-cloud/uikit/commit/55fd5af341d1d5cecb05efe89d619d48b73569b3))\\n\\n## [1.7.0](https://www.github.com/yandex-cloud/uikit/compare/v1.6.0...v1.7.0) (2022-02-04)\\n\\n\\n### Features\\n\\n* add Select component ([#72](https://www.github.com/yandex-cloud/uikit/issues/72)) ([3b9246a](https://www.github.com/yandex-cloud/uikit/commit/3b9246a3178319f2fb2887fafbe7afdd3b23e9c1))\\n\\n## [1.6.0](https://www.github.com/yandex-cloud/uikit/compare/v1.5.0...v1.6.0) (2022-01-27)\\n\\n\\n### Features\\n\\n* border-radius tokens ([#65](https://www.github.com/yandex-cloud/uikit/issues/65)) ([d73c8ee](https://www.github.com/yandex-cloud/uikit/commit/d73c8eee31226cd6efcfe483e4fb66ec4b8824e8))\\n* migrate Progress component ([#42](https://www.github.com/yandex-cloud/uikit/issues/42)) ([d0afc5e](https://www.github.com/yandex-cloud/uikit/commit/d0afc5ec229987d3f854be2f8570216644f1effc))\\n* migrate Tooltip and HelpTooltip components ([#60](https://www.github.com/yandex-cloud/uikit/issues/60)) ([c3128c8](https://www.github.com/yandex-cloud/uikit/commit/c3128c83473eb1490e2b4713602f7c93ebdd06df))\\n\\n\\n### Bug Fixes\\n\\n* **List:** clear timeout for delayed setState ([#67](https://www.github.com/yandex-cloud/uikit/issues/67))  ([217e72f](https://www.github.com/yandex-cloud/uikit/commit/217e72f6c5813eba7be97cb5984a460d56c13c0b))\\n\\n## [1.5.0](https://www.github.com/yandex-cloud/uikit/compare/v1.4.2...v1.5.0) (2022-01-25)\\n\\n\\n### Features\\n\\n* migrate ArrowToggle component ([#61](https://www.github.com/yandex-cloud/uikit/issues/61)) ([558bb2c](https://www.github.com/yandex-cloud/uikit/commit/558bb2c171a910f31163ea257c94a079a42c6c9c))\\n* migrate Dialog component ([#43](https://www.github.com/yandex-cloud/uikit/issues/43)) ([894cab3](https://www.github.com/yandex-cloud/uikit/commit/894cab3add422b1e6ab562cf87ec331b1dd88438))\\n* migrate Toaster component ([#46](https://www.github.com/yandex-cloud/uikit/issues/46)) ([5ec2569](https://www.github.com/yandex-cloud/uikit/commit/5ec2569e6be4cff89deb14c01011f805e44454a0))\\n\\n\\n### Bug Fixes\\n\\n* **List:** remove type cast for getItemHeight ([#59](https://www.github.com/yandex-cloud/uikit/issues/59)) ([a352b21](https://www.github.com/yandex-cloud/uikit/commit/a352b21c5f7245ec2fea6ad6c1cd08d167a123fc))\\n* remove Yandex proprietary fonts ([#52](https://www.github.com/yandex-cloud/uikit/issues/52)) ([5017d43](https://www.github.com/yandex-cloud/uikit/commit/5017d4332ef464f31640ac8bf576c301c727b38d))\\n* **Table:** actions button click triggers row action ([#62](https://www.github.com/yandex-cloud/uikit/issues/62)) ([00ba47d](https://www.github.com/yandex-cloud/uikit/commit/00ba47d4a232bb3d0318e07aff2da6a6b29b01b3))\\n\\n### [1.4.2](https://www.github.com/yandex-cloud/uikit/compare/v1.4.1...v1.4.2) (2022-01-21)\\n\\n\\n### Bug Fixes\\n\\n* allow not to set a fixed height for non-virtualized lists ([#54](https://www.github.com/yandex-cloud/uikit/issues/54)) ([df17e41](https://www.github.com/yandex-cloud/uikit/commit/df17e41348d0f065e14b4504187f80b064970a40))\\n\\n### [1.4.1](https://www.github.com/yandex-cloud/uikit/compare/v1.4.0...v1.4.1) (2022-01-20)\\n\\n\\n### Bug Fixes\\n\\n* should export ListItem ([#49](https://www.github.com/yandex-cloud/uikit/issues/49)) ([10a9550](https://www.github.com/yandex-cloud/uikit/commit/10a955019d72e3fe0e62d3bdea6a45c3a5d0b085))\\n\\n## [1.4.0](https://www.github.com/yandex-cloud/uikit/compare/v1.3.0...v1.4.0) (2022-01-18)\\n\\n\\n### Features\\n\\n* add Loader component ([#37](https://www.github.com/yandex-cloud/uikit/issues/37)) ([7d02c80](https://www.github.com/yandex-cloud/uikit/commit/7d02c8081cea52d25235a3d26c101f35d3a25f1c))\\n* migrate Card component ([#32](https://www.github.com/yandex-cloud/uikit/issues/32)) ([bd52a23](https://www.github.com/yandex-cloud/uikit/commit/bd52a232dbcf913d5101a45ce5bed01873a46a69))\\n\\n\\n### Bug Fixes\\n\\n* **ClipboardButton:** correctly handle click event ([b170ac0](https://www.github.com/yandex-cloud/uikit/commit/b170ac02ed839ca658b9ef90f4533f04008e6176)), closes [#45](https://www.github.com/yandex-cloud/uikit/issues/45)\\n* **ClipboardButton:** should work properly ([#47](https://www.github.com/yandex-cloud/uikit/issues/47)) ([5c00db3](https://www.github.com/yandex-cloud/uikit/commit/5c00db37f14af0a521e90f1265f3227d3737bb13))\\n* correctly show textarea resize control ([#33](https://www.github.com/yandex-cloud/uikit/issues/33)) ([bed5a23](https://www.github.com/yandex-cloud/uikit/commit/bed5a2364d71b2a3f635b98b14a39361e379fd09))\\n\\n\\n### Performance Improvements\\n\\n* small Table performance fixes ([#40](https://www.github.com/yandex-cloud/uikit/issues/40)) ([36bb4b4](https://www.github.com/yandex-cloud/uikit/commit/36bb4b4421d91954df82b298c32d89f539ea09cb))\\n\\n## [1.3.0](https://www.github.com/yandex-cloud/uikit/compare/v1.2.1...v1.3.0) (2021-12-24)\\n\\n\\n### Features\\n\\n* migrate Table changes ([9fc7627](https://www.github.com/yandex-cloud/uikit/commit/9fc7627b9a41e0e42e541c04e603a9b0016b8592))\\n\\n### [1.2.1](https://www.github.com/yandex-cloud/uikit/compare/v1.2.0...v1.2.1) (2021-12-23)\\n\\n\\n### Bug Fixes\\n\\n* reexport common types ([e1af8ed](https://www.github.com/yandex-cloud/uikit/commit/e1af8ed165aea90df8bb7b673edcfe6045b7707f))\\n* reexport event-broker hooks ([b76fe70](https://www.github.com/yandex-cloud/uikit/commit/b76fe70a8b2227b4a00c2a35f2a0cd36b5e9f5a8))\\n\\n## [1.2.0](https://www.github.com/yandex-cloud/uikit/compare/v1.1.4...v1.2.0) (2021-12-23)\\n\\n\\n### Features\\n\\n* add interactive prop to Label ([#25](https://www.github.com/yandex-cloud/uikit/issues/25)) ([926d0c5](https://www.github.com/yandex-cloud/uikit/commit/926d0c5ca31dc8a3a33261d03fd0449fd7e2d2fe))\\n\\n\\n### Bug Fixes\\n\\n* export useLayer hook ([#23](https://www.github.com/yandex-cloud/uikit/issues/23)) ([10e3380](https://www.github.com/yandex-cloud/uikit/commit/10e3380db7a68c77337b63a4c7bd033d8283eefe))\\n* remove unnecessary pointer-events of Label ([#27](https://www.github.com/yandex-cloud/uikit/issues/27)) ([3e18385](https://www.github.com/yandex-cloud/uikit/commit/3e183854f1a440e146bc903ad37d7352f3245fa8))\\n* root scss variable ([#22](https://www.github.com/yandex-cloud/uikit/issues/22)) ([dfb9131](https://www.github.com/yandex-cloud/uikit/commit/dfb91311dd387354421dba195313ba4e93a7556b))\\n\\n### [1.1.4](https://www.github.com/yandex-cloud/uikit/compare/v1.1.3...v1.1.4) (2021-12-22)\\n\\n\\n### Bug Fixes\\n\\n* compile js files via tsc aswell ([efa9914](https://www.github.com/yandex-cloud/uikit/commit/efa9914a544514d8c2ef85ab7dbfb0996802ce94))\\n\\n### [1.1.3](https://www.github.com/yandex-cloud/uikit/compare/v1.1.2...v1.1.3) (2021-12-16)\\n\\n\\n### Bug Fixes\\n\\n* correctly copy js files to build ([54a63ba](https://www.github.com/yandex-cloud/uikit/commit/54a63bae8a9686fbe9229cdde06cdf79f7cd624b))\\n* reexport ThemeValueContext ([b972b95](https://www.github.com/yandex-cloud/uikit/commit/b972b95b1b1dd0a4c392999588eab3c1ecc19da2))\\n\\n### [1.1.2](https://www.github.com/yandex-cloud/uikit/compare/v1.1.1...v1.1.2) (2021-12-16)\\n\\n\\n### Bug Fixes\\n\\n* reexport List and Table from index ([6e5379f](https://www.github.com/yandex-cloud/uikit/commit/6e5379fe84a280087730719040c32c003b511f86))\\n\\n### [1.1.1](https://www.github.com/yandex-cloud/uikit/compare/v1.1.0...v1.1.1) (2021-12-16)\\n\\n\\n### Bug Fixes\\n\\n* reexport RadioGroup from index ([f45339a](https://www.github.com/yandex-cloud/uikit/commit/f45339ad06340a7f2b6105962fb572e72dd77562))\\n\\n## [1.1.0](https://www.github.com/yandex-cloud/uikit/compare/v1.0.1...v1.1.0) (2021-12-16)\\n\\n\\n### Features\\n\\n* migrate current code ([#6](https://www.github.com/yandex-cloud/uikit/issues/6)) ([7e729f2](https://www.github.com/yandex-cloud/uikit/commit/7e729f2948edba225a3fefd4976b91640b0d6c00))\\n* migrate RadioGroup component ([#3](https://www.github.com/yandex-cloud/uikit/issues/3)) ([c3508f3](https://www.github.com/yandex-cloud/uikit/commit/c3508f34eb51ca8aff3136a93f49b86dc6e35e99))\\n","contributors":[{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":222},{"login":"ogonkov","avatarUrl":"https://avatars.githubusercontent.com/u/1091927?v=4","url":"https://github.com/ogonkov","contributions":84},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":71},{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":61},{"login":"IsaevAlexandr","avatarUrl":"https://avatars.githubusercontent.com/u/27916444?v=4","url":"https://github.com/IsaevAlexandr","contributions":56},{"login":"Raubzeug","avatarUrl":"https://avatars.githubusercontent.com/u/42094364?v=4","url":"https://github.com/Raubzeug","contributions":26},{"login":"GermanVor","avatarUrl":"https://avatars.githubusercontent.com/u/43282255?v=4","url":"https://github.com/GermanVor","contributions":20},{"login":"NikitaCG","avatarUrl":"https://avatars.githubusercontent.com/u/36075690?v=4","url":"https://github.com/NikitaCG","contributions":16},{"login":"imechoim","avatarUrl":"https://avatars.githubusercontent.com/u/8857511?v=4","url":"https://github.com/imechoim","contributions":16},{"login":"mournfulCoroner","avatarUrl":"https://avatars.githubusercontent.com/u/56549651?v=4","url":"https://github.com/mournfulCoroner","contributions":16},{"login":"helenjer","avatarUrl":"https://avatars.githubusercontent.com/u/5168501?v=4","url":"https://github.com/helenjer","contributions":13},{"login":"Mishnya","avatarUrl":"https://avatars.githubusercontent.com/u/47668236?v=4","url":"https://github.com/Mishnya","contributions":12},{"login":"mfyodorov","avatarUrl":"https://avatars.githubusercontent.com/u/20931659?v=4","url":"https://github.com/mfyodorov","contributions":11},{"login":"kseniya57","avatarUrl":"https://avatars.githubusercontent.com/u/31247233?v=4","url":"https://github.com/kseniya57","contributions":11},{"login":"Marginy605","avatarUrl":"https://avatars.githubusercontent.com/u/98329176?v=4","url":"https://github.com/Marginy605","contributions":11},{"login":"ArturAbdullin","avatarUrl":"https://avatars.githubusercontent.com/u/30603428?v=4","url":"https://github.com/ArturAbdullin","contributions":10},{"login":"KirillDyachkovskiy","avatarUrl":"https://avatars.githubusercontent.com/u/81510334?v=4","url":"https://github.com/KirillDyachkovskiy","contributions":10},{"login":"niktverd","avatarUrl":"https://avatars.githubusercontent.com/u/61203447?v=4","url":"https://github.com/niktverd","contributions":10},{"login":"DenisVershkov","avatarUrl":"https://avatars.githubusercontent.com/u/81879756?v=4","url":"https://github.com/DenisVershkov","contributions":9},{"login":"DarkGenius","avatarUrl":"https://avatars.githubusercontent.com/u/4076124?v=4","url":"https://github.com/DarkGenius","contributions":9},{"login":"resure","avatarUrl":"https://avatars.githubusercontent.com/u/168296?v=4","url":"https://github.com/resure","contributions":9},{"login":"Arucard89","avatarUrl":"https://avatars.githubusercontent.com/u/13587201?v=4","url":"https://github.com/Arucard89","contributions":9},{"login":"Kyzyl-ool","avatarUrl":"https://avatars.githubusercontent.com/u/30153778?v=4","url":"https://github.com/Kyzyl-ool","contributions":8},{"login":"kkirik","avatarUrl":"https://avatars.githubusercontent.com/u/29181473?v=4","url":"https://github.com/kkirik","contributions":8},{"login":"teleginzhenya","avatarUrl":"https://avatars.githubusercontent.com/u/24455680?v=4","url":"https://github.com/teleginzhenya","contributions":8},{"login":"LakeVostok","avatarUrl":"https://avatars.githubusercontent.com/u/17967390?v=4","url":"https://github.com/LakeVostok","contributions":7},{"login":"DakEnviy","avatarUrl":"https://avatars.githubusercontent.com/u/6522772?v=4","url":"https://github.com/DakEnviy","contributions":7},{"login":"vvtimofeev","avatarUrl":"https://avatars.githubusercontent.com/u/108340247?v=4","url":"https://github.com/vvtimofeev","contributions":7},{"login":"NasgulNexus","avatarUrl":"https://avatars.githubusercontent.com/u/23384737?v=4","url":"https://github.com/NasgulNexus","contributions":7},{"login":"kiraind","avatarUrl":"https://avatars.githubusercontent.com/u/23224613?v=4","url":"https://github.com/kiraind","contributions":6},{"login":"SeqviriouM","avatarUrl":"https://avatars.githubusercontent.com/u/1071418?v=4","url":"https://github.com/SeqviriouM","contributions":6},{"login":"itwillwork","avatarUrl":"https://avatars.githubusercontent.com/u/15855766?v=4","url":"https://github.com/itwillwork","contributions":6},{"login":"zamkovskaya","avatarUrl":"https://avatars.githubusercontent.com/u/128601366?v=4","url":"https://github.com/zamkovskaya","contributions":6},{"login":"d3m1d0v","avatarUrl":"https://avatars.githubusercontent.com/u/26671342?v=4","url":"https://github.com/d3m1d0v","contributions":5},{"login":"imsitnikov","avatarUrl":"https://avatars.githubusercontent.com/u/29424746?v=4","url":"https://github.com/imsitnikov","contributions":5},{"login":"ierehon1905","avatarUrl":"https://avatars.githubusercontent.com/u/31146334?v=4","url":"https://github.com/ierehon1905","contributions":5},{"login":"goshander","avatarUrl":"https://avatars.githubusercontent.com/u/5037509?v=4","url":"https://github.com/goshander","contributions":5},{"login":"Lunory","avatarUrl":"https://avatars.githubusercontent.com/u/22904809?v=4","url":"https://github.com/Lunory","contributions":5},{"login":"chelentos","avatarUrl":"https://avatars.githubusercontent.com/u/21958075?v=4","url":"https://github.com/chelentos","contributions":5},{"login":"polikashina","avatarUrl":"https://avatars.githubusercontent.com/u/7197224?v=4","url":"https://github.com/polikashina","contributions":4},{"login":"axtk","avatarUrl":"https://avatars.githubusercontent.com/u/24575250?v=4","url":"https://github.com/axtk","contributions":4},{"login":"Ruminat","avatarUrl":"https://avatars.githubusercontent.com/u/18216279?v=4","url":"https://github.com/Ruminat","contributions":4},{"login":"yndx-madfriend","avatarUrl":"https://avatars.githubusercontent.com/u/99418743?v=4","url":"https://github.com/yndx-madfriend","contributions":4},{"login":"tsufiev","avatarUrl":"https://avatars.githubusercontent.com/u/1240006?v=4","url":"https://github.com/tsufiev","contributions":4},{"login":"oynikishin","avatarUrl":"https://avatars.githubusercontent.com/u/113184616?v=4","url":"https://github.com/oynikishin","contributions":4},{"login":"jhoncool","avatarUrl":"https://avatars.githubusercontent.com/u/11226935?v=4","url":"https://github.com/jhoncool","contributions":4},{"login":"atroynikov","avatarUrl":"https://avatars.githubusercontent.com/u/7413138?v=4","url":"https://github.com/atroynikov","contributions":4},{"login":"Antamansid","avatarUrl":"https://avatars.githubusercontent.com/u/31531030?v=4","url":"https://github.com/Antamansid","contributions":4},{"login":"Feverqwe","avatarUrl":"https://avatars.githubusercontent.com/u/891534?v=4","url":"https://github.com/Feverqwe","contributions":4},{"login":"Bluepuper","avatarUrl":"https://avatars.githubusercontent.com/u/79052139?v=4","url":"https://github.com/Bluepuper","contributions":4},{"login":"krozhkov","avatarUrl":"https://avatars.githubusercontent.com/u/17095356?v=4","url":"https://github.com/krozhkov","contributions":3},{"login":"sunduckcow","avatarUrl":"https://avatars.githubusercontent.com/u/83990793?v=4","url":"https://github.com/sunduckcow","contributions":3},{"login":"sidorko","avatarUrl":"https://avatars.githubusercontent.com/u/6938277?v=4","url":"https://github.com/sidorko","contributions":3},{"login":"ma-efremoff","avatarUrl":"https://avatars.githubusercontent.com/u/64027148?v=4","url":"https://github.com/ma-efremoff","contributions":3},{"login":"VitaliiDC8","avatarUrl":"https://avatars.githubusercontent.com/u/127111625?v=4","url":"https://github.com/VitaliiDC8","contributions":3},{"login":"maeshchenko","avatarUrl":"https://avatars.githubusercontent.com/u/24603515?v=4","url":"https://github.com/maeshchenko","contributions":3},{"login":"ref256","avatarUrl":"https://avatars.githubusercontent.com/u/41027510?v=4","url":"https://github.com/ref256","contributions":3},{"login":"dfilatov","avatarUrl":"https://avatars.githubusercontent.com/u/67957?v=4","url":"https://github.com/dfilatov","contributions":3},{"login":"geksin","avatarUrl":"https://avatars.githubusercontent.com/u/56411228?v=4","url":"https://github.com/geksin","contributions":3},{"login":"gearoffortune","avatarUrl":"https://avatars.githubusercontent.com/u/48627239?v=4","url":"https://github.com/gearoffortune","contributions":3},{"login":"chervyakovru","avatarUrl":"https://avatars.githubusercontent.com/u/14909082?v=4","url":"https://github.com/chervyakovru","contributions":3},{"login":"trabemz","avatarUrl":"https://avatars.githubusercontent.com/u/47355834?v=4","url":"https://github.com/trabemz","contributions":2},{"login":"ilya-878","avatarUrl":"https://avatars.githubusercontent.com/u/136704878?v=4","url":"https://github.com/ilya-878","contributions":2},{"login":"inigomontoya722","avatarUrl":"https://avatars.githubusercontent.com/u/95115837?v=4","url":"https://github.com/inigomontoya722","contributions":2},{"login":"sofiushko","avatarUrl":"https://avatars.githubusercontent.com/u/5218950?v=4","url":"https://github.com/sofiushko","contributions":2},{"login":"yuberdysheva","avatarUrl":"https://avatars.githubusercontent.com/u/22456330?v=4","url":"https://github.com/yuberdysheva","contributions":2},{"login":"artemmufazalov","avatarUrl":"https://avatars.githubusercontent.com/u/67755036?v=4","url":"https://github.com/artemmufazalov","contributions":2},{"login":"smsochneg","avatarUrl":"https://avatars.githubusercontent.com/u/15200559?v=4","url":"https://github.com/smsochneg","contributions":2},{"login":"Avol-V","avatarUrl":"https://avatars.githubusercontent.com/u/7325152?v=4","url":"https://github.com/Avol-V","contributions":2},{"login":"isqua","avatarUrl":"https://avatars.githubusercontent.com/u/529247?v=4","url":"https://github.com/isqua","contributions":2},{"login":"Vladeeg","avatarUrl":"https://avatars.githubusercontent.com/u/22842948?v=4","url":"https://github.com/Vladeeg","contributions":2},{"login":"gorgeousvlad","avatarUrl":"https://avatars.githubusercontent.com/u/20395936?v=4","url":"https://github.com/gorgeousvlad","contributions":2},{"login":"Semro","avatarUrl":"https://avatars.githubusercontent.com/u/3332159?v=4","url":"https://github.com/Semro","contributions":2},{"login":"aeksandla","avatarUrl":"https://avatars.githubusercontent.com/u/46083995?v=4","url":"https://github.com/aeksandla","contributions":2},{"login":"B0nBun","avatarUrl":"https://avatars.githubusercontent.com/u/75064972?v=4","url":"https://github.com/B0nBun","contributions":2},{"login":"DaniilDem","avatarUrl":"https://avatars.githubusercontent.com/u/9549041?v=4","url":"https://github.com/DaniilDem","contributions":2},{"login":"dividead","avatarUrl":"https://avatars.githubusercontent.com/u/4695397?v=4","url":"https://github.com/dividead","contributions":2},{"login":"DaffPunks","avatarUrl":"https://avatars.githubusercontent.com/u/15698578?v=4","url":"https://github.com/DaffPunks","contributions":2},{"login":"lunaticenslaved","avatarUrl":"https://avatars.githubusercontent.com/u/54212063?v=4","url":"https://github.com/lunaticenslaved","contributions":2},{"login":"zlobnikov","avatarUrl":"https://avatars.githubusercontent.com/u/18357363?v=4","url":"https://github.com/zlobnikov","contributions":2},{"login":"rLukoyanov","avatarUrl":"https://avatars.githubusercontent.com/u/105169805?v=4","url":"https://github.com/rLukoyanov","contributions":2},{"login":"makhnatkin","avatarUrl":"https://avatars.githubusercontent.com/u/1963954?v=4","url":"https://github.com/makhnatkin","contributions":2},{"login":"js2me","avatarUrl":"https://avatars.githubusercontent.com/u/16340911?v=4","url":"https://github.com/js2me","contributions":2},{"login":"v4dyar4","avatarUrl":"https://avatars.githubusercontent.com/u/108093658?v=4","url":"https://github.com/v4dyar4","contributions":2},{"login":"KalachevDev","avatarUrl":"https://avatars.githubusercontent.com/u/30410979?v=4","url":"https://github.com/KalachevDev","contributions":2},{"login":"bezany","avatarUrl":"https://avatars.githubusercontent.com/u/5105017?v=4","url":"https://github.com/bezany","contributions":1},{"login":"aulian0v","avatarUrl":"https://avatars.githubusercontent.com/u/143967289?v=4","url":"https://github.com/aulian0v","contributions":1},{"login":"aapolkovsky","avatarUrl":"https://avatars.githubusercontent.com/u/22380490?v=4","url":"https://github.com/aapolkovsky","contributions":1},{"login":"3y3","avatarUrl":"https://avatars.githubusercontent.com/u/3931155?v=4","url":"https://github.com/3y3","contributions":1},{"login":"neeeekto","avatarUrl":"https://avatars.githubusercontent.com/u/12767115?v=4","url":"https://github.com/neeeekto","contributions":1},{"login":"Vladimirluk88","avatarUrl":"https://avatars.githubusercontent.com/u/86942878?v=4","url":"https://github.com/Vladimirluk88","contributions":1},{"login":"zefirka","avatarUrl":"https://avatars.githubusercontent.com/u/5380542?v=4","url":"https://github.com/zefirka","contributions":1},{"login":"Zveroboev","avatarUrl":"https://avatars.githubusercontent.com/u/27211707?v=4","url":"https://github.com/Zveroboev","contributions":1},{"login":"flops","avatarUrl":"https://avatars.githubusercontent.com/u/433333?v=4","url":"https://github.com/flops","contributions":1},{"login":"elemeNtk0","avatarUrl":"https://avatars.githubusercontent.com/u/9047433?v=4","url":"https://github.com/elemeNtk0","contributions":1},{"login":"bocembocem","avatarUrl":"https://avatars.githubusercontent.com/u/58661343?v=4","url":"https://github.com/bocembocem","contributions":1},{"login":"catakot","avatarUrl":"https://avatars.githubusercontent.com/u/21214799?v=4","url":"https://github.com/catakot","contributions":1},{"login":"damask","avatarUrl":"https://avatars.githubusercontent.com/u/1005974?v=4","url":"https://github.com/damask","contributions":1},{"login":"dihar","avatarUrl":"https://avatars.githubusercontent.com/u/12913462?v=4","url":"https://github.com/dihar","contributions":1},{"login":"dustyo-O","avatarUrl":"https://avatars.githubusercontent.com/u/14638147?v=4","url":"https://github.com/dustyo-O","contributions":1},{"login":"saxumcordis","avatarUrl":"https://avatars.githubusercontent.com/u/42944548?v=4","url":"https://github.com/saxumcordis","contributions":1},{"login":"icekimi23","avatarUrl":"https://avatars.githubusercontent.com/u/26017761?v=4","url":"https://github.com/icekimi23","contributions":1},{"login":"kendoow","avatarUrl":"https://avatars.githubusercontent.com/u/70059916?v=4","url":"https://github.com/kendoow","contributions":1},{"login":"max-portador","avatarUrl":"https://avatars.githubusercontent.com/u/46213974?v=4","url":"https://github.com/max-portador","contributions":1},{"login":"tumenbaev","avatarUrl":"https://avatars.githubusercontent.com/u/11868819?v=4","url":"https://github.com/tumenbaev","contributions":1},{"login":"vertukv","avatarUrl":"https://avatars.githubusercontent.com/u/101094707?v=4","url":"https://github.com/vertukv","contributions":1},{"login":"yndx-birman","avatarUrl":"https://avatars.githubusercontent.com/u/62902338?v=4","url":"https://github.com/yndx-birman","contributions":1},{"login":"shvorak","avatarUrl":"https://avatars.githubusercontent.com/u/2071148?v=4","url":"https://github.com/shvorak","contributions":1},{"login":"Estasie","avatarUrl":"https://avatars.githubusercontent.com/u/55848388?v=4","url":"https://github.com/Estasie","contributions":1},{"login":"kapibaara","avatarUrl":"https://avatars.githubusercontent.com/u/41840872?v=4","url":"https://github.com/kapibaara","contributions":1},{"login":"shbov","avatarUrl":"https://avatars.githubusercontent.com/u/32542672?v=4","url":"https://github.com/shbov","contributions":1},{"login":"melikhov-dev","avatarUrl":"https://avatars.githubusercontent.com/u/1742586?v=4","url":"https://github.com/melikhov-dev","contributions":1},{"login":"Nil2000","avatarUrl":"https://avatars.githubusercontent.com/u/54113952?v=4","url":"https://github.com/Nil2000","contributions":1},{"login":"anton-fomichev","avatarUrl":"https://avatars.githubusercontent.com/u/72696000?v=4","url":"https://github.com/anton-fomichev","contributions":1},{"login":"astandrik","avatarUrl":"https://avatars.githubusercontent.com/u/8037318?v=4","url":"https://github.com/astandrik","contributions":1},{"login":"KhodeN","avatarUrl":"https://avatars.githubusercontent.com/u/614349?v=4","url":"https://github.com/KhodeN","contributions":1},{"login":"artemipanchuk","avatarUrl":"https://avatars.githubusercontent.com/u/15093838?v=4","url":"https://github.com/artemipanchuk","contributions":1},{"login":"Ayub-Begimkulov","avatarUrl":"https://avatars.githubusercontent.com/u/46418811?v=4","url":"https://github.com/Ayub-Begimkulov","contributions":1},{"login":"danigorokhov","avatarUrl":"https://avatars.githubusercontent.com/u/49070059?v=4","url":"https://github.com/danigorokhov","contributions":1},{"login":"DaryaLari","avatarUrl":"https://avatars.githubusercontent.com/u/19970912?v=4","url":"https://github.com/DaryaLari","contributions":1},{"login":"saripovdenis","avatarUrl":"https://avatars.githubusercontent.com/u/74184888?v=4","url":"https://github.com/saripovdenis","contributions":1},{"login":"zzzorgo","avatarUrl":"https://avatars.githubusercontent.com/u/17454987?v=4","url":"https://github.com/zzzorgo","contributions":1},{"login":"beliarh","avatarUrl":"https://avatars.githubusercontent.com/u/4661335?v=4","url":"https://github.com/beliarh","contributions":1},{"login":"ilerik","avatarUrl":"https://avatars.githubusercontent.com/u/5747672?v=4","url":"https://github.com/ilerik","contributions":1},{"login":"ananas7","avatarUrl":"https://avatars.githubusercontent.com/u/6717161?v=4","url":"https://github.com/ananas7","contributions":1},{"login":"calaquend1","avatarUrl":"https://avatars.githubusercontent.com/u/45256936?v=4","url":"https://github.com/calaquend1","contributions":1},{"login":"joshuan","avatarUrl":"https://avatars.githubusercontent.com/u/2090702?v=4","url":"https://github.com/joshuan","contributions":1},{"login":"lu-perfect","avatarUrl":"https://avatars.githubusercontent.com/u/104302104?v=4","url":"https://github.com/lu-perfect","contributions":1},{"login":"Lunatic174","avatarUrl":"https://avatars.githubusercontent.com/u/10085601?v=4","url":"https://github.com/Lunatic174","contributions":1},{"login":"eyoue","avatarUrl":"https://avatars.githubusercontent.com/u/16962204?v=4","url":"https://github.com/eyoue","contributions":1},{"login":"shevnv","avatarUrl":"https://avatars.githubusercontent.com/u/1035967?v=4","url":"https://github.com/shevnv","contributions":1},{"login":"n-parpibaeva","avatarUrl":"https://avatars.githubusercontent.com/u/27774197?v=4","url":"https://github.com/n-parpibaeva","contributions":1},{"login":"pavel-klimov","avatarUrl":"https://avatars.githubusercontent.com/u/42768217?v=4","url":"https://github.com/pavel-klimov","contributions":1},{"login":"vrozaev","avatarUrl":"https://avatars.githubusercontent.com/u/2428161?v=4","url":"https://github.com/vrozaev","contributions":1}],"codeOwners":[{"pattern":"*","owners":["amje","ValeraS","korvin89"]},{"pattern":"/src/components/ActionTooltip","owners":["amje"]},{"pattern":"/src/components/Alert","owners":["IsaevAlexandr"]},{"pattern":"/src/components/ArrowToggle","owners":["Marginy605"]},{"pattern":"/src/components/Avatar","owners":["DakEnviy"]},{"pattern":"/src/components/AvatarStack","owners":["ogonkov"]},{"pattern":"/src/components/Button","owners":["amje"]},{"pattern":"/src/components/Card","owners":["Lunory"]},{"pattern":"/src/components/Checkbox","owners":["zamkovskaya"]},{"pattern":"/src/components/ClipboardButton","owners":["Raubzeug"]},{"pattern":"/src/components/ClipboardIcon","owners":["Raubzeug"]},{"pattern":"/src/components/ControlLabel","owners":["korvin89"]},{"pattern":"/src/components/CopyToClipboard","owners":["SeqviriouM"]},{"pattern":"/src/components/Disclosure","owners":["Raubzeug"]},{"pattern":"/src/components/Divider","owners":["v4dyar4"]},{"pattern":"/src/components/DropdownMenu","owners":["axtk"]},{"pattern":"/src/components/Hotkey","owners":["d3m1d0v"]},{"pattern":"/src/components/Icon","owners":["amje"]},{"pattern":"/src/components/Label","owners":["goshander"]},{"pattern":"/src/components/Link","owners":["Estasie"]},{"pattern":"/src/components/List","owners":["korvin89"]},{"pattern":"/src/components/Loader","owners":["SeqviriouM"]},{"pattern":"/src/components/Menu","owners":["NikitaCG"]},{"pattern":"/src/components/Modal","owners":["amje"]},{"pattern":"/src/components/Pagination","owners":["jhoncool"]},{"pattern":"/src/components/PinInput","owners":["amje"]},{"pattern":"/src/components/Popover","owners":["kseniya57"]},{"pattern":"/src/components/Popup","owners":["amje"]},{"pattern":"/src/components/Portal","owners":["amje"]},{"pattern":"/src/components/Progress","owners":["Lunory"]},{"pattern":"/src/components/Radio","owners":["zamkovskaya"]},{"pattern":"/src/components/RadioButton","owners":["zamkovskaya"]},{"pattern":"/src/components/RadioGroup","owners":["zamkovskaya"]},{"pattern":"/src/components/User","owners":["DakEnviy"]},{"pattern":"/src/components/UserLabel","owners":["DakEnviy"]},{"pattern":"/src/components/useList","owners":["IsaevAlexandr"]},{"pattern":"/src/components/Select","owners":["korvin89"]},{"pattern":"/src/components/Sheet","owners":["mournfulCoroner"]},{"pattern":"/src/components/Skeleton","owners":["SeqviriouM"]},{"pattern":"/src/components/Slider","owners":["Arucard89"]},{"pattern":"/src/components/Spin","owners":["SeqviriouM"]},{"pattern":"/src/components/Stories","owners":["DarkGenius"]},{"pattern":"/src/components/Switch","owners":["zamkovskaya"]},{"pattern":"/src/components/Table","owners":["Raubzeug"]},{"pattern":"/src/components/Tabs","owners":["sofiushko"]},{"pattern":"/src/components/Text","owners":["IsaevAlexandr"]},{"pattern":"/src/components/TreeList","owners":["IsaevAlexandr"]},{"pattern":"/src/components/TreeSelect","owners":["IsaevAlexandr"]},{"pattern":"/src/components/controls/TextArea","owners":["korvin89"]},{"pattern":"/src/components/controls/TextInput","owners":["korvin89"]},{"pattern":"/src/components/Toaster","owners":["ogonkov"]},{"pattern":"/src/components/Tooltip","owners":["amje"]},{"pattern":"/src/components/layout","owners":["IsaevAlexandr"]},{"pattern":"/src/hooks/useActionHandlers","owners":["ogonkov"]},{"pattern":"/src/hooks/useFileInput","owners":["korvin89"]},{"pattern":"/src/hooks/useForkRef","owners":["ValeraS"]},{"pattern":"/src/hooks/useIntersection","owners":["imechoim"]},{"pattern":"/src/hooks/useTimeout","owners":["ogonkov"]},{"pattern":"/src/hooks/useOutsideClick","owners":["NikitaCG"]},{"pattern":"/src/hooks/useViewportSize","owners":["NikitaCG"]},{"pattern":"/src/hooks/useUniqId","owners":["ValeraS"]}]},"components":{"stars":11,"version":"3.7.0","lastUpdate":"17.06.2024","license":"MIT License","issues":28,"readme":"# @gravity-ui/components &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/components)](https://www.npmjs.com/package/@gravity-ui/components) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/components/.github/workflows/ci.yml?label=CI&logo=github)](https://github.com/gravity-ui/components/actions/workflows/ci.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/components/)\\n\\nA set of complex React components\\n\\n## Install\\n\\n```shell\\nnpm install --save-dev @gravity-ui/components\\n```\\n","changelog":"# Changelog\\n\\n## [3.7.0](https://github.com/gravity-ui/components/compare/v3.6.2...v3.7.0) (2024-06-14)\\n\\n\\n### Features\\n\\n* **DefinitionList:** support grouped items ([#191](https://github.com/gravity-ui/components/issues/191)) ([27bc3f6](https://github.com/gravity-ui/components/commit/27bc3f6ffa1eba9ccc164fd5e02c772c7c46e030))\\n* **FilePreview:** support clickable mobile image preview ([#201](https://github.com/gravity-ui/components/issues/201)) ([4129b3a](https://github.com/gravity-ui/components/commit/4129b3a7cb3cc4142707ca0000fcd2d9a50fc25d))\\n\\n\\n### Bug Fixes\\n\\n* **AdaptiveTabs:** fix behaviour when resizing with opened \\"More\\" menu ([#198](https://github.com/gravity-ui/components/issues/198)) ([5dbf4e5](https://github.com/gravity-ui/components/commit/5dbf4e5e2526b447814666dc37ac2cbcd9ed63ed))\\n\\n## [3.6.2](https://github.com/gravity-ui/components/compare/v3.6.1...v3.6.2) (2024-05-27)\\n\\n\\n### Bug Fixes\\n\\n* **OnboardingMenu:** change align-items start to flex-start ([#190](https://github.com/gravity-ui/components/issues/190)) ([8246c87](https://github.com/gravity-ui/components/commit/8246c87a6a90b6e486e2702f67671ed9a34f36ca))\\n\\n## [3.6.1](https://github.com/gravity-ui/components/compare/v3.6.0...v3.6.1) (2024-05-15)\\n\\n\\n### Bug Fixes\\n\\n* a11y issues fixes ([#189](https://github.com/gravity-ui/components/issues/189)) ([4649a40](https://github.com/gravity-ui/components/commit/4649a4053a639b609bd8e8a5fcb661153673dea3))\\n\\n## [3.6.0](https://github.com/gravity-ui/components/compare/v3.5.0...v3.6.0) (2024-04-15)\\n\\n\\n### Features\\n\\n* **FilePreview:** add tooltip props for actions ([#174](https://github.com/gravity-ui/components/issues/174)) ([e16cef8](https://github.com/gravity-ui/components/commit/e16cef822e746a4571a2da0ca5116f7dbed94bd1))\\n\\n## [3.5.0](https://github.com/gravity-ui/components/compare/v3.4.2...v3.5.0) (2024-04-08)\\n\\n\\n### Features\\n\\n* **Onboarding Menu:** defaultExpanded in OnboardingMenuItem ([#179](https://github.com/gravity-ui/components/issues/179)) ([57987ad](https://github.com/gravity-ui/components/commit/57987ad0a252a0c1d4b220b7172e939afb642002))\\n\\n## [3.4.2](https://github.com/gravity-ui/components/compare/v3.4.1...v3.4.2) (2024-04-04)\\n\\n\\n### Bug Fixes\\n\\n* **OnboardingMenu:** long header, expand items ([#175](https://github.com/gravity-ui/components/issues/175)) ([4031a47](https://github.com/gravity-ui/components/commit/4031a47d3153e2098c0b354bfe3ac6ce4236efce))\\n\\n## [3.4.1](https://github.com/gravity-ui/components/compare/v3.4.0...v3.4.1) (2024-03-29)\\n\\n\\n### Bug Fixes\\n\\n* **OnboardingMenu:** bad useMemo Icon, took out the expand state ([#172](https://github.com/gravity-ui/components/issues/172)) ([32bd68d](https://github.com/gravity-ui/components/commit/32bd68da8d4a6d42cd6dc758f289ed33f68e20c0))\\n\\n## [3.4.0](https://github.com/gravity-ui/components/compare/v3.3.0...v3.4.0) (2024-03-22)\\n\\n\\n### Features\\n\\n* **ConfirmDialog:** add dialog confirm component ([#169](https://github.com/gravity-ui/components/issues/169)) ([7f7c32e](https://github.com/gravity-ui/components/commit/7f7c32e43744459bca7a1324754d69d3ba5e728e))\\n* **useSyncWithLS:** disable callback in active tab ([#170](https://github.com/gravity-ui/components/issues/170)) ([e05dc26](https://github.com/gravity-ui/components/commit/e05dc2601aac0e6652e7e4ad7bd72c9a0997d03d))\\n\\n## [3.3.0](https://github.com/gravity-ui/components/compare/v3.2.0...v3.3.0) (2024-03-20)\\n\\n\\n### Features\\n\\n* add OnboardingMenu component ([#121](https://github.com/gravity-ui/components/issues/121)) ([e296ed4](https://github.com/gravity-ui/components/commit/e296ed47792533ad88881f82234979eebd536a7c))\\n* **СhangelogDialog:** make date and description optional, add date format ([#65](https://github.com/gravity-ui/components/issues/65)) ([261f7ca](https://github.com/gravity-ui/components/commit/261f7cadc6b7d807ec7c6376dfa5de4b78fb67af))\\n\\n\\n### Bug Fixes\\n\\n* **OnboardingMenu:** add re-export and docs  ([#166](https://github.com/gravity-ui/components/issues/166)) ([84df613](https://github.com/gravity-ui/components/commit/84df6139463737c31630fdfb8f61a48d3505c720))\\n* **OnboardingMenu:** fix item title styles ([#167](https://github.com/gravity-ui/components/issues/167)) ([f534f78](https://github.com/gravity-ui/components/commit/f534f78a4803967165a9b3ae4fe1c1728823852a))\\n* **PlaceholderContainer:** change text in example image in storybook ([#164](https://github.com/gravity-ui/components/issues/164)) ([d97305f](https://github.com/gravity-ui/components/commit/d97305f774cd8053afb5493f0fad20ed89f44588))\\n\\n## [3.2.0](https://github.com/gravity-ui/components/compare/v3.1.0...v3.2.0) (2024-03-12)\\n\\n\\n### Features\\n\\n* add DefinitionList ([#143](https://github.com/gravity-ui/components/issues/143)) ([3db3bbf](https://github.com/gravity-ui/components/commit/3db3bbf8f175995d4d1c052291e72ba32d58a7d2))\\n\\n## [3.1.0](https://github.com/gravity-ui/components/compare/v3.0.0...v3.1.0) (2024-03-06)\\n\\n\\n### Features\\n\\n* **AdaptiveTabs:** allow to control some properties in More control ([#145](https://github.com/gravity-ui/components/issues/145)) ([e7c2a4e](https://github.com/gravity-ui/components/commit/e7c2a4e2bc7d1884771ba3888517cc832fd85530))\\n\\n\\n### Bug Fixes\\n\\n* **AdaptiveTabs:** fix border-case with incorrect firstHiddenTabIndex ([#151](https://github.com/gravity-ui/components/issues/151)) ([2f553f4](https://github.com/gravity-ui/components/commit/2f553f4caa7674d630f7a323d8ce1afcb4cce3f5))\\n\\n## [3.0.0](https://github.com/gravity-ui/components/compare/v2.12.0...v3.0.0) (2024-02-06)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* remove configure (i18n from uikit used instead) ([#142](https://github.com/gravity-ui/components/issues/142))\\n\\n### Features\\n\\n* remove configure (i18n from uikit used instead) ([#142](https://github.com/gravity-ui/components/issues/142)) ([41475bf](https://github.com/gravity-ui/components/commit/41475bff73f5b27705c7f87dc4138983e137388a))\\n* support RTL ([df4aa17](https://github.com/gravity-ui/components/commit/df4aa179834d159aaa08932ea89f80003f5ec243))\\n* update deps ([01fd827](https://github.com/gravity-ui/components/commit/01fd827b56c298cee87f13242cdbcafc5b4f56e0))\\n\\n\\n### Bug Fixes\\n\\n* fix lint issues ([6b99075](https://github.com/gravity-ui/components/commit/6b99075bdcbfc17fad09f030cccbed26bad8d83c))\\n\\n## [2.12.0](https://github.com/gravity-ui/components/compare/v2.11.0...v2.12.0) (2024-02-05)\\n\\n\\n### Features\\n\\n* **Stories:** add hook for sync tabs ([#138](https://github.com/gravity-ui/components/issues/138)) ([a70afd5](https://github.com/gravity-ui/components/commit/a70afd59a8910307c9594b277d45746b0fc265e0))\\n\\n\\n### Bug Fixes\\n\\n* **Notifications:** added `errorTitle` and `emptyTitle` props ([#136](https://github.com/gravity-ui/components/issues/136)) ([4024223](https://github.com/gravity-ui/components/commit/402422329ec70ab021a1ac2c4a1dfd81e3ba6f67))\\n\\n## [2.11.0](https://github.com/gravity-ui/components/compare/v2.10.0...v2.11.0) (2024-01-09)\\n\\n\\n### Features\\n\\n* **ChangelogDialog:** loading state ([#120](https://github.com/gravity-ui/components/issues/120)) ([22cc355](https://github.com/gravity-ui/components/commit/22cc355a22591f43d6c13876ecbd978588b5a415))\\n\\n## [2.10.0](https://github.com/gravity-ui/components/compare/v2.9.2...v2.10.0) (2023-12-28)\\n\\n\\n### Features\\n\\n* **SharePopover:** add tooltipContentClassName prop ([#133](https://github.com/gravity-ui/components/issues/133)) ([e29e3ad](https://github.com/gravity-ui/components/commit/e29e3ad68cbad9e88047cdf619582af9db7ef9ee))\\n\\n## [2.9.2](https://github.com/gravity-ui/components/compare/v2.9.1...v2.9.2) (2023-12-18)\\n\\n\\n### Bug Fixes\\n\\n* title for Tabs should be props.hint if provided ([#130](https://github.com/gravity-ui/components/issues/130)) ([9284c2f](https://github.com/gravity-ui/components/commit/9284c2fc4910951d343933b37c99720bfa3e8974))\\n\\n## [2.9.1](https://github.com/gravity-ui/components/compare/v2.9.0...v2.9.1) (2023-12-08)\\n\\n\\n### Bug Fixes\\n\\n* add DelayedTextInput export ([#127](https://github.com/gravity-ui/components/issues/127)) ([598f1c4](https://github.com/gravity-ui/components/commit/598f1c46af3f6299867cdccf86fb2c405a3f9ff7))\\n* **SharePopover:** fix style for buttons going beyond limits ([#129](https://github.com/gravity-ui/components/issues/129)) ([bdd5dac](https://github.com/gravity-ui/components/commit/bdd5dac99e6a0ff0ea9c821a6958bffe4e93de5e))\\n\\n## [2.9.0](https://github.com/gravity-ui/components/compare/v2.8.0...v2.9.0) (2023-12-06)\\n\\n\\n### Features\\n\\n* **CookieConsent:** add CookieConsent component ([#123](https://github.com/gravity-ui/components/issues/123)) ([1572965](https://github.com/gravity-ui/components/commit/1572965821de02010ad3bc78fa2852efb59facd8))\\n\\n## [2.8.0](https://github.com/gravity-ui/components/compare/v2.7.0...v2.8.0) (2023-11-02)\\n\\n\\n### Features\\n\\n* update uikit, improve a11y for sharepopover ([#111](https://github.com/gravity-ui/components/issues/111)) ([eff2702](https://github.com/gravity-ui/components/commit/eff270239e8f1716bc2d108de5bd3e7ea74607f0))\\n\\n## [2.7.0](https://github.com/gravity-ui/components/compare/v2.6.0...v2.7.0) (2023-11-01)\\n\\n\\n### Features\\n\\n* made a new password input component ([#108](https://github.com/gravity-ui/components/issues/108)) ([5b1c15d](https://github.com/gravity-ui/components/commit/5b1c15de5fa6a681a080af601b71b0b8bb9a7207))\\n\\n## [2.6.0](https://github.com/gravity-ui/components/compare/v2.5.1...v2.6.0) (2023-10-23)\\n\\n\\n### Features\\n\\n* **ChangelogDialog:** change style, add link, events ([#105](https://github.com/gravity-ui/components/issues/105)) ([3c119c7](https://github.com/gravity-ui/components/commit/3c119c7783e622ed6bc56be2e6625a13c29a4914))\\n* **FilePreview:** add disabled prop for action ([#113](https://github.com/gravity-ui/components/issues/113)) ([58d10ad](https://github.com/gravity-ui/components/commit/58d10adbefe51a7447b420cafb13bfab14378abd))\\n\\n## [2.5.1](https://github.com/gravity-ui/components/compare/v2.5.0...v2.5.1) (2023-10-10)\\n\\n\\n### Bug Fixes\\n\\n* **HelpPopover:** set default button type ([#109](https://github.com/gravity-ui/components/issues/109)) ([4ee6106](https://github.com/gravity-ui/components/commit/4ee6106430d65b7da48428d79503b49f52100e89))\\n\\n## [2.5.0](https://github.com/gravity-ui/components/compare/v2.4.2...v2.5.0) (2023-10-04)\\n\\n\\n### Features\\n\\n* **FormRow:** add direction prop ([#104](https://github.com/gravity-ui/components/issues/104)) ([7b10308](https://github.com/gravity-ui/components/commit/7b10308970aea1a349427021c4c4ab38be024559))\\n* **HelpPopover:** improve a11y ([#106](https://github.com/gravity-ui/components/issues/106)) ([e2a9d3c](https://github.com/gravity-ui/components/commit/e2a9d3ce44c4fb15324716b356228d328a7c7c8f))\\n\\n## [2.4.2](https://github.com/gravity-ui/components/compare/v2.4.1...v2.4.2) (2023-09-21)\\n\\n\\n### Bug Fixes\\n\\n* **FilePreview:** Fix FilePreview a11y and styles ([#102](https://github.com/gravity-ui/components/issues/102)) ([18c8456](https://github.com/gravity-ui/components/commit/18c8456f24c7e72cd5a62b6ebd73df1d8a7a5ada))\\n\\n## [2.4.1](https://github.com/gravity-ui/components/compare/v2.4.0...v2.4.1) (2023-09-14)\\n\\n\\n### Bug Fixes\\n\\n* **AdaptiveTabs:** prevent object convert to string ([#101](https://github.com/gravity-ui/components/issues/101)) ([5488f58](https://github.com/gravity-ui/components/commit/5488f580055e951fb3016ce2437bc7d95eff89a9))\\n* **Notifications:** Updated Notifications\' illustrations ([#99](https://github.com/gravity-ui/components/issues/99)) ([5b2ce45](https://github.com/gravity-ui/components/commit/5b2ce455075f7709e07899ee3756d16ffd1adb21))\\n\\n## [2.4.0](https://github.com/gravity-ui/components/compare/v2.3.0...v2.4.0) (2023-08-24)\\n\\n\\n### Features\\n\\n* add FilePreview component ([#79](https://github.com/gravity-ui/components/issues/79)) ([c910ec5](https://github.com/gravity-ui/components/commit/c910ec5b368de4dfe8bc6049cc413fa4f3ca4d13))\\n\\n\\n### Bug Fixes\\n\\n* remove bem-cn-lite usage ([#96](https://github.com/gravity-ui/components/issues/96)) ([6a2f5f3](https://github.com/gravity-ui/components/commit/6a2f5f384cd36fe8fdaf172ab421afd45ec76b03))\\n\\n## [2.3.0](https://github.com/gravity-ui/components/compare/v2.2.0...v2.3.0) (2023-08-22)\\n\\n\\n### Features\\n\\n* **notifications:** remove tinygesture ([#94](https://github.com/gravity-ui/components/issues/94)) ([83c795a](https://github.com/gravity-ui/components/commit/83c795acbbc0e26b5985e63751f46fdef9fa55e2))\\n\\n## [2.2.0](https://github.com/gravity-ui/components/compare/v2.1.1...v2.2.0) (2023-08-21)\\n\\n\\n### Features\\n\\n* **Notifications:** remove redutant gap ([#92](https://github.com/gravity-ui/components/issues/92)) ([3b95e4a](https://github.com/gravity-ui/components/commit/3b95e4aec69f9ae9422434ce273a63a27181b1d1))\\n\\n## [2.1.1](https://github.com/gravity-ui/components/compare/v2.1.0...v2.1.1) (2023-08-17)\\n\\n\\n### Bug Fixes\\n\\n* **Notifications:** fixed notification\'s actions changing height when they disappear ([#91](https://github.com/gravity-ui/components/issues/91)) ([fc6b4b2](https://github.com/gravity-ui/components/commit/fc6b4b2059cbbde26d4ae9d73f50955fe2540224))\\n* **Stories:** prevent overflow and add ability to scroll huge text in story card ([#89](https://github.com/gravity-ui/components/issues/89)) ([8e6df75](https://github.com/gravity-ui/components/commit/8e6df758f74b46f4aab870be9d1747d30f576a87))\\n\\n## [2.1.0](https://github.com/gravity-ui/components/compare/v2.0.0...v2.1.0) (2023-08-09)\\n\\n\\n### Features\\n\\n* **AdaptiveTabs:** add renderTab prop ([#87](https://github.com/gravity-ui/components/issues/87)) ([bd4710a](https://github.com/gravity-ui/components/commit/bd4710a84ac621d40c8d8ded8b690efe52bdcd20))\\n* **DelayedTextInput:** implement component ([#77](https://github.com/gravity-ui/components/issues/77)) ([293c4a3](https://github.com/gravity-ui/components/commit/293c4a361d899eb73f5c39a4693bb0f0b2ced234))\\n* **Notifications:** Added archived state, `NotificationsPopupWrapper` component and enhanced the stories for notifications ([#83](https://github.com/gravity-ui/components/issues/83)) ([877803a](https://github.com/gravity-ui/components/commit/877803a4fd63b3e9de998b345e48364fa3992769))\\n* update linting plugins, jest and storybook ([#84](https://github.com/gravity-ui/components/issues/84)) ([2c285d5](https://github.com/gravity-ui/components/commit/2c285d53a2a77db2abaa49ef54ff92e3a8eebd96))\\n\\n\\n### Bug Fixes\\n\\n* **InfiniteScroll:** fixed the double `onActivate` in the `InfiniteScroll` component ([#81](https://github.com/gravity-ui/components/issues/81)) ([1cc0bd6](https://github.com/gravity-ui/components/commit/1cc0bd64187a4cbc2be794165db7e06b260fa90d))\\n\\n## [2.0.0](https://github.com/gravity-ui/components/compare/v1.9.0...v2.0.0) (2023-07-14)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update uikit\\n\\n### Features\\n\\n* update uikit ([9eb91e7](https://github.com/gravity-ui/components/commit/9eb91e7193c977692332bc7676e388404e04fc9e))\\n* update uikit ([1324d93](https://github.com/gravity-ui/components/commit/1324d9387bd314946203315f648aff8918b650ea))\\n* update uikit ([2579ec5](https://github.com/gravity-ui/components/commit/2579ec5a2aa2943db6ef0347130ce13cd81d0266))\\n\\n\\n### Bug Fixes\\n\\n* **AdaptiveTabs:** disable tabs should not be clickable ([758101e](https://github.com/gravity-ui/components/commit/758101e5fb936034ccca104451e51aa34a4210ed))\\n* **FormRow:** required star position ([366ff75](https://github.com/gravity-ui/components/commit/366ff75b331d1ea77914d960046d1edfd116394a))\\n* **FormRow:** stories not work ([3f98275](https://github.com/gravity-ui/components/commit/3f9827593bd3f21d39c63c03de66932ed8abab3f))\\n\\n## [1.9.0](https://github.com/gravity-ui/components/compare/v1.8.0...v1.9.0) (2023-07-07)\\n\\n\\n### Features\\n\\n* move components from uikit ([#67](https://github.com/gravity-ui/components/issues/67)) ([4752ac0](https://github.com/gravity-ui/components/commit/4752ac08b101eb9ac0694943b8a0472b5eeec822))\\n\\n\\n### Bug Fixes\\n\\n* add 16 versions for react & react-dom peer deps ([#70](https://github.com/gravity-ui/components/issues/70)) ([aa20234](https://github.com/gravity-ui/components/commit/aa2023486b069f146c52b6f845d9ddee5d5fe30f))\\n\\n## [1.8.0](https://github.com/gravity-ui/components/compare/v1.7.1...v1.8.0) (2023-06-26)\\n\\n\\n### Features\\n\\n* move components from uikit ([#63](https://github.com/gravity-ui/components/issues/63)) ([98f7936](https://github.com/gravity-ui/components/commit/98f79364fc6ac1654ff15be203ce221100d00bb6))\\n* **Notifications:** static component implementation (DATAUI-1582) ([#57](https://github.com/gravity-ui/components/issues/57)) ([3016936](https://github.com/gravity-ui/components/commit/3016936c788df4d0c967908e9d38488c8281224b))\\n\\n## [1.7.1](https://github.com/gravity-ui/components/compare/v1.7.0...v1.7.1) (2023-06-09)\\n\\n\\n### Bug Fixes\\n\\n* **ActionsPanel:** changed styles ([#59](https://github.com/gravity-ui/components/issues/59)) ([e032e94](https://github.com/gravity-ui/components/commit/e032e94656774651c613549d250595b71194944a))\\n\\n## [1.7.0](https://github.com/gravity-ui/components/compare/v1.6.1...v1.7.0) (2023-06-06)\\n\\n\\n### Features\\n\\n* create StoreBadge component ([#54](https://github.com/gravity-ui/components/issues/54)) ([e424a0d](https://github.com/gravity-ui/components/commit/e424a0d887109ebbf0d8f81e1ff4d7bdd168afcf))\\n\\n## [1.6.1](https://github.com/gravity-ui/components/compare/v1.6.0...v1.6.1) (2023-05-18)\\n\\n\\n### Bug Fixes\\n\\n* **ActionsPanel:** fixed blinking of elements when rerendering ([#51](https://github.com/gravity-ui/components/issues/51)) ([b73ea50](https://github.com/gravity-ui/components/commit/b73ea5025b9c65a4791f905b0242989540b4c3b9))\\n\\n## [1.6.0](https://github.com/gravity-ui/components/compare/v1.5.2...v1.6.0) (2023-05-18)\\n\\n\\n### Features\\n\\n* add new component ActionsPanel ([#39](https://github.com/gravity-ui/components/issues/39)) ([991a567](https://github.com/gravity-ui/components/commit/991a567cf33296814e54e97e9c3b1cfe52948b58))\\n\\n## [1.5.2](https://github.com/gravity-ui/components/compare/v1.5.1...v1.5.2) (2023-05-18)\\n\\n\\n### Bug Fixes\\n\\n* **PlaceholderComponent:** fix export ([#48](https://github.com/gravity-ui/components/issues/48)) ([5ec0565](https://github.com/gravity-ui/components/commit/5ec0565aec2dd5b18f6962b775330f708ba8a3f5))\\n\\n## [1.5.1](https://github.com/gravity-ui/components/compare/v1.5.0...v1.5.1) (2023-05-12)\\n\\n\\n### Bug Fixes\\n\\n* **AdaptiveTabs:** add check for ref current before usage ([#46](https://github.com/gravity-ui/components/issues/46)) ([fc8712c](https://github.com/gravity-ui/components/commit/fc8712c41709e31a320e9c2c40139036003e0708))\\n\\n## [1.5.0](https://github.com/gravity-ui/components/compare/v1.4.0...v1.5.0) (2023-05-02)\\n\\n\\n### Features\\n\\n* **PlaceholderContainer:** add custom action ([#43](https://github.com/gravity-ui/components/issues/43)) ([efb48aa](https://github.com/gravity-ui/components/commit/efb48aaba97bc8602ca7f76e75316e2e9de55550))\\n\\n## [1.4.0](https://github.com/gravity-ui/components/compare/v1.3.2...v1.4.0) (2023-04-28)\\n\\n\\n### Features\\n\\n* **PlaceholderContainer:** add placeholder container component ([#31](https://github.com/gravity-ui/components/issues/31)) ([018095e](https://github.com/gravity-ui/components/commit/018095efa82fa481e1215521d4405b908da0375b))\\n\\n## [1.3.2](https://github.com/gravity-ui/components/compare/v1.3.1...v1.3.2) (2023-04-18)\\n\\n\\n### Bug Fixes\\n\\n* **ItemSelector:** fix import component ([#37](https://github.com/gravity-ui/components/issues/37)) ([63403d3](https://github.com/gravity-ui/components/commit/63403d3b03b6d33378d4e49802a8199b7383eaee))\\n\\n## [1.3.1](https://github.com/gravity-ui/components/compare/v1.3.0...v1.3.1) (2023-04-18)\\n\\n\\n### Bug Fixes\\n\\n* **ItemSelector:** fix import mixins from uikit ([#35](https://github.com/gravity-ui/components/issues/35)) ([6273364](https://github.com/gravity-ui/components/commit/6273364abb75c154b86a4254ab04e5d39f10a229))\\n\\n## [1.3.0](https://github.com/gravity-ui/components/compare/v1.2.0...v1.3.0) (2023-04-18)\\n\\n\\n### Features\\n\\n* add ItemSelector component ([#33](https://github.com/gravity-ui/components/issues/33)) ([55c33ce](https://github.com/gravity-ui/components/commit/55c33ceed98d277483eddf66bc04b40913bfafdf))\\n\\n## [1.2.0](https://github.com/gravity-ui/components/compare/v1.1.3...v1.2.0) (2023-03-30)\\n\\n\\n### Features\\n\\n* **AdaptiveTabs:** add allowNotSeelcted prop ([#25](https://github.com/gravity-ui/components/issues/25)) ([dec12c7](https://github.com/gravity-ui/components/commit/dec12c75beff8333eb0da457340ea08aca345fda))\\n* **FormRow:** add component ([#23](https://github.com/gravity-ui/components/issues/23)) ([d8b5c59](https://github.com/gravity-ui/components/commit/d8b5c5990995d957c0fda52821861fb040eaa138))\\n\\n## [1.1.3](https://github.com/gravity-ui/components/compare/v1.1.2...v1.1.3) (2023-03-29)\\n\\n\\n### Bug Fixes\\n\\n* **AdaptiveTabs:** fix classnames ([#21](https://github.com/gravity-ui/components/issues/21)) ([e26f852](https://github.com/gravity-ui/components/commit/e26f85257961ad748d0757906325b17eb0570ea0))\\n\\n## [1.1.2](https://github.com/gravity-ui/components/compare/v1.1.1...v1.1.2) (2023-03-27)\\n\\n\\n### Bug Fixes\\n\\n* fix publishing package ([#16](https://github.com/gravity-ui/components/issues/16)) ([4f9190d](https://github.com/gravity-ui/components/commit/4f9190d74d07dbe2e83b418fa4aa9ebc9a6a8777))\\n\\n## [1.1.1](https://github.com/gravity-ui/components/compare/v1.1.0...v1.1.1) (2023-03-27)\\n\\n\\n### Bug Fixes\\n\\n* add script for building when publish ([#14](https://github.com/gravity-ui/components/issues/14)) ([545fd11](https://github.com/gravity-ui/components/commit/545fd11771fc63940d078441b048f70e31baccfa))\\n\\n## [1.1.0](https://github.com/gravity-ui/components/compare/v1.0.0...v1.1.0) (2023-03-27)\\n\\n\\n### Features\\n\\n* introduce InfiniteScroll component ([#2](https://github.com/gravity-ui/components/issues/2)) ([4240714](https://github.com/gravity-ui/components/commit/4240714ff78cf74fc76a213f7d00d51194767053))\\n\\n\\n## 1.0.0 (2023-03-15)\\n\\n\\n### Features\\n\\n* add AdaptiveTabs component ([#4](https://github.com/gravity-ui/components/issues/4)) ([4bd625f](https://github.com/gravity-ui/components/commit/4bd625f374cc293175c5dc802c9e635629857d07))\\n* **i18n:** add i18n support ([5cbc143](https://github.com/gravity-ui/components/commit/5cbc14344d055b199106fe0e52b57ec26e98be47))\\n* **i18n:** add i18n support ([6753e6b](https://github.com/gravity-ui/components/commit/6753e6bcafc5b8f4f2c74c36a74037bce2e34dd4))\\n* **i18n:** add i18n to packages ([0e92d28](https://github.com/gravity-ui/components/commit/0e92d286ada9784f5de12c7ca6667fad99a1b636))\\n","contributors":[{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":22},{"login":"Raubzeug","avatarUrl":"https://avatars.githubusercontent.com/u/42094364?v=4","url":"https://github.com/Raubzeug","contributions":6},{"login":"Ruminat","avatarUrl":"https://avatars.githubusercontent.com/u/18216279?v=4","url":"https://github.com/Ruminat","contributions":6},{"login":"nikita-jpg","avatarUrl":"https://avatars.githubusercontent.com/u/56046344?v=4","url":"https://github.com/nikita-jpg","contributions":6},{"login":"KirillDyachkovskiy","avatarUrl":"https://avatars.githubusercontent.com/u/81510334?v=4","url":"https://github.com/KirillDyachkovskiy","contributions":5},{"login":"mournfulCoroner","avatarUrl":"https://avatars.githubusercontent.com/u/56549651?v=4","url":"https://github.com/mournfulCoroner","contributions":5},{"login":"Marginy605","avatarUrl":"https://avatars.githubusercontent.com/u/98329176?v=4","url":"https://github.com/Marginy605","contributions":5},{"login":"NikitaCG","avatarUrl":"https://avatars.githubusercontent.com/u/36075690?v=4","url":"https://github.com/NikitaCG","contributions":4},{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":4},{"login":"Kyzyl-ool","avatarUrl":"https://avatars.githubusercontent.com/u/30153778?v=4","url":"https://github.com/Kyzyl-ool","contributions":4},{"login":"jhoncool","avatarUrl":"https://avatars.githubusercontent.com/u/11226935?v=4","url":"https://github.com/jhoncool","contributions":4},{"login":"artemipanchuk","avatarUrl":"https://avatars.githubusercontent.com/u/15093838?v=4","url":"https://github.com/artemipanchuk","contributions":4},{"login":"Feverqwe","avatarUrl":"https://avatars.githubusercontent.com/u/891534?v=4","url":"https://github.com/Feverqwe","contributions":3},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":3},{"login":"KalachevDev","avatarUrl":"https://avatars.githubusercontent.com/u/30410979?v=4","url":"https://github.com/KalachevDev","contributions":3},{"login":"pavel-klimov","avatarUrl":"https://avatars.githubusercontent.com/u/42768217?v=4","url":"https://github.com/pavel-klimov","contributions":2},{"login":"Lakate","avatarUrl":"https://avatars.githubusercontent.com/u/8994274?v=4","url":"https://github.com/Lakate","contributions":2},{"login":"goshander","avatarUrl":"https://avatars.githubusercontent.com/u/5037509?v=4","url":"https://github.com/goshander","contributions":2},{"login":"Flunt1k","avatarUrl":"https://avatars.githubusercontent.com/u/47900126?v=4","url":"https://github.com/Flunt1k","contributions":2},{"login":"ogonkov","avatarUrl":"https://avatars.githubusercontent.com/u/1091927?v=4","url":"https://github.com/ogonkov","contributions":2},{"login":"arudenkoofficial","avatarUrl":"https://avatars.githubusercontent.com/u/84877729?v=4","url":"https://github.com/arudenkoofficial","contributions":1},{"login":"iapolya","avatarUrl":"https://avatars.githubusercontent.com/u/31696689?v=4","url":"https://github.com/iapolya","contributions":1},{"login":"zamkovskaya","avatarUrl":"https://avatars.githubusercontent.com/u/128601366?v=4","url":"https://github.com/zamkovskaya","contributions":1},{"login":"chervyakovru","avatarUrl":"https://avatars.githubusercontent.com/u/14909082?v=4","url":"https://github.com/chervyakovru","contributions":1},{"login":"NasgulNexus","avatarUrl":"https://avatars.githubusercontent.com/u/23384737?v=4","url":"https://github.com/NasgulNexus","contributions":1},{"login":"dfilatov","avatarUrl":"https://avatars.githubusercontent.com/u/67957?v=4","url":"https://github.com/dfilatov","contributions":1},{"login":"Arucard89","avatarUrl":"https://avatars.githubusercontent.com/u/13587201?v=4","url":"https://github.com/Arucard89","contributions":1},{"login":"eyoue","avatarUrl":"https://avatars.githubusercontent.com/u/16962204?v=4","url":"https://github.com/eyoue","contributions":1},{"login":"Maxim725","avatarUrl":"https://avatars.githubusercontent.com/u/47459772?v=4","url":"https://github.com/Maxim725","contributions":1},{"login":"isqua","avatarUrl":"https://avatars.githubusercontent.com/u/529247?v=4","url":"https://github.com/isqua","contributions":1},{"login":"yatskovanatoly","avatarUrl":"https://avatars.githubusercontent.com/u/123395646?v=4","url":"https://github.com/yatskovanatoly","contributions":1},{"login":"GermanVor","avatarUrl":"https://avatars.githubusercontent.com/u/43282255?v=4","url":"https://github.com/GermanVor","contributions":1},{"login":"kseniya57","avatarUrl":"https://avatars.githubusercontent.com/u/31247233?v=4","url":"https://github.com/kseniya57","contributions":1}],"codeOwners":[{"pattern":"*","owners":["amje","ValeraS","korvin89"]},{"pattern":"/src/components/AdaptiveTabs","owners":["artemipanchuk"]},{"pattern":"/src/components/DefinitionList","owners":["Raubzeug"]},{"pattern":"/src/components/FilePreview","owners":["KirillDyachkovskiy"]},{"pattern":"/src/components/FormRow","owners":["ogonkov"]},{"pattern":"/src/components/HelpPopover","owners":["Raubzeug"]},{"pattern":"/src/components/OnboardingMenu","owners":["nikita-jpg"]},{"pattern":"/src/components/PlaceholderContainer","owners":["Marginy605"]},{"pattern":"/src/components/PromoSheet","owners":["Avol-V"]},{"pattern":"/src/components/SharePopover","owners":["niktverd"]},{"pattern":"/src/components/StoreBadge","owners":["NikitaCG"]},{"pattern":"/src/components/Stories","owners":["darkgenius"]},{"pattern":"/src/components/ConfirmDialog","owners":["kseniya57"]}]},"icons":{"stars":51,"version":"2.10.0","lastUpdate":"29.05.2024","license":"MIT License","issues":2,"readme":"# @gravity-ui/icons &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/icons)](https://www.npmjs.com/package/@gravity-ui/icons) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/icons/.github/workflows/ci.yml?branch=main&label=CI&logo=github)](https://github.com/gravity-ui/icons/actions/workflows/ci.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/icons/)\\n\\nA pack of Gravity UI icons. Icons have two sources, SVG and React. Have a look at [showcase](https://preview.gravity-ui.com/icons/) page.\\n\\n## Install\\n\\n```shell\\nnpm install --save-dev @gravity-ui/icons\\n```\\n\\n## Usage\\n\\n### React\\n\\n```js\\nimport Cloud from \'@gravity-ui/icons/Cloud\';\\n```\\n\\nor\\n\\n```js\\nimport {Cloud} from \'@gravity-ui/icons\';\\n```\\n\\n### SVG\\n\\n> You might need an appropriate loader for this\\n\\n```js\\nimport cloudIcon from \'@gravity-ui/icons/svgs/cloud.svg\';\\n```\\n","changelog":"# Changelog\\n\\n## [2.10.0](https://github.com/gravity-ui/icons/compare/v2.9.1...v2.10.0) (2024-05-29)\\n\\n\\n### Features\\n\\n* sync icons ([#56](https://github.com/gravity-ui/icons/issues/56)) ([3ff3174](https://github.com/gravity-ui/icons/commit/3ff3174bd19b181b507713ea2fa48edb3061af83))\\n\\n## [2.9.1](https://github.com/gravity-ui/icons/compare/v2.9.0...v2.9.1) (2024-02-28)\\n\\n\\n### Bug Fixes\\n\\n* add react to peerDependencies ([#53](https://github.com/gravity-ui/icons/issues/53)) ([0d70b14](https://github.com/gravity-ui/icons/commit/0d70b14be993a0daeef20716953e6fedd17a615a))\\n* update keywords ([#50](https://github.com/gravity-ui/icons/issues/50)) ([5f41df0](https://github.com/gravity-ui/icons/commit/5f41df0b401bcf3bbea03b86cdd37f08bbb51b44))\\n\\n## [2.9.0](https://github.com/gravity-ui/icons/compare/v2.8.1...v2.9.0) (2024-02-27)\\n\\n\\n### Features\\n\\n* sync icons ([#46](https://github.com/gravity-ui/icons/issues/46)) ([62bbfda](https://github.com/gravity-ui/icons/commit/62bbfdaad570995bb719f310f60d347661ba102d))\\n\\n## [2.8.1](https://github.com/gravity-ui/icons/compare/v2.8.0...v2.8.1) (2023-11-03)\\n\\n\\n### Bug Fixes\\n\\n* remove type:module from package.json ([#44](https://github.com/gravity-ui/icons/issues/44)) ([8030bcc](https://github.com/gravity-ui/icons/commit/8030bccc8f35254eaa2cf9abf4a7c578a8a0aeec))\\n\\n## [2.8.0](https://github.com/gravity-ui/icons/compare/v2.7.0...v2.8.0) (2023-11-03)\\n\\n\\n### Features\\n\\n* sync icons ([#42](https://github.com/gravity-ui/icons/issues/42)) ([ed88322](https://github.com/gravity-ui/icons/commit/ed88322b3338472afc3ea27fe13e5cc68a6d0c6b))\\n\\n## [2.7.0](https://github.com/gravity-ui/icons/compare/v2.6.0...v2.7.0) (2023-10-31)\\n\\n\\n### Features\\n\\n* support aliases for renamed icons ([#35](https://github.com/gravity-ui/icons/issues/35)) ([78bf5e5](https://github.com/gravity-ui/icons/commit/78bf5e57d3bbb466a2b85771f539aedcb15f07d0))\\n* sync icons ([#34](https://github.com/gravity-ui/icons/issues/34)) ([76ec30b](https://github.com/gravity-ui/icons/commit/76ec30b01de1906b2a1acd6f47c1be07e92ec6d6))\\n* sync icons ([#38](https://github.com/gravity-ui/icons/issues/38)) ([17fd6e1](https://github.com/gravity-ui/icons/commit/17fd6e180b49f8a1f1becb6967f1c2794d636a46))\\n\\n\\n### Bug Fixes\\n\\n* throw on duplicates ([#37](https://github.com/gravity-ui/icons/issues/37)) ([1245bf5](https://github.com/gravity-ui/icons/commit/1245bf5ac1dbf4792d226212aa452b94343d8947))\\n\\n## [2.6.0](https://github.com/gravity-ui/icons/compare/v2.5.0...v2.6.0) (2023-09-19)\\n\\n\\n### Features\\n\\n* sync icons ([#32](https://github.com/gravity-ui/icons/issues/32)) ([1f34ff3](https://github.com/gravity-ui/icons/commit/1f34ff31c65feead69c9ad8a8f1f6aba289e1663))\\n\\n## [2.5.0](https://github.com/gravity-ui/icons/compare/v2.4.0...v2.5.0) (2023-08-22)\\n\\n\\n### Features\\n\\n* sync icons ([#29](https://github.com/gravity-ui/icons/issues/29)) ([6f5ff9e](https://github.com/gravity-ui/icons/commit/6f5ff9e677eca98f4c3009bd86a17aa36af94a13))\\n\\n## [2.4.0](https://github.com/gravity-ui/icons/compare/v2.3.0...v2.4.0) (2023-07-18)\\n\\n\\n### Features\\n\\n* sync icons ([#27](https://github.com/gravity-ui/icons/issues/27)) ([bb2c33c](https://github.com/gravity-ui/icons/commit/bb2c33c416e6cea4e0a2fd55cfcb16b4579e03c2))\\n\\n## [2.3.0](https://github.com/gravity-ui/icons/compare/v2.2.0...v2.3.0) (2023-06-30)\\n\\n\\n### Features\\n\\n* add metadata.json to package ([#25](https://github.com/gravity-ui/icons/issues/25)) ([8bb4bef](https://github.com/gravity-ui/icons/commit/8bb4bef83a67d485f53430314ac3d3eb48498b06))\\n* sync icons ([#24](https://github.com/gravity-ui/icons/issues/24)) ([85076dc](https://github.com/gravity-ui/icons/commit/85076dcf8700709f7c04ea47d49cbb0b696490c1))\\n\\n## [2.2.0](https://github.com/gravity-ui/icons/compare/v2.1.0...v2.2.0) (2023-06-07)\\n\\n\\n### Features\\n\\n* add svg icon default import to copy ([#19](https://github.com/gravity-ui/icons/issues/19)) ([9c07bac](https://github.com/gravity-ui/icons/commit/9c07bac72c00dc55e13d2cb1e5b51bf193706bc7))\\n* sync icons ([#23](https://github.com/gravity-ui/icons/issues/23)) ([cc0d204](https://github.com/gravity-ui/icons/commit/cc0d2049f28f34d38ad97c717e03553986824f8a))\\n\\n\\n### Bug Fixes\\n\\n* svg import on storybook ([#22](https://github.com/gravity-ui/icons/issues/22)) ([d68a966](https://github.com/gravity-ui/icons/commit/d68a966e5c8a2399e4e1ef9e4e8708ddeb91dee8))\\n\\n## [2.1.0](https://github.com/gravity-ui/icons/compare/v2.0.0...v2.1.0) (2023-04-25)\\n\\n\\n### Features\\n\\n* sync icons ([#15](https://github.com/gravity-ui/icons/issues/15)) ([f9bfa40](https://github.com/gravity-ui/icons/commit/f9bfa402829e2e618d89eef576472c55f7e5cf73))\\n\\n\\n### Bug Fixes\\n\\n* do not override red dot color ([#16](https://github.com/gravity-ui/icons/issues/16)) ([2450250](https://github.com/gravity-ui/icons/commit/24502507ea8e3b28b7f319dcea722de4a280274c))\\n* rename aliases back to keywords ([#18](https://github.com/gravity-ui/icons/issues/18)) ([956b059](https://github.com/gravity-ui/icons/commit/956b059bd24adbf4e18b84686ad4d7caef1aa930))\\n\\n## [2.0.0](https://github.com/gravity-ui/icons/compare/v1.1.0...v2.0.0) (2023-04-07)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n#### Renamings\\n\\n* `case` -> `briefcase`\\n* `arrow-right-from-file` -> `file-arrow-right-out`\\n* `arrow-up-to-folder` -> `folder-arrow-up-in`\\n* `fire` -> `flame`\\n* `grip-vertical` -> `grip`\\n* `home` -> `house`\\n* `folder-home` -> `folder-house`\\n* `layers-3-vertical` -> `layers-3-diagonal`\\n* `trash` -> `trash-bin`\\n\\n### Features\\n\\n* sync icons ([#11](https://github.com/gravity-ui/icons/issues/11)) ([ddb38d4](https://github.com/gravity-ui/icons/commit/ddb38d4ae741c443e2e2230c885817d610f61e1c))\\n* sync icons ([#13](https://github.com/gravity-ui/icons/issues/13)) ([754875b](https://github.com/gravity-ui/icons/commit/754875b85dc28e0ed11b3820033022ce7d7d0a88))\\n\\n## [1.1.0](https://github.com/gravity-ui/icons/compare/v1.0.0...v1.1.0) (2023-01-25)\\n\\n\\n### Features\\n\\n* sync icons ([#9](https://github.com/gravity-ui/icons/issues/9)) ([02879c7](https://github.com/gravity-ui/icons/commit/02879c7cfc278cd56ff5269f58aa401b9fae0d08))\\n\\n## 1.0.0 (2022-12-28)\\n\\n\\n### Features\\n\\n* add initial set of icons ([68e5625](https://github.com/gravity-ui/icons/commit/68e5625dbedd4f6a6a5302cc543790b3f93ecde1))\\n* change keywords to aliases ([494af47](https://github.com/gravity-ui/icons/commit/494af47f6dab33b19e2fb34ffde7ceb1bd4aee04))\\n* initial implementation ([0d8063e](https://github.com/gravity-ui/icons/commit/0d8063ee3fb66af291f625b6bdcc132e1f5276bf))\\n* sync icons ([#4](https://github.com/gravity-ui/icons/issues/4)) ([8acbbe2](https://github.com/gravity-ui/icons/commit/8acbbe21fdee0b4dda471fe2c575f6ff4ca45316))\\n* sync icons ([#6](https://github.com/gravity-ui/icons/issues/6)) ([c1d5dda](https://github.com/gravity-ui/icons/commit/c1d5dda330a067165142099060069be78159cb31))\\n* sync icons ([#7](https://github.com/gravity-ui/icons/issues/7)) ([2f45c67](https://github.com/gravity-ui/icons/commit/2f45c6730b818e1e9d0d6163ecd08c9e0d4da976))\\n\\n\\n### Bug Fixes\\n\\n* filter non icon types ([b97df9a](https://github.com/gravity-ui/icons/commit/b97df9ae02df0a131bcd530c15ea6e0e973b318a))\\n* keywords might be empty ([cb6f11d](https://github.com/gravity-ui/icons/commit/cb6f11d4e6b6439c0d19a66fe4e7612d35950232))\\n* sort metadata file ([1fd557f](https://github.com/gravity-ui/icons/commit/1fd557f0922b08c6b247923f0b31a616fe7ce4d4))\\n* throw on empty style ([f2876fc](https://github.com/gravity-ui/icons/commit/f2876fc32fc20914bd060c351513da0e14d0a853))\\n","contributors":[{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":37},{"login":"IsaevAlexandr","avatarUrl":"https://avatars.githubusercontent.com/u/27916444?v=4","url":"https://github.com/IsaevAlexandr","contributions":1},{"login":"pavel-klimov","avatarUrl":"https://avatars.githubusercontent.com/u/42768217?v=4","url":"https://github.com/pavel-klimov","contributions":1},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":1},{"login":"dgaponov","avatarUrl":"https://avatars.githubusercontent.com/u/13693437?v=4","url":"https://github.com/dgaponov","contributions":1},{"login":"Marginy605","avatarUrl":"https://avatars.githubusercontent.com/u/98329176?v=4","url":"https://github.com/Marginy605","contributions":1}],"codeOwners":[]},"illustrations":{"stars":3,"version":"1.0.0","lastUpdate":"26.03.2024","license":"MIT License","issues":1,"readme":"# @gravity-ui/illustrations &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/illustrations)](https://www.npmjs.com/package/@gravity-ui/illustrations) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/illustrations/.github/workflows/ci.yml?label=CI&logo=github)](https://github.com/gravity-ui/illustrations/actions/workflows/ci.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/illustrations/)\\n\\n## Install\\n\\n```shell\\nnpm install --save-dev @gravity-ui/illustrations\\n```\\n\\n## Usage\\n\\n### React\\n\\n#### Preparation\\n\\nDefine `--gil-color-underlay` css-token in your app:\\n\\n```scss\\n--gil-color-underlay: rgba(240, 243, 245, 1);\\n```\\n\\nor use mixins in scss:\\n\\n```scss\\n@import \'@gravity-ui/illustrations/styles/theme.scss\';\\n\\n.g-root {\\n  &_theme_light {\\n    @include g-illustrations-colors-light;\\n  }\\n\\n  &_theme_dark {\\n    @include g-illustrations-colors-dark;\\n  }\\n}\\n```\\n\\n#### Usage\\n\\n```js\\nimport NotFound from \'@gravity-ui/illustrations/NotFound\';\\n```\\n\\nor\\n\\n```js\\nimport {NotFound} from \'@gravity-ui/illustrations\';\\n```\\n\\n### SVG\\n\\n> You might need an appropriate loader for this\\n\\n```js\\nimport notFound from \'@gravity-ui/illustrations/svgs/not-found-light.svg\';\\n```\\n","changelog":"# Changelog\\n\\n## 1.0.0 (2024-03-26)\\n\\n\\n### Features\\n\\n* Initial implementation ([8f4e491](https://github.com/gravity-ui/illustrations/commit/8f4e491b2405aedb6f1771bcdc8dee9909b5303c))\\n","contributors":[{"login":"DaryaLari","avatarUrl":"https://avatars.githubusercontent.com/u/19970912?v=4","url":"https://github.com/DaryaLari","contributions":5}],"codeOwners":[]},"dynamic-forms":{"stars":29,"version":"4.6.0","lastUpdate":"16.07.2024","license":"MIT License","issues":1,"readme":"# @gravity-ui/dynamic-forms &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/dynamic-forms)](https://www.npmjs.com/package/@gravity-ui/dynamic-forms) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/dynamic-forms/.github/workflows/ci.yml?label=CI&logo=github)](https://github.com/gravity-ui/dynamic-forms/actions/workflows/ci.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/dynamic-forms/)\\n\\nThe JSON Schema-based library for rendering forms and form values.\\n\\n## Install\\n\\n```shell\\nnpm install --save-dev @gravity-ui/dynamic-forms\\n```\\n\\n## Usage\\n\\n```jsx\\nimport {DynamicField, Spec, dynamicConfig} from \'@gravity-ui/dynamic-forms\';\\n\\n// To embed in a final-form\\n<DynamicField name={name} spec={spec} config={config} />;\\n\\nimport {DynamicView, dynamicViewConfig} from \'@gravity-ui/dynamic-forms\';\\n\\n// To get an overview of the values\\n<DynamicView value={value} spec={spec} config={dynamicViewConfig} />;\\n```\\n\\n### I18N\\n\\nCertain components include text tokens (words and phrases) that are available in two languages: `en` (the default) and `ru`. To set the language, use the `configure` function:\\n\\n```js\\n// index.js\\n\\nimport {configure, Lang} from \'@gravity-ui/dynamic-forms\';\\n\\nconfigure({lang: Lang.Ru});\\n```\\n\\n## Development\\n\\nTo start the development server with storybook execute the following command:\\n\\n```shell\\nnpm ci\\nnpm run dev\\n```\\n","changelog":"# Changelog\\n\\n## [4.6.0](https://github.com/gravity-ui/dynamic-forms/compare/v4.5.0...v4.6.0) (2024-07-16)\\n\\n\\n### Features\\n\\n* add date picker string type ([#205](https://github.com/gravity-ui/dynamic-forms/issues/205)) ([fa6ce32](https://github.com/gravity-ui/dynamic-forms/commit/fa6ce32711324a1e032b3e58966bac3b7d0942b3))\\n* improve hints ([#209](https://github.com/gravity-ui/dynamic-forms/issues/209)) ([a69acfd](https://github.com/gravity-ui/dynamic-forms/commit/a69acfde70bc5cfb5923ff6d1065a0d18721f218))\\n\\n## [4.5.0](https://github.com/gravity-ui/dynamic-forms/compare/v4.4.0...v4.5.0) (2024-07-01)\\n\\n\\n### Features\\n\\n* add destroyOnUnregister property ([#206](https://github.com/gravity-ui/dynamic-forms/issues/206)) ([d2b7ce6](https://github.com/gravity-ui/dynamic-forms/commit/d2b7ce63c462b50515cb950c468906b81d4369df))\\n\\n## [4.4.0](https://github.com/gravity-ui/dynamic-forms/compare/v4.3.0...v4.4.0) (2024-06-10)\\n\\n\\n### Features\\n\\n* add is equal check for final form ([#203](https://github.com/gravity-ui/dynamic-forms/issues/203)) ([c918c71](https://github.com/gravity-ui/dynamic-forms/commit/c918c71fb9402e2bd842cdf0fc14f8bd3eb0b414))\\n\\n## [4.3.0](https://github.com/gravity-ui/dynamic-forms/compare/v4.2.0...v4.3.0) (2024-04-23)\\n\\n\\n### Features\\n\\n* increase max options for CardOneOf ([#197](https://github.com/gravity-ui/dynamic-forms/issues/197)) ([63ce565](https://github.com/gravity-ui/dynamic-forms/commit/63ce5656633fef6c84a9bdf4bb1b9a4b9fab6a09))\\n\\n## [4.2.0](https://github.com/gravity-ui/dynamic-forms/compare/v4.1.0...v4.2.0) (2024-03-21)\\n\\n\\n### Features\\n\\n* add input props for checkbox input ([#191](https://github.com/gravity-ui/dynamic-forms/issues/191)) ([d59d3a7](https://github.com/gravity-ui/dynamic-forms/commit/d59d3a7918080b6ab802e4a002d6057577351663))\\n\\n\\n### Bug Fixes\\n\\n* fix inline object delimiter styles ([#190](https://github.com/gravity-ui/dynamic-forms/issues/190)) ([32217ea](https://github.com/gravity-ui/dynamic-forms/commit/32217ea10e583d1ec50638ad4c9a08bfa6eca8fd))\\n\\n## [4.1.0](https://github.com/gravity-ui/dynamic-forms/compare/v4.0.1...v4.1.0) (2024-03-14)\\n\\n\\n### Features\\n\\n* **BooleanOneOf:** add new input BooleanOneOf ([#182](https://github.com/gravity-ui/dynamic-forms/issues/182)) ([b859136](https://github.com/gravity-ui/dynamic-forms/commit/b85913687c9198dc655ca5f49126090f9be35e86))\\n* **Delimiter:** add delimiter for object inline ([#181](https://github.com/gravity-ui/dynamic-forms/issues/181)) ([5012d5d](https://github.com/gravity-ui/dynamic-forms/commit/5012d5dc93a2daeaaf7df737ac5707fa35c144b2))\\n\\n## [4.0.1](https://github.com/gravity-ui/dynamic-forms/compare/v4.0.0...v4.0.1) (2024-03-12)\\n\\n\\n### Bug Fixes\\n\\n* add condition that removes validate of hidden fields ([#178](https://github.com/gravity-ui/dynamic-forms/issues/178)) ([bbd98e9](https://github.com/gravity-ui/dynamic-forms/commit/bbd98e9d44bb4b9c32ef28302d99760622d48325))\\n\\n## [4.0.0](https://github.com/gravity-ui/dynamic-forms/compare/v3.7.0...v4.0.0) (2024-02-19)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update packages ([#172](https://github.com/gravity-ui/dynamic-forms/issues/172))\\n\\n### Features\\n\\n* update packages ([#172](https://github.com/gravity-ui/dynamic-forms/issues/172)) ([32a4547](https://github.com/gravity-ui/dynamic-forms/commit/32a4547bbfccbd0c5499db28e29d7c9b4719e1da))\\n\\n## [3.7.0](https://github.com/gravity-ui/dynamic-forms/compare/v3.6.1...v3.7.0) (2024-02-16)\\n\\n\\n### Features\\n\\n* **objectInline:** support inline boolean fields ([#171](https://github.com/gravity-ui/dynamic-forms/issues/171)) ([043761c](https://github.com/gravity-ui/dynamic-forms/commit/043761c0a497967510d267147c2bf0899428bc08))\\n\\n\\n### Bug Fixes\\n\\n* **validation:** impossible to switch the language for validation errors ([#173](https://github.com/gravity-ui/dynamic-forms/issues/173)) ([1f3f81c](https://github.com/gravity-ui/dynamic-forms/commit/1f3f81c657e065c96875d91f69541cf34eaa6948))\\n\\n## [3.6.1](https://github.com/gravity-ui/dynamic-forms/compare/v3.6.0...v3.6.1) (2024-02-13)\\n\\n\\n### Bug Fixes\\n\\n* build command on windows, rimraf version ([#167](https://github.com/gravity-ui/dynamic-forms/issues/167)) ([224fd78](https://github.com/gravity-ui/dynamic-forms/commit/224fd780f0077f045a90b07e42b314cc9178876d))\\n\\n## [3.6.0](https://github.com/gravity-ui/dynamic-forms/compare/v3.5.0...v3.6.0) (2024-02-02)\\n\\n\\n### Features\\n\\n* added accordeon card to config ([#162](https://github.com/gravity-ui/dynamic-forms/issues/162)) ([ab23f6c](https://github.com/gravity-ui/dynamic-forms/commit/ab23f6ca3dd7277fdd2fb59a78c0f958f002bfd4))\\n* **spec:** add generic for InputProps and LayoutProps into Spec ([#164](https://github.com/gravity-ui/dynamic-forms/issues/164)) ([2b2ae90](https://github.com/gravity-ui/dynamic-forms/commit/2b2ae904388f7cc0b6b78eb8d7a7138ef03a6f8a))\\n\\n## [3.5.0](https://github.com/gravity-ui/dynamic-forms/compare/v3.4.1...v3.5.0) (2024-01-25)\\n\\n\\n### Features\\n\\n* added text components instead of spans/divs in dynamic forms ([#158](https://github.com/gravity-ui/dynamic-forms/issues/158)) ([f17b426](https://github.com/gravity-ui/dynamic-forms/commit/f17b4266eda54de092f959ac90d7ff99d5334e8e))\\n\\n\\n### Bug Fixes\\n\\n* fix controller updateStore method ([#161](https://github.com/gravity-ui/dynamic-forms/issues/161)) ([ef5bab2](https://github.com/gravity-ui/dynamic-forms/commit/ef5bab22767700e2846db87c80a6e87ed4320a19))\\n\\n## [3.4.1](https://github.com/gravity-ui/dynamic-forms/compare/v3.4.0...v3.4.1) (2024-01-17)\\n\\n\\n### Bug Fixes\\n\\n* fix mutators logic ([#157](https://github.com/gravity-ui/dynamic-forms/issues/157)) ([701d18f](https://github.com/gravity-ui/dynamic-forms/commit/701d18f4e843c6fb134e92bc0981766093097ced))\\n* one of view ([#154](https://github.com/gravity-ui/dynamic-forms/issues/154)) ([cd31d6f](https://github.com/gravity-ui/dynamic-forms/commit/cd31d6f43065eb57bd8f3f26f64a0102122a8206))\\n\\n## [3.4.0](https://github.com/gravity-ui/dynamic-forms/compare/v3.3.0...v3.4.0) (2023-12-14)\\n\\n\\n### Features\\n\\n* **validators:** add custom error messages property ([#150](https://github.com/gravity-ui/dynamic-forms/issues/150)) ([0130131](https://github.com/gravity-ui/dynamic-forms/commit/01301313642b69b24351c2a0bc26378586de02c3))\\n\\n\\n### Bug Fixes\\n\\n* fix spec mutator key ([#151](https://github.com/gravity-ui/dynamic-forms/issues/151)) ([77c1a47](https://github.com/gravity-ui/dynamic-forms/commit/77c1a475d65a06588a12fca5486c3cf77d67c4ab))\\n* **ObjectValueView:** fixed view value object value ([#148](https://github.com/gravity-ui/dynamic-forms/issues/148)) ([395bf84](https://github.com/gravity-ui/dynamic-forms/commit/395bf84b312d4403ae4e7c0dd42536b6aff70517))\\n\\n## [3.3.0](https://github.com/gravity-ui/dynamic-forms/compare/v3.2.0...v3.3.0) (2023-11-24)\\n\\n\\n### Features\\n\\n* add new controller ([#143](https://github.com/gravity-ui/dynamic-forms/issues/143)) ([944952d](https://github.com/gravity-ui/dynamic-forms/commit/944952d978329922396ab0f712fb76e7eacca99a))\\n\\n\\n### Bug Fixes\\n\\n* fix state updates by mutators ([#141](https://github.com/gravity-ui/dynamic-forms/issues/141)) ([43b9dec](https://github.com/gravity-ui/dynamic-forms/commit/43b9dec5908936a66d3c0a91e25a06ec757deea6))\\n\\n## [3.2.0](https://github.com/gravity-ui/dynamic-forms/compare/v3.1.0...v3.2.0) (2023-11-20)\\n\\n\\n### Features\\n\\n* add dynamic field store mutators, add store value hook ([#139](https://github.com/gravity-ui/dynamic-forms/issues/139)) ([e43c7e3](https://github.com/gravity-ui/dynamic-forms/commit/e43c7e35d94ee0293eda10657df92c5ef70621f9))\\n\\n## [3.1.0](https://github.com/gravity-ui/dynamic-forms/compare/v3.0.1...v3.1.0) (2023-11-14)\\n\\n\\n### Features\\n\\n* add external errors ([#137](https://github.com/gravity-ui/dynamic-forms/issues/137)) ([4c93b37](https://github.com/gravity-ui/dynamic-forms/commit/4c93b37c18db08f0854a8a0660cf192767c7aa37))\\n* add layoutOpen flag for view layouts ([#134](https://github.com/gravity-ui/dynamic-forms/issues/134)) ([51aa5f0](https://github.com/gravity-ui/dynamic-forms/commit/51aa5f0775e9adf3b68c9cd06738d69eca720f0d))\\n* update packages ([#135](https://github.com/gravity-ui/dynamic-forms/issues/135)) ([57586c2](https://github.com/gravity-ui/dynamic-forms/commit/57586c266f87199db8104baad9d9600ab90a7d56))\\n* update password input ([#136](https://github.com/gravity-ui/dynamic-forms/issues/136)) ([faf3e8c](https://github.com/gravity-ui/dynamic-forms/commit/faf3e8c6188ea49f89addff088a2ec789e9c8980))\\n* update view controller value props ([#132](https://github.com/gravity-ui/dynamic-forms/issues/132)) ([84248e5](https://github.com/gravity-ui/dynamic-forms/commit/84248e5c0c415c4640add01e6b6bd681fe6e6533))\\n\\n\\n### Bug Fixes\\n\\n* replace useForm with useFormState ([#138](https://github.com/gravity-ui/dynamic-forms/issues/138)) ([1e19619](https://github.com/gravity-ui/dynamic-forms/commit/1e19619b8931b43fb9df3d59f207fb5153bf4f98))\\n\\n## [3.0.1](https://github.com/gravity-ui/dynamic-forms/compare/v3.0.0...v3.0.1) (2023-11-02)\\n\\n\\n### Bug Fixes\\n\\n* **TransparentArray:** fix styles transparent ([#130](https://github.com/gravity-ui/dynamic-forms/issues/130)) ([ae9bc2e](https://github.com/gravity-ui/dynamic-forms/commit/ae9bc2e879545a617a14afb5f859dcb45f9d11a3))\\n\\n## [3.0.0](https://github.com/gravity-ui/dynamic-forms/compare/v2.8.2...v3.0.0) (2023-10-30)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* remove card config ([#129](https://github.com/gravity-ui/dynamic-forms/issues/129))\\n\\n### Features\\n\\n* remove card config ([#129](https://github.com/gravity-ui/dynamic-forms/issues/129)) ([def7d9d](https://github.com/gravity-ui/dynamic-forms/commit/def7d9d0eacd6937b9dd894e5a0f6058ad788da7))\\n\\n\\n### Bug Fixes\\n\\n* add spec correctness check for view controller ([#127](https://github.com/gravity-ui/dynamic-forms/issues/127)) ([a1f3601](https://github.com/gravity-ui/dynamic-forms/commit/a1f3601dc5c1e19d524c276dd56b637f34a6deb1))\\n\\n## [2.8.2](https://github.com/gravity-ui/dynamic-forms/compare/v2.8.1...v2.8.2) (2023-10-06)\\n\\n\\n### Bug Fixes\\n\\n* **ErrorWrapper:** update error wrapper styles for select and multiselect ([#125](https://github.com/gravity-ui/dynamic-forms/issues/125)) ([8455756](https://github.com/gravity-ui/dynamic-forms/commit/8455756d915e674788f7d5e32f423d3b66e9de64))\\n\\n## [2.8.1](https://github.com/gravity-ui/dynamic-forms/compare/v2.8.0...v2.8.1) (2023-10-05)\\n\\n\\n### Bug Fixes\\n\\n* **ErrorWrapper:** add error styles for text area ([#122](https://github.com/gravity-ui/dynamic-forms/issues/122)) ([0be6633](https://github.com/gravity-ui/dynamic-forms/commit/0be66337352947603f3c054a838138f2ef77e606))\\n\\n## [2.8.0](https://github.com/gravity-ui/dynamic-forms/compare/v2.7.2...v2.8.0) (2023-09-28)\\n\\n\\n### Features\\n\\n* **generateRandomValue:** added the ability to generate a random value ([#117](https://github.com/gravity-ui/dynamic-forms/issues/117)) ([f710ecb](https://github.com/gravity-ui/dynamic-forms/commit/f710ecb5fef1eca9dd85bee92c91c1e354b8f092))\\n* **newPassword:** new view input password ([#119](https://github.com/gravity-ui/dynamic-forms/issues/119)) ([11bc640](https://github.com/gravity-ui/dynamic-forms/commit/11bc6407c3f207df6e6b4a7a68ca8a04dee4315e))\\n* **parseJson:** added the ability to include json parse in the editor ([#120](https://github.com/gravity-ui/dynamic-forms/issues/120)) ([777d17e](https://github.com/gravity-ui/dynamic-forms/commit/777d17ebb3576ea6b1f437089d67ea93fc76d8d7))\\n\\n## [2.7.2](https://github.com/gravity-ui/dynamic-forms/compare/v2.7.1...v2.7.2) (2023-09-18)\\n\\n\\n### Bug Fixes\\n\\n* **helpPopoverRow:** fixed row help popover ([#115](https://github.com/gravity-ui/dynamic-forms/issues/115)) ([4d4aa9a](https://github.com/gravity-ui/dynamic-forms/commit/4d4aa9a69aca17591650a9029cf866f57c26af5f))\\n\\n## [2.7.1](https://github.com/gravity-ui/dynamic-forms/compare/v2.7.0...v2.7.1) (2023-09-14)\\n\\n\\n### Bug Fixes\\n\\n* **stylesTransperantAndArrayBaseView:** fixed styles ([#113](https://github.com/gravity-ui/dynamic-forms/issues/113)) ([a8b76ed](https://github.com/gravity-ui/dynamic-forms/commit/a8b76ed9a84fa150ea280685305203ab3fad38e7))\\n\\n## [2.7.0](https://github.com/gravity-ui/dynamic-forms/compare/v2.6.0...v2.7.0) (2023-09-08)\\n\\n\\n### Features\\n\\n* **hidden:** added a new hidden option ([#110](https://github.com/gravity-ui/dynamic-forms/issues/110)) ([219ca92](https://github.com/gravity-ui/dynamic-forms/commit/219ca923fae50bf688776994e103622190d39679))\\n\\n\\n### Bug Fixes\\n\\n* **transparentStyle:** fixed display of delete buttons for array ([#112](https://github.com/gravity-ui/dynamic-forms/issues/112)) ([5a5a641](https://github.com/gravity-ui/dynamic-forms/commit/5a5a6419efaa05dc3eac76cb0ef7806d428e02e3))\\n\\n## [2.6.0](https://github.com/gravity-ui/dynamic-forms/compare/v2.5.0...v2.6.0) (2023-09-07)\\n\\n\\n### Features\\n\\n* **ObjectBase:** add inline variant ([#104](https://github.com/gravity-ui/dynamic-forms/issues/104)) ([31480c3](https://github.com/gravity-ui/dynamic-forms/commit/31480c3a0b5079dcf4e1e5940d840e69579cc608))\\n* **Select:** added additional params for select ([#109](https://github.com/gravity-ui/dynamic-forms/issues/109)) ([13702de](https://github.com/gravity-ui/dynamic-forms/commit/13702de605d69205c122240d43b0dfb0ae9983cf))\\n\\n\\n### Bug Fixes\\n\\n* **ArrayBase:** remove value preparing logic, on item add call ([#107](https://github.com/gravity-ui/dynamic-forms/issues/107)) ([65283d6](https://github.com/gravity-ui/dynamic-forms/commit/65283d68f55a489945b5014daa2d6c2ac3cf23eb))\\n\\n## [2.5.0](https://github.com/gravity-ui/dynamic-forms/compare/v2.4.0...v2.5.0) (2023-09-01)\\n\\n\\n### Features\\n\\n* **textContent:** refactor textContent ([#98](https://github.com/gravity-ui/dynamic-forms/issues/98)) ([f15ab7d](https://github.com/gravity-ui/dynamic-forms/commit/f15ab7d167e38096aeb5d120c6de60e89541e618))\\n\\n## [2.4.0](https://github.com/gravity-ui/dynamic-forms/compare/v2.3.0...v2.4.0) (2023-08-31)\\n\\n\\n### Features\\n\\n* **OneOfTogglerCard:** added new display toggler card ([#99](https://github.com/gravity-ui/dynamic-forms/issues/99)) ([caa76bc](https://github.com/gravity-ui/dynamic-forms/commit/caa76bc63572af4ce39f613a52435b4a891a37e4))\\n\\n## [2.3.0](https://github.com/gravity-ui/dynamic-forms/compare/v2.2.0...v2.3.0) (2023-08-30)\\n\\n\\n### Features\\n\\n* **Common:** added lower case conversion for addButtonPosition ([#100](https://github.com/gravity-ui/dynamic-forms/issues/100)) ([3c1eb71](https://github.com/gravity-ui/dynamic-forms/commit/3c1eb7130b4717c00fe8e9e43dfc8d8a8928080c))\\n\\n\\n### Bug Fixes\\n\\n* rename deprecated --yc-text-body-font-size css var ([#102](https://github.com/gravity-ui/dynamic-forms/issues/102)) ([f31c5f1](https://github.com/gravity-ui/dynamic-forms/commit/f31c5f17c0cd8746bbc8a522850d42331d382843))\\n\\n## [2.2.0](https://github.com/gravity-ui/dynamic-forms/compare/v2.1.1...v2.2.0) (2023-08-29)\\n\\n\\n### Features\\n\\n* ignore minimum check when a number field is empty ([#95](https://github.com/gravity-ui/dynamic-forms/issues/95)) ([1126189](https://github.com/gravity-ui/dynamic-forms/commit/1126189a7735c632dee17885bfc9df24c8821748))\\n* **NewSettingForArray:** added new settings to the array ([#83](https://github.com/gravity-ui/dynamic-forms/issues/83)) ([de1c422](https://github.com/gravity-ui/dynamic-forms/commit/de1c422cd8973dc6ac52b4f6cde85132aba898cf))\\n\\n## [2.1.1](https://github.com/gravity-ui/dynamic-forms/compare/v2.1.0...v2.1.1) (2023-08-25)\\n\\n\\n### Bug Fixes\\n\\n* convert empty string value to undefined for Number Field ([#90](https://github.com/gravity-ui/dynamic-forms/issues/90)) ([0724cac](https://github.com/gravity-ui/dynamic-forms/commit/0724caca315d81c8fdb047351b3bb56356f241ea))\\n\\n## [2.1.0](https://github.com/gravity-ui/dynamic-forms/compare/v2.0.0...v2.1.0) (2023-08-14)\\n\\n\\n### Features\\n\\n* **MultiOneOf:** added new input multi one of ([#77](https://github.com/gravity-ui/dynamic-forms/issues/77)) ([e1bbbec](https://github.com/gravity-ui/dynamic-forms/commit/e1bbbec2123615c0412026e77c93a69d7c0ca5cb))\\n\\n\\n### Bug Fixes\\n\\n* **FileInput:** change hiding approach of input ([#78](https://github.com/gravity-ui/dynamic-forms/issues/78)) ([9690d15](https://github.com/gravity-ui/dynamic-forms/commit/9690d158ca69018588ab81429e6f96e3f9d2f7b3))\\n* fixed array type for default values ([#72](https://github.com/gravity-ui/dynamic-forms/issues/72)) ([c298dc2](https://github.com/gravity-ui/dynamic-forms/commit/c298dc23845059c311aed8d49f68c8ed281695c9))\\n* long headers values ([#76](https://github.com/gravity-ui/dynamic-forms/issues/76)) ([37f3c6e](https://github.com/gravity-ui/dynamic-forms/commit/37f3c6e869da20e7d1a519c343e4ee0717eb7e90))\\n\\n## [2.0.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.10.0...v2.0.0) (2023-07-31)\\n\\n\\n### chore\\n\\n* release 2.0.0 ([5ac84e2](https://github.com/gravity-ui/dynamic-forms/commit/5ac84e2ef09b08298e3169fb5b5a42899aaf584a))\\n\\n\\n### Bug Fixes\\n\\n* release 2.0.0 trigger ([482a8c7](https://github.com/gravity-ui/dynamic-forms/commit/482a8c7e0753053e21626ae35067102a08ea5992))\\n\\n## [1.10.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.9.2...v1.10.0) (2023-07-19)\\n\\n\\n### Features\\n\\n* udpate uikit ([#69](https://github.com/gravity-ui/dynamic-forms/issues/69)) ([ffbee3b](https://github.com/gravity-ui/dynamic-forms/commit/ffbee3bc529ca0ea1a5e6aa8958366ba10219034))\\n\\n\\n### Bug Fixes\\n\\n* add child errors cleaning on call onDrop ([#64](https://github.com/gravity-ui/dynamic-forms/issues/64)) ([adbe4d8](https://github.com/gravity-ui/dynamic-forms/commit/adbe4d814d051d636a541bf3f5380f045c2576d4))\\n\\n## [1.9.2](https://github.com/gravity-ui/dynamic-forms/compare/v1.9.1...v1.9.2) (2023-06-13)\\n\\n\\n### Bug Fixes\\n\\n* fix oneof and view layouts styles ([#62](https://github.com/gravity-ui/dynamic-forms/issues/62)) ([06794e2](https://github.com/gravity-ui/dynamic-forms/commit/06794e2a1891d9f630cb7a7820890f49f0bfcba1))\\n\\n## [1.9.1](https://github.com/gravity-ui/dynamic-forms/compare/v1.9.0...v1.9.1) (2023-06-07)\\n\\n\\n### Bug Fixes\\n\\n* fixed styles for transperant and toggler oneof ([#60](https://github.com/gravity-ui/dynamic-forms/issues/60)) ([64ca12a](https://github.com/gravity-ui/dynamic-forms/commit/64ca12ad87ffd50fdda24901cd8f2e70e8c03868))\\n\\n## [1.9.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.8.1...v1.9.0) (2023-06-07)\\n\\n\\n### Features\\n\\n* add ability to disable final-form insertion delay ([#56](https://github.com/gravity-ui/dynamic-forms/issues/56)) ([4df2b00](https://github.com/gravity-ui/dynamic-forms/commit/4df2b00c5b07bdacbbd399acdb5cf01af5521dbc))\\n* add copy button for view layouts ([#59](https://github.com/gravity-ui/dynamic-forms/issues/59)) ([c31fcbf](https://github.com/gravity-ui/dynamic-forms/commit/c31fcbfe0da0ba369cd16595b2cb9190ac4498f0))\\n* add store and entity unmount callbacks ([#55](https://github.com/gravity-ui/dynamic-forms/issues/55)) ([8f7c4c6](https://github.com/gravity-ui/dynamic-forms/commit/8f7c4c6a624941e10c624dc3098e4e601639d25e))\\n\\n## [1.8.1](https://github.com/gravity-ui/dynamic-forms/compare/v1.8.0...v1.8.1) (2023-05-30)\\n\\n\\n### Bug Fixes\\n\\n* fixed deleting numbers from arrays ([#50](https://github.com/gravity-ui/dynamic-forms/issues/50)) ([76fba69](https://github.com/gravity-ui/dynamic-forms/commit/76fba69c47e016fb806d5d2d06fa367f4672c524))\\n\\n## [1.8.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.7.1...v1.8.0) (2023-05-25)\\n\\n\\n### Features\\n\\n* **Switch:** added new input switch ([#48](https://github.com/gravity-ui/dynamic-forms/issues/48)) ([47e2f51](https://github.com/gravity-ui/dynamic-forms/commit/47e2f51dcda0579b00f6fadc3008d2e78a2f47e7))\\n\\n## [1.7.1](https://github.com/gravity-ui/dynamic-forms/compare/v1.7.0...v1.7.1) (2023-05-22)\\n\\n\\n### Bug Fixes\\n\\n* **OneOf:** fixed styles in inputs and view ([#46](https://github.com/gravity-ui/dynamic-forms/issues/46)) ([e7a824d](https://github.com/gravity-ui/dynamic-forms/commit/e7a824d4fec537ebef10f96049279bfc7a759f3b))\\n\\n## [1.7.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.6.2...v1.7.0) (2023-05-22)\\n\\n\\n### Features\\n\\n* add flat oneof input, add oneof params to object spec ([#44](https://github.com/gravity-ui/dynamic-forms/issues/44)) ([25e9a35](https://github.com/gravity-ui/dynamic-forms/commit/25e9a3588b359cc251e5fdc19a1b51c5a614abb8))\\n\\n\\n### Bug Fixes\\n\\n* initial value ([#39](https://github.com/gravity-ui/dynamic-forms/issues/39)) ([ce52d65](https://github.com/gravity-ui/dynamic-forms/commit/ce52d6531b8dbabd3462dfd430b947b99e00b433))\\n\\n\\n### Performance Improvements\\n\\n* remove strict mode wrapper and react version check ([#43](https://github.com/gravity-ui/dynamic-forms/issues/43)) ([ec823bf](https://github.com/gravity-ui/dynamic-forms/commit/ec823bf56d4bec192649b8cd2c3da16def094bfb))\\n\\n## [1.6.2](https://github.com/gravity-ui/dynamic-forms/compare/v1.6.1...v1.6.2) (2023-05-16)\\n\\n\\n### Bug Fixes\\n\\n* add css rule for errors ([#41](https://github.com/gravity-ui/dynamic-forms/issues/41)) ([a6661bc](https://github.com/gravity-ui/dynamic-forms/commit/a6661bcd3a86a29ec3b457bccbf6d8f46aaf0408))\\n* add number value transform ([#40](https://github.com/gravity-ui/dynamic-forms/issues/40)) ([d422d90](https://github.com/gravity-ui/dynamic-forms/commit/d422d901e675c6f7014a07f9bfae972fcd555b76))\\n\\n## [1.6.1](https://github.com/gravity-ui/dynamic-forms/compare/v1.6.0...v1.6.1) (2023-05-02)\\n\\n\\n### Bug Fixes\\n\\n* object inputs layout child ([#37](https://github.com/gravity-ui/dynamic-forms/issues/37)) ([821398e](https://github.com/gravity-ui/dynamic-forms/commit/821398eee3b19b590f6177896fc038ecd9bdd0df))\\n\\n## [1.6.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.5.0...v1.6.0) (2023-04-28)\\n\\n\\n### Features\\n\\n* adapt useStore and useField with 18 react ([#31](https://github.com/gravity-ui/dynamic-forms/issues/31)) ([d64ae4a](https://github.com/gravity-ui/dynamic-forms/commit/d64ae4a1b3f9f2e8b02288c1088679b5c848f738))\\n\\n\\n### Bug Fixes\\n\\n* fixed display for accordeon layoutDescription ([#34](https://github.com/gravity-ui/dynamic-forms/issues/34)) ([fa58210](https://github.com/gravity-ui/dynamic-forms/commit/fa58210239df31911f3865262a4d33bd653e1b01))\\n* fixed display for one of ([#33](https://github.com/gravity-ui/dynamic-forms/issues/33)) ([823c8fc](https://github.com/gravity-ui/dynamic-forms/commit/823c8fceddcb9a7e0cf021c1b122470cf58db4df))\\n\\n## [1.5.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.4.1...v1.5.0) (2023-04-18)\\n\\n\\n### Features\\n\\n* **ObjectValue:** added new input object value ([#28](https://github.com/gravity-ui/dynamic-forms/issues/28)) ([67214a1](https://github.com/gravity-ui/dynamic-forms/commit/67214a13f5ed67dd46071caf0d0ad0bee1a4d071))\\n\\n## [1.4.1](https://github.com/gravity-ui/dynamic-forms/compare/v1.4.0...v1.4.1) (2023-04-13)\\n\\n\\n### Bug Fixes\\n\\n* **GroupIndent:** fixed styles ([#26](https://github.com/gravity-ui/dynamic-forms/issues/26)) ([ca3e845](https://github.com/gravity-ui/dynamic-forms/commit/ca3e845169c8f68036744fba13de79879421a806))\\n\\n## [1.4.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.3.0...v1.4.0) (2023-04-11)\\n\\n\\n### Features\\n\\n* **FileInput:** added new input file input ([#24](https://github.com/gravity-ui/dynamic-forms/issues/24)) ([1553318](https://github.com/gravity-ui/dynamic-forms/commit/155331839e50ab4192b69ba32992e37b972378c4))\\n\\n## [1.3.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.2.0...v1.3.0) (2023-03-31)\\n\\n\\n### Features\\n\\n* update row note position ([#20](https://github.com/gravity-ui/dynamic-forms/issues/20)) ([4f15395](https://github.com/gravity-ui/dynamic-forms/commit/4f153959596d3325ddeb2c2e9b24382e36d2db75))\\n\\n\\n### Bug Fixes\\n\\n* add fixes + tests ([#15](https://github.com/gravity-ui/dynamic-forms/issues/15)) ([80113dd](https://github.com/gravity-ui/dynamic-forms/commit/80113dd05737b18158865506ed3ac8479d69e8d0))\\n* **search:** fixed bug related to form blinking ([#21](https://github.com/gravity-ui/dynamic-forms/issues/21)) ([20bab2f](https://github.com/gravity-ui/dynamic-forms/commit/20bab2f628d698714bcee35993583f2c7712e843))\\n* **textArea:** fixed row for text area ([#22](https://github.com/gravity-ui/dynamic-forms/issues/22)) ([d5469e7](https://github.com/gravity-ui/dynamic-forms/commit/d5469e7dd0eee86b26e8daba94e93d2fa9465b96))\\n\\n## [1.2.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.1.1...v1.2.0) (2023-03-23)\\n\\n\\n### Features\\n\\n* search ([#10](https://github.com/gravity-ui/dynamic-forms/issues/10)) ([4ed7d5c](https://github.com/gravity-ui/dynamic-forms/commit/4ed7d5c85dbb890f4c8148d4de43a626917cec0f))\\n\\n## [1.1.1](https://github.com/gravity-ui/dynamic-forms/compare/v1.1.0...v1.1.1) (2023-03-21)\\n\\n\\n### Bug Fixes\\n\\n* fix incorrect unmount ([#12](https://github.com/gravity-ui/dynamic-forms/issues/12)) ([592652b](https://github.com/gravity-ui/dynamic-forms/commit/592652b2814567b2188ec43779eb591b7dec6ade))\\n\\n## [1.1.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.0.2...v1.1.0) (2023-03-19)\\n\\n\\n### Features\\n\\n* add `row_verbose` layout ([#7](https://github.com/gravity-ui/dynamic-forms/issues/7)) ([a3030e1](https://github.com/gravity-ui/dynamic-forms/commit/a3030e105708c41211339d8ddd0b21e0b16cebfa))\\n\\n\\n### Bug Fixes\\n\\n* fix store errors ([#11](https://github.com/gravity-ui/dynamic-forms/issues/11)) ([3ed0d8e](https://github.com/gravity-ui/dynamic-forms/commit/3ed0d8e7cb4faefad351c5551b48461e7f6fd529))\\n\\n## [1.0.2](https://github.com/gravity-ui/dynamic-forms/compare/v1.0.1...v1.0.2) (2023-03-15)\\n\\n\\n### Bug Fixes\\n\\n* updated package.json ([#5](https://github.com/gravity-ui/dynamic-forms/issues/5)) ([233053d](https://github.com/gravity-ui/dynamic-forms/commit/233053dbdef63a2416f3abd442dcda9cdd0ff3de))\\n\\n## [1.0.1](https://github.com/gravity-ui/dynamic-forms/compare/v1.0.0...v1.0.1) (2023-03-14)\\n\\n\\n### Bug Fixes\\n\\n* added prepublishOnly ([#3](https://github.com/gravity-ui/dynamic-forms/issues/3)) ([0ed29ca](https://github.com/gravity-ui/dynamic-forms/commit/0ed29ca7eb2d5cb4350f1f191b30c7d1bbed6ed8))\\n\\n## 1.0.0 (2023-03-14)\\n\\n\\n### Features\\n\\n* code migration ([#1](https://github.com/gravity-ui/dynamic-forms/issues/1)) ([41d30e4](https://github.com/gravity-ui/dynamic-forms/commit/41d30e4d1d43ffc0555fe2b671d638a520c317b7))\\n","contributors":[{"login":"bocembocem","avatarUrl":"https://avatars.githubusercontent.com/u/58661343?v=4","url":"https://github.com/bocembocem","contributions":55},{"login":"NasgulNexus","avatarUrl":"https://avatars.githubusercontent.com/u/23384737?v=4","url":"https://github.com/NasgulNexus","contributions":48},{"login":"hozblok","avatarUrl":"https://avatars.githubusercontent.com/u/17067394?v=4","url":"https://github.com/hozblok","contributions":2},{"login":"LehaRybkoha","avatarUrl":"https://avatars.githubusercontent.com/u/42549523?v=4","url":"https://github.com/LehaRybkoha","contributions":2},{"login":"pavel-klimov","avatarUrl":"https://avatars.githubusercontent.com/u/42768217?v=4","url":"https://github.com/pavel-klimov","contributions":2},{"login":"vvasin","avatarUrl":"https://avatars.githubusercontent.com/u/29572062?v=4","url":"https://github.com/vvasin","contributions":2},{"login":"wd055","avatarUrl":"https://avatars.githubusercontent.com/u/35567000?v=4","url":"https://github.com/wd055","contributions":1},{"login":"saxumcordis","avatarUrl":"https://avatars.githubusercontent.com/u/42944548?v=4","url":"https://github.com/saxumcordis","contributions":1},{"login":"dgaponov","avatarUrl":"https://avatars.githubusercontent.com/u/13693437?v=4","url":"https://github.com/dgaponov","contributions":1},{"login":"bityutskiyAO","avatarUrl":"https://avatars.githubusercontent.com/u/38612782?v=4","url":"https://github.com/bityutskiyAO","contributions":1},{"login":"gorgeousvlad","avatarUrl":"https://avatars.githubusercontent.com/u/20395936?v=4","url":"https://github.com/gorgeousvlad","contributions":1},{"login":"VitaliiDC8","avatarUrl":"https://avatars.githubusercontent.com/u/127111625?v=4","url":"https://github.com/VitaliiDC8","contributions":1},{"login":"js2me","avatarUrl":"https://avatars.githubusercontent.com/u/16340911?v=4","url":"https://github.com/js2me","contributions":1},{"login":"DC-RomanKarpov","avatarUrl":"https://avatars.githubusercontent.com/u/124568536?v=4","url":"https://github.com/DC-RomanKarpov","contributions":1},{"login":"bratva","avatarUrl":"https://avatars.githubusercontent.com/u/1937870?v=4","url":"https://github.com/bratva","contributions":1},{"login":"diadorer","avatarUrl":"https://avatars.githubusercontent.com/u/33423367?v=4","url":"https://github.com/diadorer","contributions":1},{"login":"DakEnviy","avatarUrl":"https://avatars.githubusercontent.com/u/6522772?v=4","url":"https://github.com/DakEnviy","contributions":1},{"login":"KirillDyachkovskiy","avatarUrl":"https://avatars.githubusercontent.com/u/81510334?v=4","url":"https://github.com/KirillDyachkovskiy","contributions":1},{"login":"chelentos","avatarUrl":"https://avatars.githubusercontent.com/u/21958075?v=4","url":"https://github.com/chelentos","contributions":1},{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":1}],"codeOwners":[{"pattern":"*","owners":["bocembocem","NasgulNexus"]}]},"page-constructor":{"stars":32,"version":"5.16.1","lastUpdate":"04.07.2024","license":"MIT License","issues":32,"readme":"# @gravity-ui/page-constructor &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/page-constructor)](https://www.npmjs.com/package/@gravity-ui/page-constructor) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/page-constructor/ci.yml?branch=main&label=CI)](https://github.com/gravity-ui/page-constructor/actions/workflows/ci.yml?query=branch:main) [![Release](https://img.shields.io/github/actions/workflow/status/gravity-ui/page-constructor/release.yml?branch=main&label=Release)](https://github.com/gravity-ui/page-constructor/actions/workflows/release.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/page-constructor/)\\n\\n## Page constructor\\n\\n`Page-constructor` is a library for rendering web pages or their parts based on `JSON` data (support for `YAML` format is to be added later).\\n\\nWhen creating pages, component-based approach is used: a page is built using a set of ready-made blocks that can be placed in any order. Each block has a certain type and set of input data parameters.\\n\\nFor the format of input data and list of available blocks, see the [documentation](https://preview.gravity-ui.com/page-constructor/?path=/docs/documentation-blocks--docs).\\n\\n## Install\\n\\n```shell\\nnpm install @gravity-ui/page-constructor\\n```\\n\\n## Required dependencies\\n\\nPlease note that to start using the package, your project must also have the following installed: `@diplodoc/transform`, `@gravity-ui/uikit`, `react`. Check out the `peerDependencies` section of `package.json` for accurate information.\\n\\n### Getting started\\n\\nThe page constructor is imported as a React component. To make sure it runs properly, wrap it in `PageConstructorProvider`:\\n\\n```jsx\\nimport {PageConstructor, PageConstructorProvider} from \'@gravity-ui/page-constructor\';\\n\\nconst Page: React.PropsWithChildren<PageProps> = ({content}) => (\\n  <PageConstructorProvider>\\n    <PageConstructor content={content} />\\n  </PageConstructorProvider>\\n);\\n```\\n\\n### Parameters\\n\\n```typescript\\ninterface PageConstructorProps {\\n  content: PageContent; //Blocks data in JSON format.\\n  shouldRenderBlock?: ShouldRenderBlock; // A function that is invoked when rendering each block and  lets you set conditions for its display.\\n  custom?: Custom; //Custom blocks (see `Customization`).\\n  renderMenu?: () => React.ReactNode; //A function that renders the page menu with navigation (we plan to add rendering for the default menu version).\\n  navigation?: NavigationData; // Navigation data for using navigation component in JSON format\\n}\\n\\ninterface PageConstructorProviderProps {\\n  isMobile?: boolean; //A flag indicating that the code is executed in mobile mode.\\n  locale?: LocaleContextProps; //Info about the language and domain (used when generating and formatting links).\\n  location?: Location; //API of the browser or router history, the page URL.\\n  analytics?: AnalyticsContextProps; // function to handle analytics event\\n\\n  ssrConfig?: SSR; //A flag indicating that the code is run on the server size.\\n  theme?: \'light\' | \'dark\'; //Theme to render the page with.\\n  mapsContext?: MapsContextType; //Params for map: apikey, type, scriptSrc, nonce\\n}\\n\\nexport interface PageContent extends Animatable {\\n  blocks: Block[];\\n  menu?: Menu;\\n  background?: MediaProps;\\n}\\n\\ninterface Custom {\\n  blocks?: CustomItems;\\n  subBlocks?: CustomItems;\\n  headers?: CustomItems;\\n  loadable?: LoadableConfig;\\n}\\n\\ntype ShouldRenderBlock = (block: Block, blockKey: string) => Boolean;\\n\\ninterface Location {\\n  history?: History;\\n  search?: string;\\n  hash?: string;\\n  pathname?: string;\\n  hostname?: string;\\n}\\n\\ninterface Locale {\\n  lang?: Lang;\\n  tld?: string;\\n}\\n\\ninterface SSR {\\n  isServer?: boolean;\\n}\\n\\ninterface NavigationData {\\n  logo: NavigationLogo;\\n  header: HeaderData;\\n}\\n\\ninterface NavigationLogo {\\n  icon: ImageProps;\\n  text?: string;\\n  url?: string;\\n}\\n\\ninterface HeaderData {\\n  leftItems: NavigationItem[];\\n  rightItems?: NavigationItem[];\\n}\\n\\ninterface NavigationLogo {\\n  icon: ImageProps;\\n  text?: string;\\n  url?: string;\\n}\\n```\\n\\n### Custom blocks\\n\\nThe page constructor lets you use blocks that are user-defined in their app. Blocks are regular React components.\\n\\nTo pass custom blocks to the constructor:\\n\\n1. Create a block in your app.\\n\\n2. In your code, create an object with the block type (string) as a key and an imported block component as a value.\\n\\n3. Pass the object you created to the `custom.blocks`, `custom.headers` or `custom.subBlocks` parameter of the `PageConstructor` component (`custom.headers` specifies the block headers to be rendered separately above general content).\\n\\n4. Now you can use the created block in input data (the `content` parameter) by specifying its type and data.\\n\\nTo use mixins and constructor style variables when creating custom blocks, add import in your file:\\n\\n```css\\n@import \'~@gravity-ui/page-constructor/styles/styles.scss\';\\n```\\n\\n### Loadable blocks\\n\\nIt\'s sometimes necessary that a block renders itself based on data to be loaded. In this case, loadable blocks are used.\\n\\nTo add custom `loadable` blocks, pass to the `PageConstructor` the `custom.loadable` property with data source names (string) for the component as a key and an object as a value.\\n\\n```typescript\\nexport interface LoadableConfigItem {\\n  fetch: FetchLoadableData; // data loading method\\n  component: React.ComponentType; //blog to pass loaded data\\n}\\n\\ntype FetchLoadableData<TData = any> = (blockKey: string) => Promise<TData>;\\n```\\n\\n### Grid\\n\\nThe page constructor uses the `bootstrap` grid and its implementation based on React components that you can use in your own project (including separately from the constructor).\\n\\nUsage example:\\n\\n```jsx\\nimport {Grid, Row, Col} from \'@gravity-ui/page-constructor\';\\n\\nconst Page: React.FC<PageProps> = ({children}) => (\\n  <Grid>\\n    <Row>\\n      <Col sizes={{lg: 4, sm: 6, all: 12}}>{children}</Col>\\n    </Row>\\n  </Grid>\\n);\\n```\\n\\n### Navigation\\n\\nPage navigation can also be used separately from the constructor:\\n\\n```jsx\\nimport {Navigation} from \'@gravity-ui/page-constructor\';\\n\\nconst Page: React.FC<PageProps> = ({data, logo}) => <Navigation data={data} logo={logo} />;\\n```\\n\\n### Blocks\\n\\nEach block is an atomic top-level component. They\'re stored in the `src/units/constructor/blocks` directory.\\n\\n### Sub-blocks\\n\\nSub-blocks are components that can be used in the block `children` property. In a config, a list of child components from sub-blocks is specified. Once rendered, these sub-blocks are passed to the block as `children`.\\n\\n### How to add a new block to the `page-constructor`\\n\\n1. In the `src/blocks` or `src/sub-blocks` directory, create a folder with the block or sub-block code.\\n\\n2. Add the block or sub-block name to enum `BlockType` or`SubBlockType` and describe its properties in the `src/models/constructor-items/blocks.ts` or `src/models/constructor-items/sub-blocks.ts` file in a similar way to the existing ones.\\n\\n3. Add export for the block in the `src/blocks/index.ts` file and for the sub-block in the `src/sub-blocks/index.ts` file.\\n\\n4. Add a new component or block to mapping in `src/constructor-items.ts`.\\n\\n5. Add a validator for the new block:\\n\\n   - Add a `schema.ts` file to the block or sub-block directory. In this file, describe a parameter validator for the component in [`json-schema`](http://json-schema.org/) format.\\n   - Export it in the `schema/validators/blocks.ts` or `schema/validators/sub-blocks.ts` file.\\n   - Add it to `enum` or `selectCases` in the `schema/index.ts` file.\\n\\n6. In the block directory, add the `README.md` file with a description of input parameters.\\n7. In the block directory add storybook demo in `__stories__` folder. All demo content for story should be placed in `data.json` at story dir. The generic `Story` must accept the type of block props, otherwise incorrect block props will be displayed in Storybook.\\n8. Add block data template to `src/editor/data/templates/` folder, file name should match block type\\n9. (optional) Add block preview icon to `src/editor/data/previews/` folder, file name should match block type\\n\\n### Themes\\n\\nThe `PageConstructor` lets you use themes: you can set different values for individual block properties depending on the theme selected in the app.\\n\\nTo add a theme to a block property:\\n\\n1. In the `models/blocks.ts` file, define the type of the respective block property using the `ThemeSupporting<T>` generic, where `T` is the type of the property.\\n\\n2. In the file with the block\'s `react` component, get the value of the property with the theme via `getThemedValue` and `useTheme` hook (see examples in the `MediaBlock.tsx` block).\\n\\n3. Add theme support to the property validator: in the block\'s `schema.ts` file, wrap this property in `withTheme`.\\n\\n### i18n\\n\\nThe `page-constructor` is a `uikit-based` library, and we use an instance of `i18n` from uikit. To set up internationalization, you just need to use the `configure` from uikit:\\n\\n```typescript\\nimport {configure} from \'@gravity-ui/uikit\';\\n\\nconfigure({\\n  lang: \'ru\',\\n});\\n```\\n\\n### Maps\\n\\nTo use maps, put the map type, scriptSrc and apiKey in field `mapContext` in `PageConstructorProvider`.\\n\\nYou can define environment variables for dev-mode in .env.development file within project root.\\n`STORYBOOK_GMAP_API_KEY` - apiKey for google maps\\n\\n### Analytics\\n\\n#### Init\\n\\nTo start using any analytics, pass a handler to the constructor. The handler must be created on a project side. The handler will receive the `default` and `custom` event objects. The passed handler will be fired on a button, link, navigation, and control clicks. As one handler is used for all events treatment, pay attention to how to treat different events while creating the handler. There are predefined fields that serve to help you to build complex logic.\\n\\nPass `autoEvents: true` to constructor to fire automatically configured events.\\n\\n```ts\\nfunction sendEvents(events: MyEventType []) {\\n  ...\\n}\\n\\n<PageConstructorProvider\\n    ...\\n\\n    analytics={{sendEvents, autoEvents: true}}\\n\\n    ...\\n/>\\n```\\n\\nAn event object has only one required field - `name`. It also has predefined fields, which serve to help manage complex logic. For example, `counter.include` can help to send event in a particular counter if several analytics systems are used in a project.\\n\\n```ts\\ntype AnalyticsEvent<T = {}> = T & {\\n  name: string;\\n  type?: string;\\n  counters?: AnalyticsCounters;\\n  context?: string;\\n};\\n```\\n\\nIt is possible to configure an event type needed for a project.\\n\\n```ts\\ntype MyEventType = AnalyticsEvent<{\\n  [key: string]?: string; // only a \'string\' type is supported\\n}>;\\n```\\n\\n#### Counter selector\\n\\nIt is possible to configure an event to which an analytics system to sent.\\n\\n```ts\\ntype AnalyticsCounters = {\\n  include?: string[]; // array of analytics counter ids that will be applied\\n  exclude?: string[]; // array of analytics counter ids that will not be applied\\n};\\n```\\n\\n#### context parameter\\n\\nPass `context` value to define place in a project where an event is fired.\\n\\nUse selector below or create logic that serves project needs.\\n\\n```ts\\n// analyticsHandler.ts\\nif (isCounterAllowed(counterName, counters)) {\\n  analyticsCounter.reachGoal(counterName, name, parameters);\\n}\\n```\\n\\n#### Reserved event types\\n\\nSeveral predefined event types are used to mark automatically configured events. Use the types to filter default events, for example.\\n\\n```ts\\nenum PredefinedEventTypes {\\n  Default = \'default-event\', // default events which fire on every button click\\n  Play = \'play\', // React player event\\n  Stop = \'stop\', // React player event\\n}\\n```\\n\\n## Development\\n\\n```bash\\nnpm ci\\nnpm run dev\\n```\\n\\n## Release flow\\n\\nIn usual cases we use two types of commits:\\n\\n1. fix: a commit of the type fix patches a bug in your codebase (this correlates with PATCH in Semantic Versioning).\\n2. feat: a commit of the type feat introduces a new feature to the codebase (this correlates with MINOR in Semantic Versioning).\\n3. BREAKING CHANGE: a commit that has a footer BREAKING CHANGE:, or appends a ! after the type/scope, introduces a breaking API change (correlating with MAJOR in Semantic Versioning). A BREAKING CHANGE can be part of commits of any type.\\n4. To set release package version manually you need to add `Release-As: <version>` to your commit message e.g.\\n\\n```bash\\ngit commit -m \'chore: bump release\\n\\nRelease-As: 1.2.3\'\\n```\\n\\nYou can see all information [here](https://www.conventionalcommits.org/en/v1.0.0/).\\n\\nWhen you receive the approval of your pull-request from the code owners and pass all the checks, please do the following:\\n\\n1. You should check if there is a release pull-request from robot with changes from another contributor (it looks like `chore(main): release 0.0.0`). If it exists, you should check why it is not merged. If the contributor agrees to release a shared version, follow the next step. If not, ask him to release his version, then follow the next step.\\n2. Squash and merge your PR (It is important to release a new version with Github-Actions)\\n3. Wait until robot creates a PR with a new version of the package and information about your changes in CHANGELOG.md. You can see the process on [the Actions tab](https://github.com/gravity-ui/page-constructor/actions).\\n4. Check your changes in CHANGELOG.md and approve robot\'s PR.\\n5. Squash and merge PR. You can see release process on [the Actions tab](https://github.com/gravity-ui/page-constructor/actions).\\n\\n### Alpha versions release\\n\\nIf you want to release alpha version of the package from your branch you can do it manually:\\n\\n1. Go to tab Actions\\n2. Select workflow \\"Release alpha version\\" on the left page\'s side\\n3. You can see on the right side the button \\"Run workflow\\". Here you can choose the branch.\\n4. You can also see field with manually version. If you release alpha in your branch for the first time, do not set anything here. After first release you have to set the new version manually because we don\'t change package.json in case that the branch can expire very soon. Use the prefix `alpha` in you manual version otherwise you will get error.\\n5. Push \\"Run workflow\\" and wait until the action will finish. You can release versions as many as you want but do not abuse it and release versions if you really need it. In other cases use [npm pack](https://docs.npmjs.com/cli/v7/commands/npm-pack).\\n\\n### Beta-major versions release\\n\\nIf you want to release a new major version, you will probably need for a beta versions before a stable one, please do the following:\\n\\n1. Create or update the branch `beta`.\\n2. Add there your changes.\\n3. When you ready for a new beta version, release it manually with an empty commit (or you can add this commit message with footer to the last commit):\\n\\n```bash\\ngit commit -m \'fix: last commit\\n\\nRelease-As: 3.0.0-beta.0\' --allow-empty\\n```\\n\\n4. Release please robot will create a new PR to the branch `beta` with updated CHANGELOG.md and bump version of the package\\n5. You can repeat it as many as you want. When you ready to release the latest major version without beta tag, you have to create PR from branch `beta` to branch `main`. Notice that it is normal that your package version will be with beta tag. Robot knows that and change it properly. `3.0.0-beta.0` will become `3.0.0`\\n\\n### Release flow for previous major-versions\\n\\nIf you want to release a new version in previous major after commit it to the main, please do the following:\\n\\n1. Update necessary branch, the previous major release branch names are:\\n   1. `version-1.x.x/fixes` - for major 1.x.x\\n   2. `version-2.x.x` - for major 2.x.x\\n2. Checkout a new branch from the previous major release branch\\n3. Cherry-pick your commit from the branch `main`\\n4. Create PR, get an approval and merge into the previous major release branch\\n5. Squash and merge your PR (It is important to release a new version with Github-Actions)\\n6. Wait until robot creates a PR with a new version of the package and information about your changes in CHANGELOG.md. You can see the process on [the Actions tab](https://github.com/gravity-ui/page-constructor/actions).\\n7. Check your changes in CHANGELOG.md and approve robot\'s PR.\\n8. Squash and merge PR. You can see release process on [the Actions tab](https://github.com/gravity-ui/page-constructor/actions).\\n\\n## Page constructor editor\\n\\nEditor provides user interface for page content management with realtime preview.\\n\\nHow to use:\\n\\n```tsx\\nimport {Editor} from \'@gravity-ui/page-constructor/editor\';\\n\\ninterface MyAppEditorProps {\\n  initialContent: PageContent;\\n  transformContent: ContentTransformer;\\n  onChange: (content: PageContent) => void;\\n}\\n\\nexport const MyAppEditor = ({initialContent, onChange, transformContent}: MyAppEditorProps) => (\\n  <Editor content={initialContent} onChange={onChange} transformContent={transformContent} />\\n);\\n```\\n\\n## Tests\\n\\nComprehensive documentation is available at the provided [link](./test-utils/docs/README.md).\\n","changelog":"# Changelog\\n\\n\\n## [5.16.1](https://github.com/gravity-ui/page-constructor/compare/v5.16.0...v5.16.1) (2024-07-04)\\n\\n\\n### Bug Fixes\\n\\n* hide header border when user scroll up the page ([#956](https://github.com/gravity-ui/page-constructor/issues/956)) ([762061b](https://github.com/gravity-ui/page-constructor/commit/762061b26030d5ad898184d5fce6156b85ca2239))\\n\\n## [5.16.0](https://github.com/gravity-ui/page-constructor/compare/v5.15.3...v5.16.0) (2024-07-03)\\n\\n\\n### Features\\n\\n* remove custom generic WithChildren ([#955](https://github.com/gravity-ui/page-constructor/issues/955)) ([cbda11f](https://github.com/gravity-ui/page-constructor/commit/cbda11f50ce34721880b4403b4a19c84448fcc8d))\\n\\n## [5.15.3](https://github.com/gravity-ui/page-constructor/compare/v5.15.2...v5.15.3) (2024-06-04)\\n\\n\\n### Bug Fixes\\n\\n* check checkbox, not do navigation to link if content has link ([#952](https://github.com/gravity-ui/page-constructor/issues/952)) ([bba6426](https://github.com/gravity-ui/page-constructor/commit/bba64269078c122ce2a00f3ca4cce64fc4077e5f))\\n\\n## [5.15.2](https://github.com/gravity-ui/page-constructor/compare/v5.15.1...v5.15.2) (2024-05-31)\\n\\n\\n### Bug Fixes\\n\\n* flex setting for content with icon in basic card ([#948](https://github.com/gravity-ui/page-constructor/issues/948)) ([eccb44f](https://github.com/gravity-ui/page-constructor/commit/eccb44f24184efcaa3263f52bf340704cda8dc33))\\n\\n## [5.15.1](https://github.com/gravity-ui/page-constructor/compare/v5.15.0...v5.15.1) (2024-05-23)\\n\\n\\n### Bug Fixes\\n\\n* memoized code editor ([#946](https://github.com/gravity-ui/page-constructor/issues/946)) ([b490a9b](https://github.com/gravity-ui/page-constructor/commit/b490a9b4b967326b89c1b915213f8c9ef9d5d2c3))\\n\\n## [5.15.0](https://github.com/gravity-ui/page-constructor/compare/v5.14.3...v5.15.0) (2024-05-15)\\n\\n\\n### Features\\n\\n* support themes in blocks and sub-blocks ([#932](https://github.com/gravity-ui/page-constructor/issues/932)) ([c26adf5](https://github.com/gravity-ui/page-constructor/commit/c26adf539764da4dfe1ee6071279562ae58cfa97))\\n\\n\\n### Bug Fixes\\n\\n* add new option in content transform callback ([#939](https://github.com/gravity-ui/page-constructor/issues/939)) ([42a1665](https://github.com/gravity-ui/page-constructor/commit/42a16659572f1cfeaa32ec06a082fad21dbfd92e))\\n\\n## [5.14.3](https://github.com/gravity-ui/page-constructor/compare/v5.14.2...v5.14.3) (2024-05-07)\\n\\n\\n### Bug Fixes\\n\\n* video mute on video click ([#942](https://github.com/gravity-ui/page-constructor/issues/942)) ([6c5f957](https://github.com/gravity-ui/page-constructor/commit/6c5f957dc1cdb1bb18e12693960df8a883119fbe))\\n\\n## [5.14.2](https://github.com/gravity-ui/page-constructor/compare/v5.14.1...v5.14.2) (2024-05-02)\\n\\n\\n### Bug Fixes\\n\\n* video dont starts from beginning on click ([#940](https://github.com/gravity-ui/page-constructor/issues/940)) ([721b1ad](https://github.com/gravity-ui/page-constructor/commit/721b1ad085c8d419d1f8d6b12e8ade24d3b71b65))\\n\\n## [5.14.1](https://github.com/gravity-ui/page-constructor/compare/v5.14.0...v5.14.1) (2024-04-26)\\n\\n\\n### Bug Fixes\\n\\n* questionblock-link-clickable-all-rowwidth ([#934](https://github.com/gravity-ui/page-constructor/issues/934)) ([07ba599](https://github.com/gravity-ui/page-constructor/commit/07ba599ac3c495dbce48adb7f21f9ccd3c58d82f))\\n\\n## [5.14.0](https://github.com/gravity-ui/page-constructor/compare/v5.13.0...v5.14.0) (2024-04-26)\\n\\n\\n### Features ⚠ BREAKING CHANGES\\n\\n* refactor editor: global page settings and modes ([#933](https://github.com/gravity-ui/page-constructor/issues/933)) ([909bf5a](https://github.com/gravity-ui/page-constructor/commit/909bf5adad0aaaf3729ca60c59200a02d415ca08))\\n\\n   Enum `FormTab` is deleted, `ViewModeItem.Edititng` option  is deleted. Use new enum `EditModeItem` combine with `ViewModeItem`\\n\\n## [5.13.0](https://github.com/gravity-ui/page-constructor/compare/v5.12.0...v5.13.0) (2024-04-15)\\n\\n\\n### Features\\n\\n* **ImageCard:** add contentPosition ([#919](https://github.com/gravity-ui/page-constructor/issues/919)) ([7df0d3a](https://github.com/gravity-ui/page-constructor/commit/7df0d3ae1a76eb8b5c3a1e732c289fba8bc4d588))\\n\\n## [5.12.0](https://github.com/gravity-ui/page-constructor/compare/v5.11.1...v5.12.0) (2024-04-11)\\n\\n\\n### Features\\n\\n* add ImageCard to text-transform config ([#927](https://github.com/gravity-ui/page-constructor/issues/927)) ([0232388](https://github.com/gravity-ui/page-constructor/commit/0232388bfd6e7a268bf3f3d66638e566bd6e3676))\\n\\n## [5.11.1](https://github.com/gravity-ui/page-constructor/compare/v5.11.0...v5.11.1) (2024-04-11)\\n\\n\\n### Bug Fixes\\n\\n* update styles uikit yc prefix ([#925](https://github.com/gravity-ui/page-constructor/issues/925)) ([b6421bf](https://github.com/gravity-ui/page-constructor/commit/b6421bf12ddf0b93306fba4f52ce025238ebb5be))\\n\\n## [5.11.0](https://github.com/gravity-ui/page-constructor/compare/v5.10.1...v5.11.0) (2024-04-10)\\n\\n\\n### Features\\n\\n* update analyticsEvents handler conditioin: run on form redirect ([#918](https://github.com/gravity-ui/page-constructor/issues/918)) ([dea5bd3](https://github.com/gravity-ui/page-constructor/commit/dea5bd3247b28f8e8472e089160834874c3863b0))\\n\\n## [5.10.1](https://github.com/gravity-ui/page-constructor/compare/v5.10.0...v5.10.1) (2024-04-09)\\n\\n\\n### Bug Fixes\\n\\n* add important to Links link style override ([#912](https://github.com/gravity-ui/page-constructor/issues/912)) ([5deeddc](https://github.com/gravity-ui/page-constructor/commit/5deeddcf6e83996c835d77f8fd7ae54865158759))\\n\\n## [5.10.0](https://github.com/gravity-ui/page-constructor/compare/v5.9.1...v5.10.0) (2024-04-05)\\n\\n\\n### Features\\n\\n* ImageCard extension ([#876](https://github.com/gravity-ui/page-constructor/issues/876)) ([76aff99](https://github.com/gravity-ui/page-constructor/commit/76aff99fdfbf6ed12e5c19a419fb79ec6cbe8efa))\\n\\n## [5.9.1](https://github.com/gravity-ui/page-constructor/compare/v5.9.0...v5.9.1) (2024-04-03)\\n\\n\\n### Bug Fixes\\n\\n* fixed Content links color ([#898](https://github.com/gravity-ui/page-constructor/issues/898)) ([19acbfe](https://github.com/gravity-ui/page-constructor/commit/19acbfe3736b1c5ecfd0cd0eb4b9991948644325))\\n* make BasicCard icon unshrinkable ([#895](https://github.com/gravity-ui/page-constructor/issues/895)) ([742b8b8](https://github.com/gravity-ui/page-constructor/commit/742b8b8d69cecb9e0f09b7664e7e53c7e076e339))\\n\\n## [5.9.0](https://github.com/gravity-ui/page-constructor/compare/v5.8.0...v5.9.0) (2024-04-01)\\n\\n\\n### Features\\n\\n* allow to disable image slider inside media component ([#887](https://github.com/gravity-ui/page-constructor/issues/887)) ([719b0ed](https://github.com/gravity-ui/page-constructor/commit/719b0ed701166867eca839d582c7189f8d7e9eba))\\n\\n## [5.8.0](https://github.com/gravity-ui/page-constructor/compare/v5.7.2...v5.8.0) (2024-03-28)\\n\\n\\n### Features\\n\\n* support prop list in all content usecases ([#828](https://github.com/gravity-ui/page-constructor/issues/828)) ([d4cf0f6](https://github.com/gravity-ui/page-constructor/commit/d4cf0f616747fba91fb6e94e73df7e23eca362b2))\\n* support theme at Form and InnerForm component ([#868](https://github.com/gravity-ui/page-constructor/issues/868)) ([5b16440](https://github.com/gravity-ui/page-constructor/commit/5b16440ebd104d655c6092c1220cbdd42916d699))\\n\\n## [5.7.2](https://github.com/gravity-ui/page-constructor/compare/v5.7.1...v5.7.2) (2024-03-26)\\n\\n\\n### Bug Fixes\\n\\n* cardBasePropTypes fix ([#874](https://github.com/gravity-ui/page-constructor/issues/874)) ([df11567](https://github.com/gravity-ui/page-constructor/commit/df11567d9f3891222c1931705c90ae2f902274eb))\\n\\n## [5.7.1](https://github.com/gravity-ui/page-constructor/compare/v5.7.0...v5.7.1) (2024-03-21)\\n\\n\\n### Bug Fixes\\n\\n* refactor minHeight calculating ([#866](https://github.com/gravity-ui/page-constructor/issues/866)) ([ab0e32a](https://github.com/gravity-ui/page-constructor/commit/ab0e32a857512dcb90f9d0cd120e3b2a87df2090))\\n\\n## [5.7.0](https://github.com/gravity-ui/page-constructor/compare/v5.6.1...v5.7.0) (2024-03-21)\\n\\n\\n### Features\\n\\n* add indent4XS ([#864](https://github.com/gravity-ui/page-constructor/issues/864)) ([9dd5136](https://github.com/gravity-ui/page-constructor/commit/9dd5136120e5bc2e3a03661ddc537e5d8bfcde3b))\\n\\n## [5.6.1](https://github.com/gravity-ui/page-constructor/compare/v5.6.0...v5.6.1) (2024-03-20)\\n\\n\\n### Bug Fixes\\n\\n* error when using uikit in server code ([#870](https://github.com/gravity-ui/page-constructor/issues/870)) ([3ce00f7](https://github.com/gravity-ui/page-constructor/commit/3ce00f7726430cba0fba8a211c5bd20555da3616))\\n\\n## [5.6.0](https://github.com/gravity-ui/page-constructor/compare/v5.5.0...v5.6.0) (2024-03-20)\\n\\n\\n### Features\\n\\n* support themed media in LayoutItem ([#867](https://github.com/gravity-ui/page-constructor/issues/867)) ([46db9f5](https://github.com/gravity-ui/page-constructor/commit/46db9f5c669a7ae3721de6d3d60998e77c4af71d))\\n\\n## [5.5.0](https://github.com/gravity-ui/page-constructor/compare/v5.4.0...v5.5.0) (2024-03-15)\\n\\n\\n### Features\\n\\n* add withBorderOnScroll prop for Navigation component ([#862](https://github.com/gravity-ui/page-constructor/issues/862)) ([b172089](https://github.com/gravity-ui/page-constructor/commit/b172089a07f1616b6001e756dc99e66b7ccfca35))\\n\\n## [5.4.0](https://github.com/gravity-ui/page-constructor/compare/v5.3.0...v5.4.0) (2024-03-13)\\n\\n\\n### Features\\n\\n* add forms configs to PageConstructorProvider ([#858](https://github.com/gravity-ui/page-constructor/issues/858)) ([2736947](https://github.com/gravity-ui/page-constructor/commit/273694731bcfb01c6ba056a76ce558cbc2e05fd8))\\n\\n## [5.3.0](https://github.com/gravity-ui/page-constructor/compare/v5.2.0...v5.3.0) (2024-03-13)\\n\\n\\n### Features\\n\\n* add _lang param for DataLens iframe ([#859](https://github.com/gravity-ui/page-constructor/issues/859)) ([5ac5922](https://github.com/gravity-ui/page-constructor/commit/5ac59225dee253060fcdbcbaccf710e10192ecb2))\\n\\n## [5.2.0](https://github.com/gravity-ui/page-constructor/compare/v5.1.0...v5.2.0) (2024-03-07)\\n\\n\\n### Features\\n\\n* screenshot testing ([#838](https://github.com/gravity-ui/page-constructor/issues/838)) ([47f1b73](https://github.com/gravity-ui/page-constructor/commit/47f1b73d2ef54d0c73b3792236455759e63866cc))\\n\\n## [5.1.0](https://github.com/gravity-ui/page-constructor/compare/v5.0.1...v5.1.0) (2024-03-05)\\n\\n\\n### Features\\n\\n* update i18n pkg ([#849](https://github.com/gravity-ui/page-constructor/issues/849)) ([6a84f27](https://github.com/gravity-ui/page-constructor/commit/6a84f27b75a3c544d735b4770ab0bab3cb1ac4ac))\\n\\n## [5.0.1](https://github.com/gravity-ui/page-constructor/compare/v5.0.0...v5.0.1) (2024-03-04)\\n\\n\\n### Bug Fixes\\n\\n* **Content:** revert renderСontentControls adding ([#840](https://github.com/gravity-ui/page-constructor/issues/840)) ([bce23b3](https://github.com/gravity-ui/page-constructor/commit/bce23b347623fa4a1503f75b288e31bc9f56a62a))\\n\\n## [5.0.0](https://github.com/gravity-ui/page-constructor/compare/v4.56.0...v5.0.0) (2024-03-04)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* now we are using the `i18n` instance from uikit instead of the internal one, you only need one installation and configuration from uikit in your application ([#804](https://github.com/gravity-ui/page-constructor/pull/804))\\n* updated `uikit` up to v6 ([#824](https://github.com/gravity-ui/page-constructor/pull/824))\\n* use `diplodoc-platform/transform` instead `doc-tools/transform` ([#813](https://github.com/gravity-ui/page-constructor/pull/813))\\n* All the props from metrikaGoals and pixelEvents have been deleted, their helpers and lists have been deleted. Cleaned up calls to metric methods. Instead of all that, now AnalyticsEvents ([#814](https://github.com/gravity-ui/page-constructor/pull/814))\\n* icons have been removed from the export and also replaced some icons with icons from gravity-ui/icons ([#830](https://github.com/gravity-ui/page-constructor/pull/830))\\n\\n| Component                        | /icons                            |  @gravity-ui/icons/             | \\n|:---------------------------------| :---------------------------------|:--------------------------------|\\n| BackLink                         | ArrowSidebar                      | ArrowLeft                       |\\n| FullscreenImage, FullscreenMedia | Fullscreen, PreviewClose          | ChevronsExpandUpRight, Xmark    |\\n| Link                             | Chevron                           | ChevronRight                    |\\n| ReactPlayer, VideoBlock          | VolumeFill, VolumeXmark, PlayVideo| Mute, Unmute, PlayFill          |\\n| Table                            | Tick, Minus                       | Check, Minus                    |\\n| navigation                       | Xmark, Bars                       | NavigationClose, NavigationOpen |\\n\\n### Features\\n\\n* now `PriceDetailed` is deprecated ([#820](https://github.com/gravity-ui/page-constructor/pull/820)\\n\\n## [4.56.0](https://github.com/gravity-ui/page-constructor/compare/v4.55.0...v4.56.0) (2024-03-01)\\n\\n\\n### Features\\n\\n* **SubBlocks:** add possibility to position controls within cards at footer ([#823](https://github.com/gravity-ui/page-constructor/issues/823)) ([7e3dc0b](https://github.com/gravity-ui/page-constructor/commit/7e3dc0b68ac046f29890608a8519ba3ee0d43a0f))\\n\\n## [4.55.0](https://github.com/gravity-ui/page-constructor/compare/v4.54.0...v4.55.0) (2024-02-28)\\n\\n\\n### Features\\n\\n* add border prop to tabs media item ([#835](https://github.com/gravity-ui/page-constructor/issues/835)) ([50e3621](https://github.com/gravity-ui/page-constructor/commit/50e3621a09476ea4ec38fab2975d12654fe2a6f4))\\n\\n\\n### Bug Fixes\\n\\n* price card title ([#836](https://github.com/gravity-ui/page-constructor/issues/836)) ([b70f80d](https://github.com/gravity-ui/page-constructor/commit/b70f80d1c51607e02304dbcc9653f143abd6670c))\\n\\n## [4.54.0](https://github.com/gravity-ui/page-constructor/compare/v4.53.0...v4.54.0) (2024-02-28)\\n\\n\\n### Features\\n\\n* remove actions, knoobs, and min-height from storybook ([#831](https://github.com/gravity-ui/page-constructor/issues/831)) ([3a9e3d3](https://github.com/gravity-ui/page-constructor/commit/3a9e3d3795e357524fe046fdce13727e15a602fa))\\n\\n\\n### Bug Fixes\\n\\n* add border-radius for media block image ([#832](https://github.com/gravity-ui/page-constructor/issues/832)) ([6421ec8](https://github.com/gravity-ui/page-constructor/commit/6421ec83388df0acc3cd3924db4b63c4fb48b931))\\n\\n## [4.53.0](https://github.com/gravity-ui/page-constructor/compare/v4.52.0...v4.53.0) (2024-02-26)\\n\\n\\n### Features\\n\\n* add support `ContentList` in `BasicCard` and `ExtendedFeatures` ([#819](https://github.com/gravity-ui/page-constructor/issues/819)) ([2a30037](https://github.com/gravity-ui/page-constructor/commit/2a300373ea9bee94292abc94aaf905cb67d23b1d))\\n\\n## [4.52.0](https://github.com/gravity-ui/page-constructor/compare/v4.51.1...v4.52.0) (2024-02-14)\\n\\n\\n### Features\\n\\n* add image card sub-block ([#807](https://github.com/gravity-ui/page-constructor/issues/807)) ([52890dd](https://github.com/gravity-ui/page-constructor/commit/52890dd24732a2b02d2b67df1def71eef141a47e))\\n\\n\\n### Bug Fixes\\n\\n* working with youtube player api ([#815](https://github.com/gravity-ui/page-constructor/issues/815)) ([a5267eb](https://github.com/gravity-ui/page-constructor/commit/a5267ebf19afa574d7e50195eddc1e07b0795fdb))\\n\\n## [4.51.1](https://github.com/gravity-ui/page-constructor/compare/v4.51.0...v4.51.1) (2024-02-02)\\n\\n\\n### Bug Fixes\\n\\n* added mediaView to Banner-block schema ([#801](https://github.com/gravity-ui/page-constructor/issues/801)) ([de78586](https://github.com/gravity-ui/page-constructor/commit/de785861fe5510d5ad5957adcf4888560e17c745))\\n\\n## [4.51.0](https://github.com/gravity-ui/page-constructor/compare/v4.50.0...v4.51.0) (2024-02-02)\\n\\n\\n### Features\\n\\n* added mediaView for image and theme for button in banner block ([#794](https://github.com/gravity-ui/page-constructor/issues/794)) ([4be4bc9](https://github.com/gravity-ui/page-constructor/commit/4be4bc966e194b11d61caf1f6dfdf35568f13bad))\\n\\n## [4.50.0](https://github.com/gravity-ui/page-constructor/compare/v4.49.2...v4.50.0) (2024-02-01)\\n\\n\\n### Features\\n\\n* add icon prop to LayoutItem ([#781](https://github.com/gravity-ui/page-constructor/issues/781)) ([32bf165](https://github.com/gravity-ui/page-constructor/commit/32bf165e783d7e51a20286802d813a681b0a252b))\\n\\n## [4.49.2](https://github.com/gravity-ui/page-constructor/compare/v4.49.1...v4.49.2) (2024-02-01)\\n\\n\\n### Bug Fixes\\n\\n* add form block textContent into transofmers config ([#793](https://github.com/gravity-ui/page-constructor/issues/793)) ([3e5ae8e](https://github.com/gravity-ui/page-constructor/commit/3e5ae8eac4dbd19341091aeb89607f2b2093f8f9))\\n* cardLayout width in Filter block ([#797](https://github.com/gravity-ui/page-constructor/issues/797)) ([46894f6](https://github.com/gravity-ui/page-constructor/commit/46894f63331e47d59f3067456f6568bda2bfe8ec))\\n\\n## [4.49.1](https://github.com/gravity-ui/page-constructor/compare/v4.49.0...v4.49.1) (2024-01-30)\\n\\n\\n### Bug Fixes\\n\\n* add tabs caption to transform config ([#790](https://github.com/gravity-ui/page-constructor/issues/790)) ([2740c1b](https://github.com/gravity-ui/page-constructor/commit/2740c1b678657d9732db3d1d9daf41449d69d87b))\\n\\n## [4.49.0](https://github.com/gravity-ui/page-constructor/compare/v4.48.0...v4.49.0) (2024-01-30)\\n\\n\\n### Features\\n\\n* add yfm support for tabs block item caption ([#785](https://github.com/gravity-ui/page-constructor/issues/785)) ([ff35d41](https://github.com/gravity-ui/page-constructor/commit/ff35d412e1daf9692e7da3aeb5d25ec71f0336aa))\\n\\n## [4.48.0](https://github.com/gravity-ui/page-constructor/compare/v4.47.2...v4.48.0) (2024-01-29)\\n\\n\\n### Features\\n\\n* update codeowners ([#783](https://github.com/gravity-ui/page-constructor/issues/783)) ([56187ad](https://github.com/gravity-ui/page-constructor/commit/56187ad40e6b5ca90bf02044664d7643d8a012c3))\\n\\n\\n### Bug Fixes\\n\\n* add yfm transform for content storybook theme case ([#786](https://github.com/gravity-ui/page-constructor/issues/786)) ([e901844](https://github.com/gravity-ui/page-constructor/commit/e901844c5259ebc823504f796ac8c7dec755917c))\\n\\n## [4.47.2](https://github.com/gravity-ui/page-constructor/compare/v4.47.1...v4.47.2) (2024-01-18)\\n\\n\\n### Bug Fixes\\n\\n* cut form-block vertical paddings for direction center ([#770](https://github.com/gravity-ui/page-constructor/issues/770)) ([610b9e1](https://github.com/gravity-ui/page-constructor/commit/610b9e13812570fa72d09d6683c874ece1a5d8e9))\\n\\n## [4.47.1](https://github.com/gravity-ui/page-constructor/compare/v4.47.0...v4.47.1) (2024-01-17)\\n\\n\\n### Bug Fixes\\n\\n* asset path in new stories ([#777](https://github.com/gravity-ui/page-constructor/issues/777)) ([0f1eb62](https://github.com/gravity-ui/page-constructor/commit/0f1eb62a2cd068fa82b53d4f1f21c10f32a72592))\\n\\n## [4.47.0](https://github.com/gravity-ui/page-constructor/compare/v4.46.2...v4.47.0) (2024-01-17)\\n\\n\\n### Features\\n\\n* add border to media in media-block ([#722](https://github.com/gravity-ui/page-constructor/issues/722)) ([d960ea0](https://github.com/gravity-ui/page-constructor/commit/d960ea0c6166fe8f84245aa06a4d75909a7b4013))\\n* add border-radius to border:\'none\' ([#778](https://github.com/gravity-ui/page-constructor/issues/778)) ([692c389](https://github.com/gravity-ui/page-constructor/commit/692c389b2fed1dc13de69edd29137abde1a45e9f))\\n\\n\\n### Bug Fixes\\n\\n* main preview assets static path ([#776](https://github.com/gravity-ui/page-constructor/issues/776)) ([28024da](https://github.com/gravity-ui/page-constructor/commit/28024da6f9aee577c99f606eb52b322b2cb5c81f))\\n\\n## [4.46.2](https://github.com/gravity-ui/page-constructor/compare/v4.46.1...v4.46.2) (2024-01-16)\\n\\n\\n### Bug Fixes\\n\\n* card layout block background ([#767](https://github.com/gravity-ui/page-constructor/issues/767)) ([8ea3fd4](https://github.com/gravity-ui/page-constructor/commit/8ea3fd4fdecc231d02095862bd70ac14725dd154))\\n* change css mixin animate-slides children length from 9 to 99 ([#771](https://github.com/gravity-ui/page-constructor/issues/771)) ([1678b88](https://github.com/gravity-ui/page-constructor/commit/1678b88f55230038ecc5802f74659c83adf589ba))\\n\\n## [4.46.1](https://github.com/gravity-ui/page-constructor/compare/v4.46.0...v4.46.1) (2024-01-15)\\n\\n\\n### Bug Fixes\\n\\n* document is optional for SSR ([#772](https://github.com/gravity-ui/page-constructor/issues/772)) ([ad83fac](https://github.com/gravity-ui/page-constructor/commit/ad83fac66d60d06bc5b37c9b9a763e22f9a7600d))\\n\\n## [4.46.0](https://github.com/gravity-ui/page-constructor/compare/v4.45.0...v4.46.0) (2024-01-12)\\n\\n\\n### Features\\n\\n* export schemas of forms ([#769](https://github.com/gravity-ui/page-constructor/issues/769)) ([eca7a95](https://github.com/gravity-ui/page-constructor/commit/eca7a95c71678722a85227879375abc65eb17a56))\\n\\n\\n### Bug Fixes\\n\\n* readme import ([#762](https://github.com/gravity-ui/page-constructor/issues/762)) ([7a21926](https://github.com/gravity-ui/page-constructor/commit/7a219269a046dc2f8cc71f0c9ec22a1003015b51))\\n\\n## [4.45.0](https://github.com/gravity-ui/page-constructor/compare/v4.44.0...v4.45.0) (2024-01-11)\\n\\n\\n### Features\\n\\n* export InnerForm ([#764](https://github.com/gravity-ui/page-constructor/issues/764)) ([ceadafc](https://github.com/gravity-ui/page-constructor/commit/ceadafcc9e36bf80b35ea949d8de9b92a2d0581c))\\n\\n## [4.44.0](https://github.com/gravity-ui/page-constructor/compare/v4.43.1...v4.44.0) (2024-01-09)\\n\\n\\n### Features\\n\\n* add background for card-layout-block ([#754](https://github.com/gravity-ui/page-constructor/issues/754)) ([86b5523](https://github.com/gravity-ui/page-constructor/commit/86b552349217a01b74ff784213b54a4550dcb0b2))\\n\\n\\n### Bug Fixes\\n\\n* update Media block storybook docs ([#760](https://github.com/gravity-ui/page-constructor/issues/760)) ([e4519c2](https://github.com/gravity-ui/page-constructor/commit/e4519c219e3c837ba319ed1dcbc9f072111e8bdc))\\n\\n## [4.43.1](https://github.com/gravity-ui/page-constructor/compare/v4.43.0...v4.43.1) (2023-12-15)\\n\\n\\n### Bug Fixes\\n\\n* resetPaddings for base-block ([#756](https://github.com/gravity-ui/page-constructor/issues/756)) ([03ab2ee](https://github.com/gravity-ui/page-constructor/commit/03ab2eef46ebea2dbc0a277dce379362e91e80a1))\\n\\n## [4.43.0](https://github.com/gravity-ui/page-constructor/compare/v4.42.5...v4.43.0) (2023-12-11)\\n\\n\\n### Features\\n\\n* added \'0\' vertical offset for header block ([#751](https://github.com/gravity-ui/page-constructor/issues/751)) ([3601e7f](https://github.com/gravity-ui/page-constructor/commit/3601e7fdf107d2e400cbd9f46edeae4cd1bf1c6c))\\n\\n## [4.42.5](https://github.com/gravity-ui/page-constructor/compare/v4.42.4...v4.42.5) (2023-12-11)\\n\\n\\n### Bug Fixes\\n\\n* add pre-wrap for price card details ([#749](https://github.com/gravity-ui/page-constructor/issues/749)) ([f6c77bd](https://github.com/gravity-ui/page-constructor/commit/f6c77bdee1079fe4414860ab78abe11cd6622c75))\\n\\n## [4.42.4](https://github.com/gravity-ui/page-constructor/compare/v4.42.3...v4.42.4) (2023-12-06)\\n\\n\\n### Bug Fixes\\n\\n* add theme to price card validator schema ([#746](https://github.com/gravity-ui/page-constructor/issues/746)) ([aa1c6b4](https://github.com/gravity-ui/page-constructor/commit/aa1c6b47d9381198f5bf066e389fc80a3541393e))\\n* background position for short form ([#747](https://github.com/gravity-ui/page-constructor/issues/747)) ([1ddb3e9](https://github.com/gravity-ui/page-constructor/commit/1ddb3e91ed54888d0d3b13d9b609903b550b8717))\\n\\n## [4.42.3](https://github.com/gravity-ui/page-constructor/compare/v4.42.2...v4.42.3) (2023-12-05)\\n\\n\\n### Bug Fixes\\n\\n* add button width to validator schema ([#745](https://github.com/gravity-ui/page-constructor/issues/745)) ([2bc3896](https://github.com/gravity-ui/page-constructor/commit/2bc3896164cabe267a0290a7c91192dbb7d43abe))\\n* add price card to sub blocks ([#744](https://github.com/gravity-ui/page-constructor/issues/744)) ([dcffe83](https://github.com/gravity-ui/page-constructor/commit/dcffe83bb8fa2422e6847dfde2f90f75b8196420))\\n* media only title ([#736](https://github.com/gravity-ui/page-constructor/issues/736)) ([a15d5ae](https://github.com/gravity-ui/page-constructor/commit/a15d5ae1b586869b1516498745f1402ea53c3ae0))\\n\\n## [4.42.2](https://github.com/gravity-ui/page-constructor/compare/v4.42.1...v4.42.2) (2023-12-04)\\n\\n\\n### Bug Fixes\\n\\n* added missed colSizes. description to Icons and Companies blocks schema ([#737](https://github.com/gravity-ui/page-constructor/issues/737)) ([9c8467e](https://github.com/gravity-ui/page-constructor/commit/9c8467e6132533b903e1c6c0669122276973df36))\\n\\n## [4.42.1](https://github.com/gravity-ui/page-constructor/compare/v4.42.0...v4.42.1) (2023-12-04)\\n\\n\\n### Bug Fixes\\n\\n* added indent field to block base schema ([#738](https://github.com/gravity-ui/page-constructor/issues/738)) ([7171df4](https://github.com/gravity-ui/page-constructor/commit/7171df4b329449525edda206eab15c75139d7aec))\\n* code editor ([#740](https://github.com/gravity-ui/page-constructor/issues/740)) ([087430f](https://github.com/gravity-ui/page-constructor/commit/087430f08e895615df16d341870de55d39a0de59))\\n* **Qoute:** refacttoring ([#734](https://github.com/gravity-ui/page-constructor/issues/734)) ([2b05933](https://github.com/gravity-ui/page-constructor/commit/2b059330338937a14e0e888dd8b1343bdadfa32a))\\n\\n## [4.42.0](https://github.com/gravity-ui/page-constructor/compare/v4.41.0...v4.42.0) (2023-12-01)\\n\\n\\n### Features\\n\\n* **Navigation:** provide dropdown props to custom components ([#721](https://github.com/gravity-ui/page-constructor/issues/721)) ([3738410](https://github.com/gravity-ui/page-constructor/commit/37384103cca447e3a7f86666c582e1ee091647c0))\\n\\n\\n### Bug Fixes\\n\\n* update price-card component ([#708](https://github.com/gravity-ui/page-constructor/issues/708)) ([4487d50](https://github.com/gravity-ui/page-constructor/commit/4487d50c2d71ca1f536d3de5b82d423a378fe55c))\\n\\n## [4.41.0](https://github.com/gravity-ui/page-constructor/compare/v4.40.6...v4.41.0) (2023-11-30)\\n\\n\\n### Features\\n\\n* add code editing ([#730](https://github.com/gravity-ui/page-constructor/issues/730)) ([6e9ed9d](https://github.com/gravity-ui/page-constructor/commit/6e9ed9d9999288b1ae5891462e429ad663376318))\\n* add fonts from uikit ([#727](https://github.com/gravity-ui/page-constructor/issues/727)) ([e3351a7](https://github.com/gravity-ui/page-constructor/commit/e3351a722da6f07e9e8d91bf071b0751ed02dbf2))\\n\\n## [4.40.6](https://github.com/gravity-ui/page-constructor/compare/v4.40.5...v4.40.6) (2023-11-30)\\n\\n\\n### Bug Fixes\\n\\n* change position for media fit to absolute. There is a bug in safari ([#731](https://github.com/gravity-ui/page-constructor/issues/731)) ([8c17b93](https://github.com/gravity-ui/page-constructor/commit/8c17b93d49ba73e46c7898dd143a3f46b6e93c4a))\\n\\n## [4.40.5](https://github.com/gravity-ui/page-constructor/compare/v4.40.4...v4.40.5) (2023-11-30)\\n\\n\\n### Bug Fixes\\n\\n* add text as key if url is empty in icons ([#728](https://github.com/gravity-ui/page-constructor/issues/728)) ([03f3660](https://github.com/gravity-ui/page-constructor/commit/03f366083388ab9aa61e61163701ff97496896d2))\\n\\n## [4.40.4](https://github.com/gravity-ui/page-constructor/compare/v4.40.3...v4.40.4) (2023-11-29)\\n\\n\\n### Bug Fixes\\n\\n* slider images animate ([#724](https://github.com/gravity-ui/page-constructor/issues/724)) ([fad0352](https://github.com/gravity-ui/page-constructor/commit/fad035212b9acb5384b5d3d6e9358db4df034ef3))\\n\\n## [4.40.3](https://github.com/gravity-ui/page-constructor/compare/v4.40.2...v4.40.3) (2023-11-29)\\n\\n\\n### Bug Fixes\\n\\n* setting initiallyMuted to true for default video ([#723](https://github.com/gravity-ui/page-constructor/issues/723)) ([76128c7](https://github.com/gravity-ui/page-constructor/commit/76128c7eed9fd720382013a61cd7f772bf9ac82c))\\n\\n## [4.40.2](https://github.com/gravity-ui/page-constructor/compare/v4.40.1...v4.40.2) (2023-11-28)\\n\\n\\n### Bug Fixes\\n\\n* added specificity to indents, because in build indents have less weight ([#719](https://github.com/gravity-ui/page-constructor/issues/719)) ([44dbd46](https://github.com/gravity-ui/page-constructor/commit/44dbd466b46432a4afccad157e55e447d329279c))\\n\\n## [4.40.1](https://github.com/gravity-ui/page-constructor/compare/v4.40.0...v4.40.1) (2023-11-27)\\n\\n\\n### Bug Fixes\\n\\n* media iframe fix ([#717](https://github.com/gravity-ui/page-constructor/issues/717)) ([be6c819](https://github.com/gravity-ui/page-constructor/commit/be6c819afee25f730148734b35ce21e8eb68874b))\\n\\n## [4.40.0](https://github.com/gravity-ui/page-constructor/compare/v4.39.1...v4.40.0) (2023-11-27)\\n\\n\\n### Features\\n\\n* added col size for header in icons block ([#715](https://github.com/gravity-ui/page-constructor/issues/715)) ([5c08f12](https://github.com/gravity-ui/page-constructor/commit/5c08f12525ee518a8bd4f7b15d75e225a967938e))\\n\\n\\n### Bug Fixes\\n\\n* add transfrom title in html for content item ([#713](https://github.com/gravity-ui/page-constructor/issues/713)) ([ff02ea5](https://github.com/gravity-ui/page-constructor/commit/ff02ea53e61880e08a46cfc17eec37371291c9c5))\\n\\n## [4.39.1](https://github.com/gravity-ui/page-constructor/compare/v4.39.0...v4.39.1) (2023-11-27)\\n\\n\\n### Bug Fixes\\n\\n* image slider and background ([#711](https://github.com/gravity-ui/page-constructor/issues/711)) ([6cd5980](https://github.com/gravity-ui/page-constructor/commit/6cd5980c7de5cf0b810e0988eb9968ff2e9c0578))\\n* pc container class name ([#712](https://github.com/gravity-ui/page-constructor/issues/712)) ([917aac2](https://github.com/gravity-ui/page-constructor/commit/917aac2b62c03429583a2f87123903073249809a))\\n\\n## [4.39.0](https://github.com/gravity-ui/page-constructor/compare/v4.38.1...v4.39.0) (2023-11-23)\\n\\n\\n### Features\\n\\n* add iframe to media ([#698](https://github.com/gravity-ui/page-constructor/issues/698)) ([5b0c26d](https://github.com/gravity-ui/page-constructor/commit/5b0c26d47e321f519f74952c0eed58d5a963a4e8))\\n\\n## [4.38.1](https://github.com/gravity-ui/page-constructor/compare/v4.38.0...v4.38.1) (2023-11-21)\\n\\n\\n### Bug Fixes\\n\\n* tabs condition ([#707](https://github.com/gravity-ui/page-constructor/issues/707)) ([71b27ee](https://github.com/gravity-ui/page-constructor/commit/71b27ee051027b895974c9bf92362c3908dbea29))\\n\\n## [4.38.0](https://github.com/gravity-ui/page-constructor/compare/v4.37.4...v4.38.0) (2023-11-20)\\n\\n\\n### Features\\n\\n* add PriceCard ([#697](https://github.com/gravity-ui/page-constructor/issues/697)) ([527a335](https://github.com/gravity-ui/page-constructor/commit/527a3356e9988e3689ddc982e3ef049ff238c08e))\\n\\n## [4.37.4](https://github.com/gravity-ui/page-constructor/compare/v4.37.3...v4.37.4) (2023-11-20)\\n\\n\\n### Bug Fixes\\n\\n* filter-block transform ([#702](https://github.com/gravity-ui/page-constructor/issues/702)) ([48741d7](https://github.com/gravity-ui/page-constructor/commit/48741d79b3c0e6f26c4b3dcb8f333ae0c9a981fb))\\n\\n## [4.37.3](https://github.com/gravity-ui/page-constructor/compare/v4.37.2...v4.37.3) (2023-11-17)\\n\\n\\n### Bug Fixes\\n\\n* add custom height to images in Tabs ([#650](https://github.com/gravity-ui/page-constructor/issues/650)) ([6ab3d04](https://github.com/gravity-ui/page-constructor/commit/6ab3d04bb5e8c53d182affc8fd19fb8349234f71))\\n\\n## [4.37.2](https://github.com/gravity-ui/page-constructor/compare/v4.37.1...v4.37.2) (2023-11-17)\\n\\n\\n### Bug Fixes\\n\\n* use flex column-gap instead of margins in buttons element ([#701](https://github.com/gravity-ui/page-constructor/issues/701)) ([c9fa48a](https://github.com/gravity-ui/page-constructor/commit/c9fa48aafe7568cf0f5c3322bfd111b3bc624594))\\n\\n## [4.37.1](https://github.com/gravity-ui/page-constructor/compare/v4.37.0...v4.37.1) (2023-11-16)\\n\\n\\n### Bug Fixes\\n\\n* extraProps handling correctly ([#699](https://github.com/gravity-ui/page-constructor/issues/699)) ([349623c](https://github.com/gravity-ui/page-constructor/commit/349623c3532bb781a25e797543cd4cd818cda307))\\n\\n## [4.37.0](https://github.com/gravity-ui/page-constructor/compare/v4.36.0...v4.37.0) (2023-11-15)\\n\\n\\n### Features\\n\\n* add description field to icons block ([#696](https://github.com/gravity-ui/page-constructor/issues/696)) ([e5f1a7d](https://github.com/gravity-ui/page-constructor/commit/e5f1a7dc9d00b57e4a67395aec9221f9fd636d65))\\n* add standalone navigation ([#693](https://github.com/gravity-ui/page-constructor/issues/693)) ([38d5b88](https://github.com/gravity-ui/page-constructor/commit/38d5b884cd222d42e6f512e38f913fc8602a7ab1))\\n\\n## [4.36.0](https://github.com/gravity-ui/page-constructor/compare/v4.35.1...v4.36.0) (2023-11-15)\\n\\n\\n### Features\\n\\n* added description field to companies block ([#692](https://github.com/gravity-ui/page-constructor/issues/692)) ([f305732](https://github.com/gravity-ui/page-constructor/commit/f305732321983c1ec93ff9e4fac5b56de7f39685))\\n\\n## [4.35.1](https://github.com/gravity-ui/page-constructor/compare/v4.35.0...v4.35.1) (2023-11-10)\\n\\n\\n### Bug Fixes\\n\\n* update form-block ([#687](https://github.com/gravity-ui/page-constructor/issues/687)) ([e3b5f79](https://github.com/gravity-ui/page-constructor/commit/e3b5f795ab095b696c973072d7039bd36e8a6023))\\n\\n## [4.35.0](https://github.com/gravity-ui/page-constructor/compare/v4.34.1...v4.35.0) (2023-11-08)\\n\\n\\n### Features\\n\\n* fix margin top in Table block and component ([#676](https://github.com/gravity-ui/page-constructor/issues/676)) ([22c00b5](https://github.com/gravity-ui/page-constructor/commit/22c00b58aec40f9af9da981bab06c28fa56be077))\\n\\n## [4.34.1](https://github.com/gravity-ui/page-constructor/compare/v4.34.0...v4.34.1) (2023-11-08)\\n\\n\\n### Bug Fixes\\n\\n* remove rest operator ([#680](https://github.com/gravity-ui/page-constructor/issues/680)) ([36d3e59](https://github.com/gravity-ui/page-constructor/commit/36d3e59cd86451c79933071eddee3ee17317704d))\\n\\n## [4.34.0](https://github.com/gravity-ui/page-constructor/compare/v4.33.0...v4.34.0) (2023-11-08)\\n\\n\\n### Features\\n\\n* add blocks/Form ([#659](https://github.com/gravity-ui/page-constructor/issues/659)) ([783afae](https://github.com/gravity-ui/page-constructor/commit/783afae6ed379d0596138a40c0f6b7e94660f61e))\\n\\n## [4.33.0](https://github.com/gravity-ui/page-constructor/compare/v4.32.0...v4.33.0) (2023-11-07)\\n\\n\\n### Features\\n\\n* accessible descriptions and labels for various components ([#674](https://github.com/gravity-ui/page-constructor/issues/674)) ([44ef8fa](https://github.com/gravity-ui/page-constructor/commit/44ef8fa6308d2ed43ed190b371d8ab313f7cea75))\\n\\n## [4.32.0](https://github.com/gravity-ui/page-constructor/compare/v4.31.1...v4.32.0) (2023-11-07)\\n\\n\\n### Features\\n\\n* add default video component, add custom controls ([#662](https://github.com/gravity-ui/page-constructor/issues/662)) ([ad0d3b4](https://github.com/gravity-ui/page-constructor/commit/ad0d3b4fd3c9aedcb9ee46bf76805444edf3a4bc))\\n\\n\\n### Bug Fixes\\n\\n* added focus for hubspot form links ([#671](https://github.com/gravity-ui/page-constructor/issues/671)) ([dd7249e](https://github.com/gravity-ui/page-constructor/commit/dd7249e8efba87ae7710cc98136af48658855a89))\\n* aligning left quote in Quote component ([#672](https://github.com/gravity-ui/page-constructor/issues/672)) ([3316d80](https://github.com/gravity-ui/page-constructor/commit/3316d808b15f84fbd93b09c8c3a5c1840bb9d988))\\n* raise up title item arrow to 1 px ([#668](https://github.com/gravity-ui/page-constructor/issues/668)) ([51f6215](https://github.com/gravity-ui/page-constructor/commit/51f6215379d34814d656201f4687c9e6b3243dc4))\\n\\n## [4.31.1](https://github.com/gravity-ui/page-constructor/compare/v4.31.0...v4.31.1) (2023-10-30)\\n\\n\\n### Bug Fixes\\n\\n* fix logo router link rendering ([#669](https://github.com/gravity-ui/page-constructor/issues/669)) ([f59ae1a](https://github.com/gravity-ui/page-constructor/commit/f59ae1a63d0bd79d171e4a736593fcd54a31de96))\\n\\n## [4.31.0](https://github.com/gravity-ui/page-constructor/compare/v4.30.0...v4.31.0) (2023-10-27)\\n\\n\\n### Features\\n\\n* added urlTitle attributes to the schemas ([#665](https://github.com/gravity-ui/page-constructor/issues/665)) ([ab70085](https://github.com/gravity-ui/page-constructor/commit/ab70085deb4366f3a3c9b36a74e14f1185ceecd1))\\n\\n## [4.30.0](https://github.com/gravity-ui/page-constructor/compare/v4.29.2...v4.30.0) (2023-10-27)\\n\\n\\n### Features\\n\\n* added custom title render into header block ([#664](https://github.com/gravity-ui/page-constructor/issues/664)) ([7d57714](https://github.com/gravity-ui/page-constructor/commit/7d577149cb06ea9c34c1484c768518eee14cfef3))\\n* quote types for Quote block ([#663](https://github.com/gravity-ui/page-constructor/issues/663)) ([bc6245c](https://github.com/gravity-ui/page-constructor/commit/bc6245c240f209f527a0bac78542544a1c4a19f6))\\n\\n## [4.29.2](https://github.com/gravity-ui/page-constructor/compare/v4.29.1...v4.29.2) (2023-10-25)\\n\\n\\n### Bug Fixes\\n\\n* remove react native from dependencies ([#660](https://github.com/gravity-ui/page-constructor/issues/660)) ([9818edf](https://github.com/gravity-ui/page-constructor/commit/9818edf0416c72eaa1dc83e0a5da8b8a8e2c3a84))\\n\\n## [4.29.1](https://github.com/gravity-ui/page-constructor/compare/v4.29.0...v4.29.1) (2023-10-23)\\n\\n\\n### Bug Fixes\\n\\n* backward compatibility in 4.28.1 ([#657](https://github.com/gravity-ui/page-constructor/issues/657)) ([51e8ceb](https://github.com/gravity-ui/page-constructor/commit/51e8cebe4bcb4c31a978cd121bcd4f097ebae916))\\n\\n## [4.29.0](https://github.com/gravity-ui/page-constructor/compare/v4.28.1...v4.29.0) (2023-10-23)\\n\\n\\n### Features\\n\\n* alt attributes and titles, fix yfm plugins bug ([#655](https://github.com/gravity-ui/page-constructor/issues/655)) ([2786c81](https://github.com/gravity-ui/page-constructor/commit/2786c8153691c8384e18d714fe04b2f59aedd78f))\\n\\n## [4.28.1](https://github.com/gravity-ui/page-constructor/compare/v4.28.0...v4.28.1) (2023-10-20)\\n\\n\\n### Bug Fixes\\n\\n* working autoplay in mobile ([#652](https://github.com/gravity-ui/page-constructor/issues/652)) ([61c9ade](https://github.com/gravity-ui/page-constructor/commit/61c9ade6c79f4a702f16ee61184a65dd4308c55a))\\n\\n## [4.28.0](https://github.com/gravity-ui/page-constructor/compare/v4.27.0...v4.28.0) (2023-10-20)\\n\\n\\n### Features\\n\\n* add autoplay for youtube when fullscreen modals is open ([#651](https://github.com/gravity-ui/page-constructor/issues/651)) ([c8874ff](https://github.com/gravity-ui/page-constructor/commit/c8874ff293bf88eafb5d7552e4d6a3a703eeab51))\\n\\n## [4.27.0](https://github.com/gravity-ui/page-constructor/compare/v4.26.0...v4.27.0) (2023-10-18)\\n\\n\\n### chore\\n\\n* add var font-weight ([#642](https://github.com/gravity-ui/page-constructor/issues/642)) ([d06b155](https://github.com/gravity-ui/page-constructor/commit/d06b15547b27f62e636b0fd7fa3ce3b76663eb00))\\n* **Header:** add fit view for media ([#642](https://github.com/gravity-ui/page-constructor/issues/642)) ([3127676](https://github.com/gravity-ui/page-constructor/commit/312767662d7323d642841d4bab071be8dfd013a2))\\n\\n## [4.26.0](https://github.com/gravity-ui/page-constructor/compare/v4.25.1...v4.26.0) (2023-10-18)\\n\\n\\n### Features\\n\\n* added focus styles for interactive elements ([#576](https://github.com/gravity-ui/page-constructor/issues/576)) ([4c6dd96](https://github.com/gravity-ui/page-constructor/commit/4c6dd9658803f6bd7a897d95bd2ffdc6101c6d21))\\n\\n## [4.25.1](https://github.com/gravity-ui/page-constructor/compare/v4.25.0...v4.25.1) (2023-10-17)\\n\\n\\n### Bug Fixes\\n\\n* fixing pip and fullscreen video in player for mobile devices ([#641](https://github.com/gravity-ui/page-constructor/issues/641)) ([5f8c517](https://github.com/gravity-ui/page-constructor/commit/5f8c517f544672956cea158e363dc599ffa1478c))\\n\\n## [4.25.0](https://github.com/gravity-ui/page-constructor/compare/v4.24.0...v4.25.0) (2023-10-16)\\n\\n\\n### chore\\n\\n* **Revert:** **Tabs:** add image variative height for media ([#644](https://github.com/gravity-ui/page-constructor/issues/644)) ([912dc63](https://github.com/gravity-ui/page-constructor/commit/912dc63d39368a103ff05fe2b2941e9905922a3f))\\n\\n## [4.24.0](https://github.com/gravity-ui/page-constructor/compare/v4.23.0...v4.24.0) (2023-10-12)\\n\\n\\n### Features\\n\\n* added ratio property in Media schema ([#635](https://github.com/gravity-ui/page-constructor/issues/635)) ([cfb4056](https://github.com/gravity-ui/page-constructor/commit/cfb40565a39fc15b9702d2af1960107fe468e6a0))\\n\\n## [4.23.0](https://github.com/gravity-ui/page-constructor/compare/v4.22.0...v4.23.0) (2023-10-12)\\n\\n\\n### Features\\n\\n* export indents mixin ([#626](https://github.com/gravity-ui/page-constructor/issues/626)) ([2609ca9](https://github.com/gravity-ui/page-constructor/commit/2609ca9cf761e085c4418c42f27fd6c474b26eb2))\\n* update schemas for Table and Media blocks ([#628](https://github.com/gravity-ui/page-constructor/issues/628)) ([b9b5fff](https://github.com/gravity-ui/page-constructor/commit/b9b5fff21feebd1c7e30244ab9c93f8da765bdf0))\\n\\n## [4.22.0](https://github.com/gravity-ui/page-constructor/compare/v4.21.0...v4.22.0) (2023-10-11)\\n\\n\\n### Features\\n\\n* **Header:** fix video size ([#625](https://github.com/gravity-ui/page-constructor/issues/625)) ([44cf17e](https://github.com/gravity-ui/page-constructor/commit/44cf17ebeb6baee16108d6a914cd8089463ec76a))\\n\\n## [4.21.0](https://github.com/gravity-ui/page-constructor/compare/v4.20.2...v4.21.0) (2023-10-06)\\n\\n\\n### Features\\n\\n* **Table, HS, BackgroundImage:** add new view for Table and fix design bugs ([#622](https://github.com/gravity-ui/page-constructor/issues/622)) ([b2fe177](https://github.com/gravity-ui/page-constructor/commit/b2fe177423497221c466c057dab3442cd286dc55))\\n* **Tabs:** add image variative height for media ([#612](https://github.com/gravity-ui/page-constructor/issues/612)) ([adf214d](https://github.com/gravity-ui/page-constructor/commit/adf214d3a672e3cfcf6b5ba0df05549f5ca73dd1))\\n\\n## [4.20.2](https://github.com/gravity-ui/page-constructor/compare/v4.20.1...v4.20.2) (2023-10-05)\\n\\n\\n### Bug Fixes\\n\\n* install-react-spring-out-from-quarantine ([#620](https://github.com/gravity-ui/page-constructor/issues/620)) ([5157d78](https://github.com/gravity-ui/page-constructor/commit/5157d783459ac894b9a8db3d0ab42f9e62d09e9e))\\n\\n## [4.20.1](https://github.com/gravity-ui/page-constructor/compare/v4.20.0...v4.20.1) (2023-10-05)\\n\\n\\n### Bug Fixes\\n\\n* normalize last slider item height ([#618](https://github.com/gravity-ui/page-constructor/issues/618)) ([0aca726](https://github.com/gravity-ui/page-constructor/commit/0aca7264dcbb534442b98a03967cbb4538c8dea6))\\n\\n## [4.20.0](https://github.com/gravity-ui/page-constructor/compare/v4.19.1...v4.20.0) (2023-10-05)\\n\\n\\n### Features\\n\\n* react-spring version upgrade ([#615](https://github.com/gravity-ui/page-constructor/issues/615)) ([cc05ae0](https://github.com/gravity-ui/page-constructor/commit/cc05ae0369df91cae0f29d4662e368fc8f8d59bf))\\n\\n\\n### Bug Fixes\\n\\n* update documentation ([#611](https://github.com/gravity-ui/page-constructor/issues/611)) ([14ee88e](https://github.com/gravity-ui/page-constructor/commit/14ee88e0f9615a46f70333f14f68d0d3294160df))\\n\\n## [4.19.1](https://github.com/gravity-ui/page-constructor/compare/v4.19.0...v4.19.1) (2023-10-02)\\n\\n\\n### Bug Fixes\\n\\n* **HeaderBlock:** theme dark ([#609](https://github.com/gravity-ui/page-constructor/issues/609)) ([e59a33f](https://github.com/gravity-ui/page-constructor/commit/e59a33f1e4b3d0803ab7bef2fce7ee6bc57f6eff))\\n\\n## [4.19.0](https://github.com/gravity-ui/page-constructor/compare/v4.18.1...v4.19.0) (2023-09-29)\\n\\n\\n### Features\\n\\n* media custom controls with play/pause button changed ([#566](https://github.com/gravity-ui/page-constructor/issues/566)) ([8b7ca7d](https://github.com/gravity-ui/page-constructor/commit/8b7ca7dd7ab4f9f8d0f8fe86dd3a8302d282bff4))\\n\\n## [4.18.1](https://github.com/gravity-ui/page-constructor/compare/v4.18.0...v4.18.1) (2023-09-27)\\n\\n\\n### Bug Fixes\\n* remove mobile padding in header slider ([#588](https://github.com/gravity-ui/page-constructor/issues/588)) ([7f8c469](https://github.com/gravity-ui/page-constructor/commit/7f8c4698bf929a2c6e8e8342b447fcf01715d000))\\n\\n## [4.18.0](https://github.com/gravity-ui/page-constructor/compare/v4.17.0...v4.18.0) (2023-09-26)\\n\\n\\n### Features\\n\\n* remove strict typograph rules ([#583](https://github.com/gravity-ui/page-constructor/issues/583)) ([7a8804a](https://github.com/gravity-ui/page-constructor/commit/7a8804a2f093c9d01e36cb34730d986a1cd648ef))\\n\\n## [4.17.0](https://github.com/gravity-ui/page-constructor/compare/v4.16.0...v4.17.0) (2023-09-26)\\n\\n\\n### Features\\n\\n* ability to add titles for the links ([#549](https://github.com/gravity-ui/page-constructor/issues/549)) ([514c988](https://github.com/gravity-ui/page-constructor/commit/514c988f3d348ecc67ebbc74ebf3c33572d18184))\\n\\n## [4.16.0](https://github.com/gravity-ui/page-constructor/compare/v4.15.3...v4.16.0) (2023-09-25)\\n\\n\\n### Features\\n\\n* add title className for CardsLayout ([#565](https://github.com/gravity-ui/page-constructor/issues/565)) ([454f41e](https://github.com/gravity-ui/page-constructor/commit/454f41e585ec98ba8530fc5cc3a95b5a157acf06))\\n\\n## [4.15.3](https://github.com/gravity-ui/page-constructor/compare/v4.15.2...v4.15.3) (2023-09-22)\\n\\n\\n### Bug Fixes\\n\\n* remove unnecessary styles ([#584](https://github.com/gravity-ui/page-constructor/issues/584)) ([47ccf13](https://github.com/gravity-ui/page-constructor/commit/47ccf1378f9acdca36cf528195213ab35b3e3a08))\\n\\n## [4.15.2](https://github.com/gravity-ui/page-constructor/compare/v4.15.1...v4.15.2) (2023-09-22)\\n\\n\\n### Bug Fixes\\n\\n* refactor indents for navigation popup ([#585](https://github.com/gravity-ui/page-constructor/issues/585)) ([95c3b0b](https://github.com/gravity-ui/page-constructor/commit/95c3b0bb1e48dd2341799506db33bbed62ce38f4))\\n\\n## [4.15.1](https://github.com/gravity-ui/page-constructor/compare/v4.15.0...v4.15.1) (2023-09-22)\\n\\n\\n### Bug Fixes\\n\\n* import lodash methods directly ([#581](https://github.com/gravity-ui/page-constructor/issues/581)) ([36456c0](https://github.com/gravity-ui/page-constructor/commit/36456c0f29b787a2d8bcfc740da1123926b0a6a4))\\n\\n## [4.15.0](https://github.com/gravity-ui/page-constructor/compare/v4.14.0...v4.15.0) (2023-09-20)\\n\\n\\n### Features\\n\\n* fix an useAnalytics hook ([#580](https://github.com/gravity-ui/page-constructor/issues/580)) ([31d68be](https://github.com/gravity-ui/page-constructor/commit/31d68bebf3e2755460b799ce9540f295bab9ec60))\\n\\n## [4.14.0](https://github.com/gravity-ui/page-constructor/compare/v4.13.1...v4.14.0) (2023-09-20)\\n\\n\\n### Features\\n\\n* add specificity for monohrome ([#577](https://github.com/gravity-ui/page-constructor/issues/577)) ([798e098](https://github.com/gravity-ui/page-constructor/commit/798e0985e4ef6162c8748c806f62afe1b9d17e5b))\\n\\n## [4.13.1](https://github.com/gravity-ui/page-constructor/compare/v4.13.0...v4.13.1) (2023-09-18)\\n\\n\\n### Bug Fixes\\n\\n* nav button hover ([#568](https://github.com/gravity-ui/page-constructor/issues/568)) ([e90fed5](https://github.com/gravity-ui/page-constructor/commit/e90fed55f4a14970f87489df36adaf97e01f7d57))\\n\\n## [4.13.0](https://github.com/gravity-ui/page-constructor/compare/v4.12.0...v4.13.0) (2023-09-18)\\n\\n\\n### Features\\n\\n* additional yfm plugins in contentTransformer ([#551](https://github.com/gravity-ui/page-constructor/issues/551)) ([7799a59](https://github.com/gravity-ui/page-constructor/commit/7799a59fb27f2a215eb552224ab2c95202f8a24f))\\n\\n## [4.12.0](https://github.com/gravity-ui/page-constructor/compare/v4.11.1...v4.12.0) (2023-09-14)\\n\\n\\n### Features\\n\\n* add analytics to icons-block ([#561](https://github.com/gravity-ui/page-constructor/issues/561)) ([75bafc4](https://github.com/gravity-ui/page-constructor/commit/75bafc49403a6686636f92a5bd674046973ddf73))\\n\\n## [4.11.1](https://github.com/gravity-ui/page-constructor/compare/v4.11.0...v4.11.1) (2023-09-14)\\n\\n\\n### Bug Fixes\\n\\n* remove unnecessary indents ([#555](https://github.com/gravity-ui/page-constructor/issues/555)) ([dac4e09](https://github.com/gravity-ui/page-constructor/commit/dac4e09573edba46611834b23fb2a8926f2c99e4))\\n\\n## [4.11.0](https://github.com/gravity-ui/page-constructor/compare/v4.10.0...v4.11.0) (2023-09-13)\\n\\n\\n### Features\\n\\n* add analyticsEvents to BackgroundCard ([#556](https://github.com/gravity-ui/page-constructor/issues/556)) ([c05d248](https://github.com/gravity-ui/page-constructor/commit/c05d248a3e118cbf4bd8bf0ceb30049db3d144e7))\\n* add style schema to ImageObjectProps ([#554](https://github.com/gravity-ui/page-constructor/issues/554)) ([5369b42](https://github.com/gravity-ui/page-constructor/commit/5369b42dad22c287b05c741f634145b0633430f9))\\n\\n## [4.10.0](https://github.com/gravity-ui/page-constructor/compare/v4.9.0...v4.10.0) (2023-09-12)\\n\\n\\n### Features\\n\\n* add custom indent for all blocks, and add className prop for CardLayoutBlock ([#492](https://github.com/gravity-ui/page-constructor/issues/492)) ([75a791a](https://github.com/gravity-ui/page-constructor/commit/75a791a4b9d770692abaa8e19b9fb3d02d2fe194))\\n\\n## [4.9.0](https://github.com/gravity-ui/page-constructor/compare/v4.8.0...v4.9.0) (2023-09-08)\\n\\n\\n### Features\\n\\n* add yfm to layout item ([#545](https://github.com/gravity-ui/page-constructor/issues/545)) ([0e20800](https://github.com/gravity-ui/page-constructor/commit/0e208008eb8599d717b234374797ecef61e03e93))\\n\\n## [4.8.0](https://github.com/gravity-ui/page-constructor/compare/v4.7.0...v4.8.0) (2023-09-07)\\n\\n\\n### Features\\n\\n* migrate to `@bem-react/classname` ([#540](https://github.com/gravity-ui/page-constructor/issues/540)) ([347f7bd](https://github.com/gravity-ui/page-constructor/commit/347f7bdfb7444a6a1e15ff219eaea19bbf5b6eb2))\\n\\n## [4.7.0](https://github.com/gravity-ui/page-constructor/compare/v4.6.1...v4.7.0) (2023-09-05)\\n\\n\\n### Features\\n\\n* Media component new custom controls, refactoring ([#525](https://github.com/gravity-ui/page-constructor/issues/525)) ([f802c35](https://github.com/gravity-ui/page-constructor/commit/f802c352124b3a4387da3adfba2758d0445cdba4))\\n\\n## [4.6.1](https://github.com/gravity-ui/page-constructor/compare/v4.6.0...v4.6.1) (2023-09-05)\\n\\n\\n### Bug Fixes\\n\\n* remove unused youtube js on the first loading ([#538](https://github.com/gravity-ui/page-constructor/issues/538)) ([6167625](https://github.com/gravity-ui/page-constructor/commit/6167625fad07d7eb00f8b7d36dbbcd09beb51e41))\\n\\n## [4.6.0](https://github.com/gravity-ui/page-constructor/compare/v4.5.3...v4.6.0) (2023-09-05)\\n\\n\\n### Features\\n\\n* added labels for the Slider component ([#536](https://github.com/gravity-ui/page-constructor/issues/536)) ([0822e98](https://github.com/gravity-ui/page-constructor/commit/0822e98642d2f7a579d2d8764dedfcf07fc5dfcd))\\n\\n## [4.5.3](https://github.com/gravity-ui/page-constructor/compare/v4.5.2...v4.5.3) (2023-09-04)\\n\\n\\n### Bug Fixes\\n\\n* editor control colors ([#535](https://github.com/gravity-ui/page-constructor/issues/535)) ([b92afb2](https://github.com/gravity-ui/page-constructor/commit/b92afb20006a2af65571866601566370c544479c))\\n* editor dynamic form style issues ([#530](https://github.com/gravity-ui/page-constructor/issues/530)) ([7796388](https://github.com/gravity-ui/page-constructor/commit/77963883fd06af039a0bf84d1f477df930176540))\\n\\n## [4.5.2](https://github.com/gravity-ui/page-constructor/compare/v4.5.1...v4.5.2) (2023-08-31)\\n\\n\\n### Bug Fixes\\n\\n* added title and aria-label to \'a\' tag and button ([#531](https://github.com/gravity-ui/page-constructor/issues/531)) ([9869d8c](https://github.com/gravity-ui/page-constructor/commit/9869d8cc3c1cec686309902674d9ff86e3047bda))\\n\\n## [4.5.1](https://github.com/gravity-ui/page-constructor/compare/v4.5.0...v4.5.1) (2023-08-28)\\n\\n\\n### Bug Fixes\\n\\n* nextjs hydration error from react-player ([#526](https://github.com/gravity-ui/page-constructor/issues/526)) ([a648846](https://github.com/gravity-ui/page-constructor/commit/a648846263616e5e2be1f66549c26de4be6dccb3))\\n\\n## [4.5.0](https://github.com/gravity-ui/page-constructor/compare/v4.4.1...v4.5.0) (2023-08-25)\\n\\n\\n### Features\\n\\n* add aria-current for Tabs component ([#520](https://github.com/gravity-ui/page-constructor/issues/520)) ([debf477](https://github.com/gravity-ui/page-constructor/commit/debf4770bcac29539be62dfa28b21e16d71265d6))\\n* add link animation for cards without shadow ([#513](https://github.com/gravity-ui/page-constructor/issues/513)) ([fb0fb2d](https://github.com/gravity-ui/page-constructor/commit/fb0fb2dbe5e137789a05e97f110d2ca24f6afa32))\\n* **Navigation:** add custom elements support ([#517](https://github.com/gravity-ui/page-constructor/issues/517)) ([7d7001b](https://github.com/gravity-ui/page-constructor/commit/7d7001ba6c3e3436f0f0d6831ebe7e13ff1d518a))\\n\\n## [4.4.1](https://github.com/gravity-ui/page-constructor/compare/v4.4.0...v4.4.1) (2023-08-24)\\n\\n\\n### Bug Fixes\\n\\n* return import path ([#521](https://github.com/gravity-ui/page-constructor/issues/521)) ([65c2aeb](https://github.com/gravity-ui/page-constructor/commit/65c2aeb7a33c2002278df8bcb8766e22beaf3887))\\n\\n## [4.4.0](https://github.com/gravity-ui/page-constructor/compare/v4.3.0...v4.4.0) (2023-08-23)\\n\\n\\n### Features\\n\\n* Table component roles and labels ([#516](https://github.com/gravity-ui/page-constructor/issues/516)) ([d9faf89](https://github.com/gravity-ui/page-constructor/commit/d9faf89fbd9a2401ee1b46b6d718586fedd8eadf))\\n\\n## [4.3.0](https://github.com/gravity-ui/page-constructor/compare/v4.2.0...v4.3.0) (2023-08-23)\\n\\n\\n### Features\\n\\n* Questions block keyboard access improved ([#505](https://github.com/gravity-ui/page-constructor/issues/505)) ([3a7c146](https://github.com/gravity-ui/page-constructor/commit/3a7c14690b59638705b2edd85eecafd7f043007c))\\n\\n## [4.2.0](https://github.com/gravity-ui/page-constructor/compare/v4.1.2...v4.2.0) (2023-08-21)\\n\\n\\n### Features\\n\\n* add ariaLabel prop for Media component, mark interactive elements on it ([#504](https://github.com/gravity-ui/page-constructor/issues/504)) ([fdb185f](https://github.com/gravity-ui/page-constructor/commit/fdb185fd8fdd779b431fc40658fe514dbf21ff5e))\\n\\n\\n### Bug Fixes\\n\\n* correct usage of heading levels ([42448fa](https://github.com/gravity-ui/page-constructor/commit/42448fab99f7163002ed7f897b5792145b259b78))\\n\\n## [4.1.2](https://github.com/gravity-ui/page-constructor/compare/v4.1.1...v4.1.2) (2023-08-17)\\n\\n\\n### Bug Fixes\\n\\n* **FilterBlock:** schema validation ([#507](https://github.com/gravity-ui/page-constructor/issues/507)) ([231f640](https://github.com/gravity-ui/page-constructor/commit/231f6401eed868ff877f4dd2854b9a3b68a95003))\\n\\n## [4.1.1](https://github.com/gravity-ui/page-constructor/compare/v4.1.0...v4.1.1) (2023-08-14)\\n\\n\\n### Bug Fixes\\n\\n* **Icons:** make icon without href no clickable ([#500](https://github.com/gravity-ui/page-constructor/issues/500)) ([d37b5a3](https://github.com/gravity-ui/page-constructor/commit/d37b5a39cae95f8f0c3cb6a10f0d57b770845455))\\n\\n## [4.1.0](https://github.com/gravity-ui/page-constructor/compare/v4.0.1...v4.1.0) (2023-08-08)\\n\\n\\n### Features\\n\\n* add an icon position on the left side of a basic-card ([#481](https://github.com/gravity-ui/page-constructor/issues/481)) ([83617c9](https://github.com/gravity-ui/page-constructor/commit/83617c9a5b9f75cbaad9235bb34de50833dba92a))\\n* update @gravity-ui/dynamic-forms to v2 ([#491](https://github.com/gravity-ui/page-constructor/issues/491)) ([19f5400](https://github.com/gravity-ui/page-constructor/commit/19f5400ec3e78f205fcebd2f7c1447c8c945784a))\\n\\n## [4.0.1](https://github.com/gravity-ui/page-constructor/compare/v4.0.0...v4.0.1) (2023-08-04)\\n\\n\\n### Bug Fixes\\n\\n* fix types conflict between content_transformer and page_content ([#463](https://github.com/gravity-ui/page-constructor/issues/463)) ([0424475](https://github.com/gravity-ui/page-constructor/commit/0424475c423e4dd5b30c9c6c23fb4bdd7fee8008))\\n\\n## [4.0.0](https://github.com/gravity-ui/page-constructor/compare/v3.16.0...v4.0.0) (2023-08-03)\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update to @gravity-ui/uikit version 5 [changes](https://github.com/gravity-ui/uikit/compare/v4.24.0...v5.0.0) [#459](https://github.com/gravity-ui/page-constructor/pull/459)\\n* update to @doc-tools/transform version 3 [changes](https://github.com/yandex-cloud/yfm-transform/compare/v2.18.3...v3.0.0) [#454](https://github.com/gravity-ui/page-constructor/pull/454)\\n* `dataQa` testing props were renamed to `qa` [#451](https://github.com/gravity-ui/page-constructor/pull/451)\\n* `properties` field was removed from `ContentLayout` block, use top level fields instead [#456](https://github.com/gravity-ui/page-constructor/pull/456)\\n* `theme` field type from `ConstructorProvider` was changed to `Theme` [#451](https://github.com/gravity-ui/page-constructor/pull/450)\\n\\n### Features\\n* Theme switch was added to Editor control panel, themes in project were refactored [#451](https://github.com/gravity-ui/page-constructor/pull/450)\\n\\n## [3.16.0](https://github.com/gravity-ui/page-constructor/compare/v3.15.0...v3.16.0) (2023-08-02)\\n\\n\\n### Features\\n\\n* add content-list ([#468](https://github.com/gravity-ui/page-constructor/issues/468)) ([07e2a96](https://github.com/gravity-ui/page-constructor/commit/07e2a96328459914d5651c157abdf5d55442881a))\\n\\n## [3.15.0](https://github.com/gravity-ui/page-constructor/compare/v3.14.0...v3.15.0) (2023-08-01)\\n\\n\\n### Features\\n\\n* add blocks readme to mdx ([#467](https://github.com/gravity-ui/page-constructor/issues/467)) ([a706cf5](https://github.com/gravity-ui/page-constructor/commit/a706cf5e8c87e2ec99d3971048c30a55d20d852d))\\n\\n\\n### Bug Fixes\\n\\n* mobile navigation ssr problem ([#473](https://github.com/gravity-ui/page-constructor/issues/473)) ([fda45a4](https://github.com/gravity-ui/page-constructor/commit/fda45a42e708bfbef58f426b98e3a1ed62e687ca))\\n\\n## [3.14.0](https://github.com/gravity-ui/page-constructor/compare/v3.13.0...v3.14.0) (2023-07-31)\\n\\n\\n### Features\\n\\n* added ConstructorBlocks to module for external using ([#464](https://github.com/gravity-ui/page-constructor/issues/464)) ([511b2ea](https://github.com/gravity-ui/page-constructor/commit/511b2eaf23a1ca4ceed1a840689a61734b5fb36a))\\n\\n## [3.13.0](https://github.com/gravity-ui/page-constructor/compare/v3.12.2...v3.13.0) (2023-07-31)\\n\\n\\n### Features\\n\\n* yaml tab in editor (read-only) ([#449](https://github.com/gravity-ui/page-constructor/issues/449)) ([7a8e187](https://github.com/gravity-ui/page-constructor/commit/7a8e187e0771469b98c9322cf19f723bada6fad5))\\n\\n## [3.12.2](https://github.com/gravity-ui/page-constructor/compare/v3.12.1...v3.12.2) (2023-07-31)\\n\\n\\n### Bug Fixes\\n\\n* **Navigation:** navigation mobile icons ([#465](https://github.com/gravity-ui/page-constructor/issues/465)) ([a40e6f5](https://github.com/gravity-ui/page-constructor/commit/a40e6f5d4de495b722de22629f029e79d51cec25))\\n\\n## [3.12.1](https://github.com/gravity-ui/page-constructor/compare/v3.12.0...v3.12.1) (2023-07-27)\\n\\n\\n### Bug Fixes\\n\\n* remove @gravity-ui/babel-preset ([#461](https://github.com/gravity-ui/page-constructor/issues/461)) ([3d4895b](https://github.com/gravity-ui/page-constructor/commit/3d4895b904bf3c93ae89eba975fd481f7651ea4d))\\n\\n## [3.12.0](https://github.com/gravity-ui/page-constructor/compare/v3.11.0...v3.12.0) (2023-07-27)\\n\\n\\n### Features\\n\\n* navigation dropdown refactoring ([#392](https://github.com/gravity-ui/page-constructor/issues/392)) ([9f47dbe](https://github.com/gravity-ui/page-constructor/commit/9f47dbe3f5ef7f42205c66092ce25879a39d1286))\\n* update to storybook 7, webpack 5, node 18 ([#457](https://github.com/gravity-ui/page-constructor/issues/457)) ([95955ab](https://github.com/gravity-ui/page-constructor/commit/95955aba864548902275060d564602dde1f52a0f))\\n\\n\\n### Bug Fixes\\n\\n* arrage adding and removing listeners for Image ([#453](https://github.com/gravity-ui/page-constructor/issues/453)) ([32a68f2](https://github.com/gravity-ui/page-constructor/commit/32a68f281abf5f23026bf58c30edc7df6ea713da))\\n* main preview build action ([#460](https://github.com/gravity-ui/page-constructor/issues/460)) ([f6441f9](https://github.com/gravity-ui/page-constructor/commit/f6441f9eb6d503b176d408fd7a25033b75f251f7))\\n\\n## [3.11.0](https://github.com/gravity-ui/page-constructor/compare/v3.10.3...v3.11.0) (2023-07-20)\\n\\n\\n### Features\\n\\n* add editor mobile devices emulation ([#445](https://github.com/gravity-ui/page-constructor/issues/445)) ([ca97083](https://github.com/gravity-ui/page-constructor/commit/ca97083c7650f03f33853cdddebe07facf59cfa1))\\n\\n## [3.10.4](https://github.com/gravity-ui/page-constructor/compare/v3.10.3...v3.10.4) (2023-07-20)\\n\\n\\n### Features\\n\\n* editor mobile devices emulation added ([#437](https://github.com/gravity-ui/page-constructor/commit/4f284ce61c6ae4e3f3ca6cf74bdbf6bb5082750f))\\n\\n## [3.10.3](https://github.com/gravity-ui/page-constructor/compare/v3.10.2...v3.10.3) (2023-07-12)\\n\\n\\n### Bug Fixes\\n\\n* html semantic, block tag should be in block tag ([#442](https://github.com/gravity-ui/page-constructor/issues/442)) ([3b46ff4](https://github.com/gravity-ui/page-constructor/commit/3b46ff436605a81e45ced89323beba14c1e8340d))\\n\\n## [3.10.2](https://github.com/gravity-ui/page-constructor/compare/v3.10.1...v3.10.2) (2023-07-07)\\n\\n\\n### Bug Fixes\\n\\n* removed check on block tag in YFMWrapper and second check buttons in HeaderBlock ([#440](https://github.com/gravity-ui/page-constructor/issues/440)) ([90452cf](https://github.com/gravity-ui/page-constructor/commit/90452cf2b8d5dda00b2650c28ab7184a87a4023b))\\n\\n## [3.10.1](https://github.com/gravity-ui/page-constructor/compare/v3.10.0...v3.10.1) (2023-07-07)\\n\\n\\n### Bug Fixes\\n\\n* block styles specificity ([#438](https://github.com/gravity-ui/page-constructor/issues/438)) ([177996c](https://github.com/gravity-ui/page-constructor/commit/177996c30cd88ee030bc5e2d41ec9555e84d91a4))\\n\\n## [3.10.0](https://github.com/gravity-ui/page-constructor/compare/v3.9.2...v3.10.0) (2023-07-04)\\n\\n\\n### Features\\n\\n* add not found block dummy and refactor ([#435](https://github.com/gravity-ui/page-constructor/issues/435)) ([610df6a](https://github.com/gravity-ui/page-constructor/commit/610df6a65a307d357a3e2f39d401972ed595974a))\\n\\n\\n### Bug Fixes\\n\\n* fix extention extraction for image isCompressible util ([#401](https://github.com/gravity-ui/page-constructor/issues/401)) ([5eea616](https://github.com/gravity-ui/page-constructor/commit/5eea6162854f507e7402dd943ebb8b111dcac53d))\\n\\n## [3.9.2](https://github.com/gravity-ui/page-constructor/compare/v3.9.1...v3.9.2) (2023-06-28)\\n\\n\\n### Bug Fixes\\n\\n* regex to match child content on block tags ([#433](https://github.com/gravity-ui/page-constructor/issues/433)) ([a4d4129](https://github.com/gravity-ui/page-constructor/commit/a4d4129af7d1b82e149ee6ced215d5733ad1b2f7))\\n\\n## [3.9.1](https://github.com/gravity-ui/page-constructor/compare/v3.9.0...v3.9.1) (2023-06-28)\\n\\n\\n### Bug Fixes\\n\\n* header description displaying with ssr ([#431](https://github.com/gravity-ui/page-constructor/issues/431)) ([9c094dc](https://github.com/gravity-ui/page-constructor/commit/9c094dc7550d483cedd6b5611e0902b0d7aa27e1))\\n\\n## [3.9.0](https://github.com/gravity-ui/page-constructor/compare/v3.8.3...v3.9.0) (2023-06-27)\\n\\n\\n### Features\\n\\n* add content filtration utils ([6cf8038](https://github.com/gravity-ui/page-constructor/commit/6cf803818a222eed964f5e24960ad99a567adc1e))\\n* add transform when variables handling ([#427](https://github.com/gravity-ui/page-constructor/issues/427)) ([6cf8038](https://github.com/gravity-ui/page-constructor/commit/6cf803818a222eed964f5e24960ad99a567adc1e))\\n\\n## [3.8.3](https://github.com/gravity-ui/page-constructor/compare/v3.8.2...v3.8.3) (2023-06-27)\\n\\n\\n### Bug Fixes\\n\\n* editor form style indent ([#428](https://github.com/gravity-ui/page-constructor/issues/428)) ([3fc6da7](https://github.com/gravity-ui/page-constructor/commit/3fc6da73f7e724aaa4e8f22a45228f1a2cc4dc81))\\n\\n## [3.8.2](https://github.com/gravity-ui/page-constructor/compare/v3.8.1...v3.8.2) (2023-06-23)\\n\\n\\n### Bug Fixes\\n\\n* quote validation ([#402](https://github.com/gravity-ui/page-constructor/issues/402)) ([3920561](https://github.com/gravity-ui/page-constructor/commit/3920561ebe0bac727826caf690d06d74d7affaef))\\n\\n## [3.8.1](https://github.com/gravity-ui/page-constructor/compare/v3.8.0...v3.8.1) (2023-06-22)\\n\\n\\n### Bug Fixes\\n\\n* semantic markup ([#416](https://github.com/gravity-ui/page-constructor/issues/416)) ([1fd532c](https://github.com/gravity-ui/page-constructor/commit/1fd532ca0bcc2e6cd1f030b17be743c27fb2cf73))\\n\\n## [3.8.0](https://github.com/gravity-ui/page-constructor/compare/v3.7.0...v3.8.0) (2023-06-22)\\n\\n\\n### Features\\n\\n* add yfm transoform for editor demo ([#420](https://github.com/gravity-ui/page-constructor/issues/420)) ([1c1a2aa](https://github.com/gravity-ui/page-constructor/commit/1c1a2aa134a3c4d18e01537c1ca874720f23649d))\\n* update dynamic forms and fix form render performance ([#418](https://github.com/gravity-ui/page-constructor/issues/418)) ([eb9437d](https://github.com/gravity-ui/page-constructor/commit/eb9437df0d38a9a3433e85d111c45b3a49dbd9aa))\\n\\n## [3.7.0](https://github.com/gravity-ui/page-constructor/compare/v3.6.2...v3.7.0) (2023-06-21)\\n\\n\\n### Features\\n\\n* **Tabs:** provide an to change tab text size ([#417](https://github.com/gravity-ui/page-constructor/issues/417)) ([005a686](https://github.com/gravity-ui/page-constructor/commit/005a68662ecc29ee07eff7d958a27842c38206f7))\\n\\n## [3.6.2](https://github.com/gravity-ui/page-constructor/compare/v3.6.1...v3.6.2) (2023-06-19)\\n\\n\\n### Bug Fixes\\n\\n* block base inner types ([#413](https://github.com/gravity-ui/page-constructor/issues/413)) ([616d387](https://github.com/gravity-ui/page-constructor/commit/616d387833330ec7ef4cddc0f2f31d164d4a1477))\\n\\n## [3.6.1](https://github.com/gravity-ui/page-constructor/compare/v3.6.0...v3.6.1) (2023-06-19)\\n\\n\\n### Bug Fixes\\n\\n* downgrade dynamic forms to working ver ([#411](https://github.com/gravity-ui/page-constructor/issues/411)) ([d6634f0](https://github.com/gravity-ui/page-constructor/commit/d6634f0f3d51cdd24eebf408604da7cdc92aa0b3))\\n\\n## [3.6.0](https://github.com/gravity-ui/page-constructor/compare/v3.5.0...v3.6.0) (2023-06-19)\\n\\n\\n### Features\\n\\n* add exeptions for typograf rules ([#397](https://github.com/gravity-ui/page-constructor/issues/397)) ([16490a1](https://github.com/gravity-ui/page-constructor/commit/16490a1df289baf1d922d4821823638ccd43a0c1))\\n\\n## [3.5.0](https://github.com/gravity-ui/page-constructor/compare/v3.4.0...v3.5.0) (2023-06-19)\\n\\n\\n### Features\\n\\n* add subpath exports and fix editor form deps ([#407](https://github.com/gravity-ui/page-constructor/issues/407)) ([90ed4b5](https://github.com/gravity-ui/page-constructor/commit/90ed4b51fc30f4a2c25d9bb49bb035f9479f6736))\\n\\n\\n### Bug Fixes\\n\\n* control panel icons and layout ([#406](https://github.com/gravity-ui/page-constructor/issues/406)) ([e1ecadd](https://github.com/gravity-ui/page-constructor/commit/e1ecadd4b9738e19f8eff3bf5e8e51fea4eca658))\\n\\n## [3.4.0](https://github.com/gravity-ui/page-constructor/compare/v3.3.0...v3.4.0) (2023-06-16)\\n\\n\\n### Features\\n\\n* add editor mode switch  ([#404](https://github.com/gravity-ui/page-constructor/issues/404)) ([118a369](https://github.com/gravity-ui/page-constructor/commit/118a3694459479c240ca9829c6194c1185cad4a4))\\n\\n## [3.3.0](https://github.com/gravity-ui/page-constructor/compare/v3.2.0...v3.3.0) (2023-06-14)\\n\\n\\n### Features\\n\\n* add editor forms ([#393](https://github.com/gravity-ui/page-constructor/issues/393)) ([94fd2b2](https://github.com/gravity-ui/page-constructor/commit/94fd2b2f0f5a93d7e775be5c758a62aeecd56e8e))\\n\\n\\n### Bug Fixes\\n\\n* **Video:** fix schema validator ([#395](https://github.com/gravity-ui/page-constructor/issues/395)) ([0571d27](https://github.com/gravity-ui/page-constructor/commit/0571d277d902c59e546647d42c0620f8a4feb827))\\n\\n## [3.2.0](https://github.com/gravity-ui/page-constructor/compare/v3.1.2...v3.2.0) (2023-06-13)\\n\\n\\n### Features\\n\\n* update header offset, remove unnecessary margins ([#369](https://github.com/gravity-ui/page-constructor/issues/369)) ([7757ec1](https://github.com/gravity-ui/page-constructor/commit/7757ec1b80b20b79c693b28cd3c47a7a44a2987f))\\n* remove navigation\'s border by default if scroll top = 0. If you want this border by default, use prop `withBorder: true` im navigation config\\n\\n## [3.1.2](https://github.com/gravity-ui/page-constructor/compare/v3.1.1...v3.1.2) (2023-06-07)\\n\\n\\n### Bug Fixes\\n\\n* icon size in navigation popup ([#382](https://github.com/gravity-ui/page-constructor/issues/382)) ([cb7c7b1](https://github.com/gravity-ui/page-constructor/commit/cb7c7b1031777c92f6d303c5a5f2c3de2ad1c2d8))\\n\\n## [3.1.1](https://github.com/gravity-ui/page-constructor/compare/v3.1.0...v3.1.1) (2023-06-07)\\n\\n\\n### Bug Fixes\\n\\n* constructor items inner data structure ([#386](https://github.com/gravity-ui/page-constructor/issues/386)) ([f73ccde](https://github.com/gravity-ui/page-constructor/commit/f73ccde7369f38ec887ded7534f6907e4da8b4ac))\\n\\n## [3.1.0](https://github.com/gravity-ui/page-constructor/compare/v3.0.0...v3.1.0) (2023-06-05)\\n\\n\\n### Features\\n\\n* add analytics to video block ([#376](https://github.com/gravity-ui/page-constructor/issues/376)) ([85510cc](https://github.com/gravity-ui/page-constructor/commit/85510cc45475c8cf12561eed0e7a5b04fc14af5f))\\n\\n\\n### Bug Fixes\\n\\n* rerende slider chidldren on their update ([#380](https://github.com/gravity-ui/page-constructor/issues/380)) ([65e3168](https://github.com/gravity-ui/page-constructor/commit/65e31689d1817a34de094bb383b667672878d9ff))\\n\\n## [3.0.0](https://github.com/gravity-ui/page-constructor/compare/v2.22.2...v3.0.0) (2023-06-05)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* remove Preview block ([#235](https://github.com/gravity-ui/page-constructor/issues/235)), use Tabs block\\n* remove Simple block ([#228](https://github.com/gravity-ui/page-constructor/issues/228)), use ContentLayout block\\n* remove CardWithImage sub-block ([#236](https://github.com/gravity-ui/page-constructor/issues/236)), use LayoutItem sub-block\\n* remove Security block ([#321](https://github.com/gravity-ui/page-constructor/issues/321)), use ContentLayout block\\n* remove LinkTable block ([#325](https://github.com/gravity-ui/page-constructor/issues/325)), use ContentLayout block\\n* remove TutorialCard sub-block ([#331](https://github.com/gravity-ui/page-constructor/issues/331)), use BasicCard sub-block\\n* remove hook HeightCalculator ([#328](https://github.com/gravity-ui/page-constructor/issues/328))\\n* remove Partner sub-block ([#335](https://github.com/gravity-ui/page-constructor/issues/335)), use BasicCard sub-block\\n* remove NewsCard sub-block ([#342](https://github.com/gravity-ui/page-constructor/issues/342)), use BasicCard sub-block\\n* remove component Footnotes ([#343](https://github.com/gravity-ui/page-constructor/issues/343)), use ContentLayout block\\n* remove component BlockHeader ([#341](https://github.com/gravity-ui/page-constructor/issues/341)), use component Title\\n* remove property `fullScreen` from components ([#366](https://github.com/gravity-ui/page-constructor/issues/366)), use property `fullscreen`\\n* rename component FullScreenMedia to FullscreenMedia ([#366](https://github.com/gravity-ui/page-constructor/issues/366))\\n* rename icon name FullScreen to Fullscreen ([#366](https://github.com/gravity-ui/page-constructor/issues/366))\\n* remove property `showFullScreenIcon` from FullscreenMedia ([#366](https://github.com/gravity-ui/page-constructor/issues/366)), use property `showFullscreenIcon`\\n\\n\\n### refactor\\n\\n* refactor text-transform functions ([#225](https://github.com/gravity-ui/page-constructor/issues/225)):\\n  * delete `transformFootnotes`, because remove component Footnotes ([#343](https://github.com/gravity-ui/page-constructor/issues/343))\\n  * removed function `transformBlocks`, use `contentTransformer` instead\\n  * now `contentTransformer` returns new object, instead of mutating the incoming one, as it did `transformBlocks`\\n\\n## [2.22.2](https://github.com/gravity-ui/page-constructor/compare/v2.22.1...v2.22.2) (2023-06-01)\\n\\n\\n### Bug Fixes\\n\\n* **MediaBlock:** add border property into schema ([#371](https://github.com/gravity-ui/page-constructor/issues/371)) ([5365791](https://github.com/gravity-ui/page-constructor/commit/5365791550bdb2ed8258d9582605e620ab0e1b11))\\n\\n## [2.22.1](https://github.com/gravity-ui/page-constructor/compare/v2.22.0...v2.22.1) (2023-06-01)\\n\\n\\n### Bug Fixes\\n\\n* filter block nesting ([#364](https://github.com/gravity-ui/page-constructor/issues/364)) ([5b62522](https://github.com/gravity-ui/page-constructor/commit/5b62522e5e34eeacbb2fb9ec6de957bba69cd758))\\n\\n## [2.22.0](https://github.com/gravity-ui/page-constructor/compare/v2.21.0...v2.22.0) (2023-05-31)\\n\\n\\n### Features\\n\\n* **Media:** add fullscreen video ([#345](https://github.com/gravity-ui/page-constructor/issues/345)) ([516a9a8](https://github.com/gravity-ui/page-constructor/commit/516a9a8423d710b6ecad33046121c489fa876e30))\\n\\n## [2.21.0](https://github.com/gravity-ui/page-constructor/compare/v2.20.1...v2.21.0) (2023-05-29)\\n\\n\\n### Features\\n\\n* remove metrika goals from pixel events ([#355](https://github.com/gravity-ui/page-constructor/issues/355)) ([1a0ddae](https://github.com/gravity-ui/page-constructor/commit/1a0ddae92e4862665c64652c0da27cee9085d286))\\n\\n## [2.20.1](https://github.com/gravity-ui/page-constructor/compare/v2.20.0...v2.20.1) (2023-05-29)\\n\\n\\n### Bug Fixes\\n\\n* editor scroll ([#352](https://github.com/gravity-ui/page-constructor/issues/352)) ([9fbbefe](https://github.com/gravity-ui/page-constructor/commit/9fbbefec311a0017eab7533b0b26bbddf97ff453))\\n\\n## [2.20.0](https://github.com/gravity-ui/page-constructor/compare/v2.19.0...v2.20.0) (2023-05-25)\\n\\n\\n### Features\\n\\n* add page structure editor ([8d1dafe](https://github.com/gravity-ui/page-constructor/commit/8d1dafe964a9af3c7f5ad0e6039cccf2d24da64f))\\n* Edit mode ([#347](https://github.com/gravity-ui/page-constructor/issues/347)) ([8d1dafe](https://github.com/gravity-ui/page-constructor/commit/8d1dafe964a9af3c7f5ad0e6039cccf2d24da64f))\\n\\n\\n### Bug Fixes\\n\\n* customization types import fix ([#350](https://github.com/gravity-ui/page-constructor/issues/350)) ([206306f](https://github.com/gravity-ui/page-constructor/commit/206306f95d87ae428538b27dca08f78cb4de9430))\\n\\n## [2.19.0](https://github.com/gravity-ui/page-constructor/compare/v2.18.0...v2.19.0) (2023-05-23)\\n\\n\\n### Features\\n\\n* **Button:** add prop width ([#346](https://github.com/gravity-ui/page-constructor/issues/346)) ([f4b1ba8](https://github.com/gravity-ui/page-constructor/commit/f4b1ba85f56ef2de435bd91ae1fc35fbea0a177b))\\n\\n## [2.18.0](https://github.com/gravity-ui/page-constructor/compare/v2.18.0...v2.18.0) (2023-05-15)\\n\\n\\n### Features\\n\\n* **HubspotForm:** add ref forwarding for HS form ([#332](https://github.com/gravity-ui/page-constructor/issues/332)) ([37b75d3](https://github.com/gravity-ui/page-constructor/commit/37b75d31c09e8dc061d718828bcccc72b037e106))\\n\\n\\n### Bug Fixes\\n\\n* config gulpfile for tests ([a5cb59d](https://github.com/gravity-ui/page-constructor/commit/a5cb59d0bc1e3a8c09babed0c5ace9a2253416c3))\\n\\n## [2.17.0](https://github.com/gravity-ui/page-constructor/compare/v2.16.0...v2.17.0) (2023-05-12)\\n\\n\\n### Features\\n\\n* drop rules overriding ([#303](https://github.com/gravity-ui/page-constructor/issues/303)) ([0c13398](https://github.com/gravity-ui/page-constructor/commit/0c1339885ce3b930ab9428b585aa6dd020b0d298))\\n\\n## [2.16.0](https://github.com/gravity-ui/page-constructor/compare/v2.15.0...v2.16.0) (2023-05-11)\\n\\n\\n### Features\\n\\n* **Navigation:** add iconSize for navigation icons, update margin between icon and text ([#329](https://github.com/gravity-ui/page-constructor/issues/329)) ([1427740](https://github.com/gravity-ui/page-constructor/commit/14277404cfe199847ae0d1834eb433ba1efd919a))\\n\\n## [2.15.0](https://github.com/gravity-ui/page-constructor/compare/v2.14.0...v2.15.0) (2023-05-03)\\n\\n\\n### Features\\n\\n* **OverflowScroller:** customize arrow ([#326](https://github.com/gravity-ui/page-constructor/issues/326)) ([edd3dbe](https://github.com/gravity-ui/page-constructor/commit/edd3dbe2b9dfe93a83b21261f4ab8a836e05359a))\\n\\n## [2.14.0](https://github.com/gravity-ui/page-constructor/compare/v2.13.1...v2.14.0) (2023-05-02)\\n\\n\\n### Features\\n\\n* add passive flage to every addEventListener ([#318](https://github.com/gravity-ui/page-constructor/issues/318)) ([b1b7447](https://github.com/gravity-ui/page-constructor/commit/b1b7447b16b64afaf5ecea1db3ddf7ee9eeec534))\\n\\n## [2.13.1](https://github.com/gravity-ui/page-constructor/compare/v2.13.0...v2.13.1) (2023-05-02)\\n\\n\\n### Bug Fixes\\n\\n* add name property to questions in FAQpage ([#322](https://github.com/gravity-ui/page-constructor/issues/322)) ([e0813b3](https://github.com/gravity-ui/page-constructor/commit/e0813b32f61ae4d2526c461560a78fcfb460c271))\\n\\n## [2.13.0](https://github.com/gravity-ui/page-constructor/compare/v2.12.0...v2.13.0) (2023-04-28)\\n\\n\\n### Features\\n\\n* add components schemas in export ([#319](https://github.com/gravity-ui/page-constructor/issues/319)) ([756c209](https://github.com/gravity-ui/page-constructor/commit/756c20932c8643ffffbbd132a4a3d9e51439fbf7))\\n\\n## [2.12.0](https://github.com/gravity-ui/page-constructor/compare/v2.11.0...v2.12.0) (2023-04-25)\\n\\n\\n### Features\\n\\n* add alt to img ([#309](https://github.com/gravity-ui/page-constructor/issues/309)) ([a1e5587](https://github.com/gravity-ui/page-constructor/commit/a1e5587ada92b53097ac77f16c1cdad7a4899219))\\n\\n## [2.11.0](https://github.com/gravity-ui/page-constructor/compare/v2.10.0...v2.11.0) (2023-04-25)\\n\\n\\n### Features\\n\\n* add image context to use NextImage instead of normal img tag ([#313](https://github.com/gravity-ui/page-constructor/issues/313)) ([10841dc](https://github.com/gravity-ui/page-constructor/commit/10841dcbcc9bb16255dff57f4d79de94533a06c3))\\n\\n\\n### Bug Fixes\\n\\n* **QuestionBlock:** fix itemprop parameter value for FaqPage microdata ([#316](https://github.com/gravity-ui/page-constructor/issues/316)) ([4395f8a](https://github.com/gravity-ui/page-constructor/commit/4395f8a78489ee254dfa25051d8f812a7ed0bf4b))\\n\\n## [2.10.0](https://github.com/gravity-ui/page-constructor/compare/v2.9.0...v2.10.0) (2023-04-24)\\n\\n\\n### Features\\n\\n* add scroll to the active tab ([#311](https://github.com/gravity-ui/page-constructor/issues/311)) ([a5f8576](https://github.com/gravity-ui/page-constructor/commit/a5f857640c9aa5d81859321a933fcef4913b5b76))\\n\\n## [2.9.0](https://github.com/gravity-ui/page-constructor/compare/v2.8.4...v2.9.0) (2023-04-19)\\n\\n\\n### Features\\n\\n* **QuestionBlock:** add schema.org FAQ microdata ([#308](https://github.com/gravity-ui/page-constructor/issues/308)) ([cfca14a](https://github.com/gravity-ui/page-constructor/commit/cfca14a76b458bfa21daa452cb46cb966fae9e88))\\n\\n## [2.8.4](https://github.com/gravity-ui/page-constructor/compare/v2.8.3...v2.8.4) (2023-04-17)\\n\\n\\n### Bug Fixes\\n\\n* **Content:** remove links margin ([#306](https://github.com/gravity-ui/page-constructor/issues/306)) ([62972b4](https://github.com/gravity-ui/page-constructor/commit/62972b445e28016fe250c0361c91b84324456fe6))\\n\\n## [2.8.3](https://github.com/gravity-ui/page-constructor/compare/v2.8.2...v2.8.3) (2023-04-14)\\n\\n\\n### Bug Fixes\\n\\n* **BasicCard:** schema validation ([#304](https://github.com/gravity-ui/page-constructor/issues/304)) ([a8627ca](https://github.com/gravity-ui/page-constructor/commit/a8627ca131547281674e5f24df85b830875539f7))\\n\\n## [2.8.2](https://github.com/gravity-ui/page-constructor/compare/v2.8.1...v2.8.2) (2023-04-12)\\n\\n\\n### Bug Fixes\\n\\n* allow everyone to publish release and remove execess maintainers ([#301](https://github.com/gravity-ui/page-constructor/issues/301)) ([2bfe490](https://github.com/gravity-ui/page-constructor/commit/2bfe490f643707427383be104ffe699fd6db4e27))\\n\\n## [2.8.1](https://github.com/gravity-ui/page-constructor/compare/v2.8.0...v2.8.1) (2023-04-11)\\n\\n\\n### Bug Fixes\\n\\n* incorrect slider style order ([#297](https://github.com/gravity-ui/page-constructor/issues/297)) ([ba3b36a](https://github.com/gravity-ui/page-constructor/commit/ba3b36af199325cdba22f26c5b34d943456ae3fc))\\n\\n## [2.8.0](https://github.com/gravity-ui/page-constructor/compare/v2.7.0...v2.8.0) (2023-04-11)\\n\\n\\n### Features\\n\\n* **BackgroundMedia:** add fullWidthMedia for BackgroundMedia ([#281](https://github.com/gravity-ui/page-constructor/issues/281)) ([5cd19b8](https://github.com/gravity-ui/page-constructor/commit/5cd19b8d4fcbf56b854a49c88b794a056d4e3295))\\n\\n## [2.7.0](https://github.com/gravity-ui/page-constructor/compare/v2.6.0...v2.7.0) (2023-04-06)\\n\\n\\n### Features\\n\\n* add default analytics context to header block ([#289](https://github.com/gravity-ui/page-constructor/issues/289)) ([c1b8e45](https://github.com/gravity-ui/page-constructor/commit/c1b8e45423e7d8e2bd7daa108a8b296aebb811ef))\\n\\n## [2.6.0](https://github.com/gravity-ui/page-constructor/compare/v2.5.0...v2.6.0) (2023-04-05)\\n\\n\\n### Features\\n\\n* add options to useAnalytics ([#287](https://github.com/gravity-ui/page-constructor/issues/287)) ([17c2c75](https://github.com/gravity-ui/page-constructor/commit/17c2c750042718ca4f90d23245cf8d2caadde3b2))\\n\\n## [2.5.0](https://github.com/gravity-ui/page-constructor/compare/v2.4.0...v2.5.0) (2023-04-05)\\n\\n\\n### Features\\n\\n* update linters ([#269](https://github.com/gravity-ui/page-constructor/issues/269)) ([35ba72d](https://github.com/gravity-ui/page-constructor/commit/35ba72d5029397ccedefa75e43f804775b93779d))\\n\\n## [2.4.0](https://github.com/gravity-ui/page-constructor/compare/v2.3.2...v2.4.0) (2023-04-05)\\n\\n\\n### Features\\n\\n* analytics in header block breadcrumbs ([#284](https://github.com/gravity-ui/page-constructor/issues/284)) ([a2e6bbf](https://github.com/gravity-ui/page-constructor/commit/a2e6bbf0816a86d23bcca784956f4cace6d21d5a))\\n\\n## [2.3.2](https://github.com/gravity-ui/page-constructor/compare/v2.3.1...v2.3.2) (2023-04-05)\\n\\n\\n### Bug Fixes\\n\\n* export an analytics contexts ([#283](https://github.com/gravity-ui/page-constructor/issues/283)) ([96e4840](https://github.com/gravity-ui/page-constructor/commit/96e48407c89f590c48d88a4b2e3d06acfe9e72bc))\\n* set footnotes is deprecated ([#271](https://github.com/gravity-ui/page-constructor/issues/271)) ([7ea88f2](https://github.com/gravity-ui/page-constructor/commit/7ea88f2d9fbd31440857209b46d90735515ce805))\\n\\n## [2.3.1](https://github.com/gravity-ui/page-constructor/compare/v2.3.0...v2.3.1) (2023-04-03)\\n\\n\\n### Bug Fixes\\n\\n* **validator:** add FilterBlock to schema validators ([#270](https://github.com/gravity-ui/page-constructor/issues/270)) ([2c344a8](https://github.com/gravity-ui/page-constructor/commit/2c344a853d8d91b897423f8f46c191a5e7bfc8c7))\\n\\n## [2.3.0](https://github.com/gravity-ui/page-constructor/compare/v2.2.1...v2.3.0) (2023-04-03)\\n\\n\\n### Features\\n\\n* add whitelist of image extenstions which can be compressed ([#215](https://github.com/gravity-ui/page-constructor/issues/215)) ([136034b](https://github.com/gravity-ui/page-constructor/commit/136034b642f7c044c00402cf2e0527ae8a099aeb))\\n\\n## [2.2.1](https://github.com/gravity-ui/page-constructor/compare/v2.2.0...v2.2.1) (2023-03-30)\\n\\n\\n### Bug Fixes\\n\\n* **ReactPlayer:** transform youtube url for single video src ([#262](https://github.com/gravity-ui/page-constructor/issues/262)) ([5bd86fd](https://github.com/gravity-ui/page-constructor/commit/5bd86fd0e5b62e309fcf656f251007cd8e4efd68))\\n\\n## [2.2.0](https://github.com/gravity-ui/page-constructor/compare/v2.1.1...v2.2.0) (2023-03-29)\\n\\n\\n### Features\\n\\n* dropdown a ReactPlayer version ([#254](https://github.com/gravity-ui/page-constructor/issues/254)) ([fec1c3f](https://github.com/gravity-ui/page-constructor/commit/fec1c3fee50dcd86d08c0501f80d7aca0795e026))\\n\\n## [2.1.1](https://github.com/gravity-ui/page-constructor/compare/v2.1.0...v2.1.1) (2023-03-28)\\n\\n\\n### Bug Fixes\\n\\n* quotes validator schema ([#247](https://github.com/gravity-ui/page-constructor/issues/247)) ([87b8587](https://github.com/gravity-ui/page-constructor/commit/87b8587bcd5fe2bb96b5d70aae9eb6ca9e189f33))\\n\\n## [2.1.0](https://github.com/gravity-ui/page-constructor/compare/v2.0.3...v2.1.0) (2023-03-27)\\n\\n\\n### Features\\n\\n* **Title:** add size xs ([#207](https://github.com/gravity-ui/page-constructor/issues/207)) ([1fd8cf7](https://github.com/gravity-ui/page-constructor/commit/1fd8cf7aeaf4a6a993a3ffcce576a41d61c3b66b))\\n\\n## [2.0.3](https://github.com/gravity-ui/page-constructor/compare/v2.0.2...v2.0.3) (2023-03-27)\\n\\n\\n### Bug Fixes\\n\\n* **Tabs:** wrap tabs on desktop ([#237](https://github.com/gravity-ui/page-constructor/issues/237)) ([68dd965](https://github.com/gravity-ui/page-constructor/commit/68dd965b8d5ad9439f8c59211232911695c30fd3))\\n\\n## [2.0.2](https://github.com/gravity-ui/page-constructor/compare/v2.0.1...v2.0.2) (2023-03-24)\\n\\n\\n### Bug Fixes\\n\\n* add specificity for few buttons ([#230](https://github.com/gravity-ui/page-constructor/issues/230)) ([22b0891](https://github.com/gravity-ui/page-constructor/commit/22b089158ed184d03726c5d0e0cff27307f1dec1))\\n\\n## [2.0.1](https://github.com/gravity-ui/page-constructor/compare/v2.0.0...v2.0.1) (2023-03-24)\\n\\n\\n### Bug Fixes\\n\\n* handle margins for centered links and buttons in Content ([#223](https://github.com/gravity-ui/page-constructor/issues/223)) ([50590f2](https://github.com/gravity-ui/page-constructor/commit/50590f288cba7d3dd88e4f91e1642d0a34061fb9))\\n* **Navigation:** fix issue with remaining event handler in effect ([#220](https://github.com/gravity-ui/page-constructor/issues/220)) ([d494523](https://github.com/gravity-ui/page-constructor/commit/d4945238ee52f7cca92ea4b092f0701ab4d99693))\\n\\n## [2.0.0](https://github.com/gravity-ui/page-constructor/compare/v1.25.2...v2.0.0) (2023-03-23)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update uikit up to 4, update react up to 18([#134](https://github.com/gravity-ui/page-constructor/issues/134)) (#212)\\n\\n### Features\\n\\n* map-block changing the logic of zoom and center ([#219](https://github.com/gravity-ui/page-constructor/issues/219)) ([d332844](https://github.com/gravity-ui/page-constructor/commit/d33284425878cdbfacdf7813826d909e9ab696cb))\\n* update uikit up to 4, update react up to 18([#134](https://github.com/gravity-ui/page-constructor/issues/134)) ([#212](https://github.com/gravity-ui/page-constructor/issues/212)) ([377b1f5](https://github.com/gravity-ui/page-constructor/commit/377b1f59c25d08458082232075e2e7bcfe84fe5c))\\n\\n## [1.25.2](https://github.com/gravity-ui/page-constructor/compare/v1.25.1...v1.25.2) (2023-03-21)\\n\\n\\n### Bug Fixes\\n\\n* **ExtendedFeatures:** label position fixed ([#175](https://github.com/gravity-ui/page-constructor/issues/175)) ([fb8d206](https://github.com/gravity-ui/page-constructor/commit/fb8d206ad2378564a1dc7a7295f02da13ae66df1))\\n\\n## [1.25.1](https://github.com/gravity-ui/page-constructor/compare/v1.25.0...v1.25.1) (2023-03-20)\\n\\n\\n### Bug Fixes\\n\\n* cannot read stopPropagation of undefined in navigation utils ([#221](https://github.com/gravity-ui/page-constructor/issues/221)) ([e20904a](https://github.com/gravity-ui/page-constructor/commit/e20904abfcc14339be777747a4c26187dba8cd58))\\n\\n## [1.25.0](https://github.com/gravity-ui/page-constructor/compare/v1.24.0...v1.25.0) (2023-03-14)\\n\\n\\n### Features\\n\\n* update react-player version ([#217](https://github.com/gravity-ui/page-constructor/issues/217)) ([806dea6](https://github.com/gravity-ui/page-constructor/commit/806dea69c911c789782b8100a364187675ebf3d3))\\n\\n## [1.24.0](https://github.com/gravity-ui/page-constructor/compare/v1.23.0...v1.24.0) (2023-03-13)\\n\\n\\n### Features\\n\\n* add dropdown item in right column of navigation ([#213](https://github.com/gravity-ui/page-constructor/issues/213)) ([71f23a8](https://github.com/gravity-ui/page-constructor/commit/71f23a8ff00948fa62b3bd5b7833b171b59176d6))\\n\\n## [1.23.0](https://github.com/gravity-ui/page-constructor/compare/v1.22.1...v1.23.0) (2023-03-09)\\n\\n\\n### Features\\n\\n* add release flow to README.md ([#183](https://github.com/gravity-ui/page-constructor/issues/183)) ([c7d7923](https://github.com/gravity-ui/page-constructor/commit/c7d7923c034b88a8e8167023448d8a071926cc26))\\n\\n## [1.22.1](https://github.com/gravity-ui/page-constructor/compare/v1.22.0...v1.22.1) (2023-03-07)\\n\\n\\n### Bug Fixes\\n\\n* add  map block to text transform blocks [CLOUDFRONT-15094] ([#206](https://github.com/gravity-ui/page-constructor/issues/206)) ([a9323a1](https://github.com/gravity-ui/page-constructor/commit/a9323a1f895258af598106786157164ecde4a7fc))\\n\\n## [1.22.0](https://github.com/gravity-ui/page-constructor/compare/v1.21.0...v1.22.0) (2023-03-07)\\n\\n\\n### Features\\n\\n* add github button in navigation ([#194](https://github.com/gravity-ui/page-constructor/issues/194)) ([57adcb5](https://github.com/gravity-ui/page-constructor/commit/57adcb5ad838f9a86681602f51717be4768e0605))\\n\\n## [1.21.0](https://github.com/gravity-ui/page-constructor/compare/v1.20.5...v1.21.0) (2023-03-06)\\n\\n\\n### Features\\n\\n* **FilterBlock:** add block that filters its subblocks ([#180](https://github.com/gravity-ui/page-constructor/issues/180)) ([4b6852c](https://github.com/gravity-ui/page-constructor/commit/4b6852c5d1c55e4d1e2cc027c4229b9cc7500e8f))\\n\\n## [1.20.5](https://github.com/gravity-ui/page-constructor/compare/v1.20.4...v1.20.5) (2023-03-03)\\n\\n\\n### Bug Fixes\\n\\n* move BlockIdContext.Provider inside ConstructorItem and ConstructorLoadable ([#201](https://github.com/gravity-ui/page-constructor/issues/201)) ([f2036e3](https://github.com/gravity-ui/page-constructor/commit/f2036e333f10711ca51ad3a62c735ca285904cff))\\n\\n## [1.20.4](https://github.com/gravity-ui/page-constructor/compare/v1.20.3...v1.20.4) (2023-03-03)\\n\\n\\n### Bug Fixes\\n\\n* add unique key to BlockIdContext ([#199](https://github.com/gravity-ui/page-constructor/issues/199)) ([05b0a88](https://github.com/gravity-ui/page-constructor/commit/05b0a88fe9b996d7728afa49ade3a0a5cae85713))\\n\\n## [1.20.3](https://github.com/gravity-ui/page-constructor/compare/v1.20.2...v1.20.3) (2023-03-02)\\n\\n\\n### Bug Fixes\\n\\n* add uniqueness to children key prop ([#192](https://github.com/gravity-ui/page-constructor/issues/192)) ([8cbb720](https://github.com/gravity-ui/page-constructor/commit/8cbb720a4e60ccab8a3440141b3e4f5998c26a9b))\\n\\n## [1.20.2](https://github.com/gravity-ui/page-constructor/compare/v1.20.1...v1.20.2) (2023-03-01)\\n\\n\\n### Bug Fixes\\n\\n* fix map block scheme ([#190](https://github.com/gravity-ui/page-constructor/issues/190)) ([c75ae30](https://github.com/gravity-ui/page-constructor/commit/c75ae30bc168fcd9e39c71f71501ec1b87446ef1))\\n\\n## [1.20.1](https://github.com/gravity-ui/page-constructor/compare/v1.20.0...v1.20.1) (2023-03-01)\\n\\n\\n### Bug Fixes\\n\\n* uninstall react-github-btn because is hot support cjs ([#188](https://github.com/gravity-ui/page-constructor/issues/188)) ([e32a51a](https://github.com/gravity-ui/page-constructor/commit/e32a51ae17a31dea8037a89a30f4b080e2aacb2e))\\n\\n## [1.20.0](https://github.com/gravity-ui/page-constructor/compare/v1.19.1...v1.20.0) (2023-03-01)\\n\\n\\n### Features\\n\\n* new analytics ([#121](https://github.com/gravity-ui/page-constructor/issues/121)) ([cc329bc](https://github.com/gravity-ui/page-constructor/commit/cc329bcca9b11cd8a5fb2b4ff30791134ee09535))\\n\\n## [1.19.1](https://github.com/gravity-ui/page-constructor/compare/v1.19.0...v1.19.1) (2023-03-01)\\n\\n\\n### Bug Fixes\\n\\n* fix map block scheme ([8db1923](https://github.com/gravity-ui/page-constructor/commit/8db1923b315c793d349da868f9299feb983408be))\\n\\n## [1.19.0](https://github.com/gravity-ui/page-constructor/compare/v1.18.1...v1.19.0) (2023-02-28)\\n\\n\\n### Features\\n\\n* add Map-block ([13874f7](https://github.com/gravity-ui/page-constructor/commit/13874f70edddc297c711a6e4eae7753ae04fd746))\\n\\n## [1.18.1](https://github.com/gravity-ui/page-constructor/compare/v1.18.0...v1.18.1) (2023-02-28)\\n\\n\\n### Bug Fixes\\n\\n* add mixin for navigation item and refactor ([#179](https://github.com/gravity-ui/page-constructor/issues/179)) ([3709fcd](https://github.com/gravity-ui/page-constructor/commit/3709fcdcaa2149ed287fb9ef0250dfca1181c842))\\n\\n## [1.18.0](https://github.com/gravity-ui/page-constructor/compare/v1.17.0...v1.18.0) (2023-02-28)\\n\\n\\n### Features\\n\\n* monochrome mixin moved from \'Button.css\' to \'mixins.css\' ([#173](https://github.com/gravity-ui/page-constructor/issues/173)) ([6bb35cf](https://github.com/gravity-ui/page-constructor/commit/6bb35cfea50f7c62682404da02f594dd4f90a011))\\n\\n## [1.17.0](https://github.com/gravity-ui/page-constructor/compare/v1.16.4...v1.17.0) (2023-02-28)\\n\\n\\n### Features\\n\\n* **Navigation:** add github star button in navigation ([#159](https://github.com/gravity-ui/page-constructor/issues/159)) ([829d358](https://github.com/gravity-ui/page-constructor/commit/829d3582772378940993c4f676fe08676693266a))\\n\\n\\n### Bug Fixes\\n\\n* remove background from Overlowscroller ([#153](https://github.com/gravity-ui/page-constructor/issues/153)) ([652adfa](https://github.com/gravity-ui/page-constructor/commit/652adfaf92156e1f96a9292d034c5139aac7894c))\\n\\n## [1.16.4](https://github.com/gravity-ui/page-constructor/compare/v1.16.3...v1.16.4) (2023-02-22)\\n\\n\\n### Bug Fixes\\n\\n* **BasicCard:** add target ([#162](https://github.com/gravity-ui/page-constructor/issues/162)) ([569038c](https://github.com/gravity-ui/page-constructor/commit/569038c8ef1c43b7c8b9d6462126997155605b4c))\\n* do not set \\"rel: \'noopener noreferrer\'\\" for local links ([#160](https://github.com/gravity-ui/page-constructor/issues/160)) ([81173a7](https://github.com/gravity-ui/page-constructor/commit/81173a7e237104463971a80e386f5bad37caa551))\\n\\n## [1.16.3](https://github.com/gravity-ui/page-constructor/compare/v1.16.2...v1.16.3) (2023-02-17)\\n\\n\\n### Bug Fixes\\n\\n* add router link for banner button ([#158](https://github.com/gravity-ui/page-constructor/issues/158)) ([a194a40](https://github.com/gravity-ui/page-constructor/commit/a194a40bae0486277d0a862e3a9b415404d75d0b))\\n* **Foldable:** fix issues with content height calculation on resize ([#156](https://github.com/gravity-ui/page-constructor/issues/156)) ([e20709e](https://github.com/gravity-ui/page-constructor/commit/e20709e4eb84e7eb620ff2e42dd3e5010d1066a2))\\n\\n## [1.16.2](https://github.com/gravity-ui/page-constructor/compare/v1.16.1...v1.16.2) (2023-02-16)\\n\\n\\n### Bug Fixes\\n\\n* **HubspotForm:** required checkbox ([#154](https://github.com/gravity-ui/page-constructor/issues/154)) ([6c948d1](https://github.com/gravity-ui/page-constructor/commit/6c948d1a3511e16902e6808d83ac3f0ac14b6d9c))\\n\\n## [1.16.1](https://github.com/gravity-ui/page-constructor/compare/v1.16.0...v1.16.1) (2023-02-14)\\n\\n\\n### Bug Fixes\\n\\n* youtube dimensions ratio for large screens ([#151](https://github.com/gravity-ui/page-constructor/issues/151)) ([5ee3c9c](https://github.com/gravity-ui/page-constructor/commit/5ee3c9cabe641bd437a02d137528424df7fd2c5a))\\n\\n## [1.16.0](https://github.com/gravity-ui/page-constructor/compare/v1.15.4...v1.16.0) (2023-02-14)\\n\\n\\n### Features\\n\\n* **HubspotForm:** add render outside virtual dom ([#138](https://github.com/gravity-ui/page-constructor/issues/138)) ([1b8694c](https://github.com/gravity-ui/page-constructor/commit/1b8694c6893df63ffabab84779febad57362804c))\\n\\n## [1.15.4](https://github.com/gravity-ui/page-constructor/compare/v1.15.3...v1.15.4) (2023-02-13)\\n\\n\\n### Bug Fixes\\n\\n* freeze-es-5-ext ([#146](https://github.com/gravity-ui/page-constructor/issues/146)) ([72ca5f9](https://github.com/gravity-ui/page-constructor/commit/72ca5f90dee5b3a45d895695416b3398a46973b4))\\n\\n## [1.15.3](https://github.com/gravity-ui/page-constructor/compare/v1.15.2...v1.15.3) (2023-02-10)\\n\\n\\n### Bug Fixes\\n\\n* fullscreen icon hide ([#141](https://github.com/gravity-ui/page-constructor/issues/141)) ([dfec755](https://github.com/gravity-ui/page-constructor/commit/dfec75544102299d0f82b72dbb5f334759a63cb0))\\n\\n## [1.15.2](https://github.com/gravity-ui/page-constructor/compare/v1.15.1...v1.15.2) (2023-02-10)\\n\\n\\n### Bug Fixes\\n\\n* add layout item to card stories ([#143](https://github.com/gravity-ui/page-constructor/issues/143)) ([078c7f2](https://github.com/gravity-ui/page-constructor/commit/078c7f24e1e6a620ad57b929f08dd703092463f5))\\n\\n## [1.15.1](https://github.com/gravity-ui/page-constructor/compare/v1.15.0...v1.15.1) (2023-02-10)\\n\\n\\n### Bug Fixes\\n\\n* change meta info tag to h4 ([#140](https://github.com/gravity-ui/page-constructor/issues/140)) ([8cd84bd](https://github.com/gravity-ui/page-constructor/commit/8cd84bd5e313b41caf240b1ff155a9698ec9c17a))\\n\\n## [1.15.0](https://github.com/gravity-ui/page-constructor/compare/v1.14.4...v1.15.0) (2023-02-10)\\n\\n\\n### Features\\n\\n* add handler for submit error in hubspot forms ([#135](https://github.com/gravity-ui/page-constructor/issues/135)) ([5f9b7a8](https://github.com/gravity-ui/page-constructor/commit/5f9b7a89996b0d2237d62ffccbea6d08f19a8d35))\\n\\n## [1.14.4](https://github.com/gravity-ui/page-constructor/compare/v1.14.3...v1.14.4) (2023-02-10)\\n\\n\\n### Bug Fixes\\n\\n* changelog ([#136](https://github.com/gravity-ui/page-constructor/issues/136)) ([a07c738](https://github.com/gravity-ui/page-constructor/commit/a07c738e09898a952e63e1f0712cc9a31076cc1c))\\n\\n## [1.14.3](https://github.com/gravity-ui/page-constructor/compare/v1.14.2...v1.14.3) (2023-02-10)\\n\\n### Features\\n\\n* LayoutItem was added and CardWithImage was deprecated ([#132](https://github.com/gravity-ui/page-constructor/issues/132))([4abebb5](https://github.com/gravity-ui/page-constructor/commit/4abebb573e12d0976d61541e2f33c17f3d25453a))\\n\\n### Bug Fixes\\n\\n* remove unused card types ([#130](https://github.com/gravity-ui/page-constructor/issues/130)) ([22da2fa](https://github.com/gravity-ui/page-constructor/commit/22da2fadd433e12e84cf8afd238c369cff5f2c24))\\n\\n## [1.14.2](https://github.com/gravity-ui/page-constructor/compare/v1.14.1...v1.14.2) (2023-02-02)\\n\\n\\n### Bug Fixes\\n\\n* **HubspotForm:** border-radius ([#128](https://github.com/gravity-ui/page-constructor/issues/128)) ([437344b](https://github.com/gravity-ui/page-constructor/commit/437344b510cbde11bdf6e3a3ceb914fb0818a016))\\n\\n## [1.14.1](https://github.com/gravity-ui/page-constructor/compare/v1.14.0...v1.14.1) (2023-02-01)\\n\\n\\n### Bug Fixes\\n\\n* enable addons menu by default ([7772a55](https://github.com/gravity-ui/page-constructor/commit/7772a554950643d7cdbb86a8dedade6f916ae176))\\n* **Storybook:** fix links ([#123](https://github.com/gravity-ui/page-constructor/issues/123)) ([10cfe80](https://github.com/gravity-ui/page-constructor/commit/10cfe8054178bd577014dfff83033ff0c0dd9add))\\n\\n## [1.14.0](https://github.com/gravity-ui/page-constructor/compare/v1.13.2...v1.14.0) (2023-01-25)\\n\\n\\n### Features\\n\\n* **Navigation:** add schema validation ([#120](https://github.com/gravity-ui/page-constructor/issues/120)) ([a6c8dec](https://github.com/gravity-ui/page-constructor/commit/a6c8decf04f402113a5a31d2635721ffcc1b233c))\\n\\n## [1.13.2](https://github.com/gravity-ui/page-constructor/compare/v1.13.1...v1.13.2) (2023-01-20)\\n\\n\\n### Bug Fixes\\n\\n* **PromoFeaturesBlock:** transform items ([#118](https://github.com/gravity-ui/page-constructor/issues/118)) ([4c1cc7a](https://github.com/gravity-ui/page-constructor/commit/4c1cc7a38f2d789ce1c723b9695b7c1ed3e3cdf8))\\n\\n## [1.13.1](https://github.com/gravity-ui/page-constructor/compare/v1.13.0...v1.13.1) (2023-01-19)\\n\\n\\n### Bug Fixes\\n\\n* **Navigation:** logo and button specifity styles ([#116](https://github.com/gravity-ui/page-constructor/issues/116)) ([dbe0c39](https://github.com/gravity-ui/page-constructor/commit/dbe0c39aa88aac8a3e84c079d7de400e9a9b3d2f))\\n\\n## [1.13.0](https://github.com/gravity-ui/page-constructor/compare/v1.12.1...v1.13.0) (2023-01-18)\\n\\n\\n### Features\\n\\n* remove matchMedia artefact ([#114](https://github.com/gravity-ui/page-constructor/issues/114)) ([8ff3117](https://github.com/gravity-ui/page-constructor/commit/8ff3117261f9681f0dbb452c3c722ee80845da80))\\n\\n\\n### Bug Fixes\\n\\n* delete unused dependency ([#112](https://github.com/gravity-ui/page-constructor/issues/112)) ([300085c](https://github.com/gravity-ui/page-constructor/commit/300085c456877ef617f4225a603fcc3d52393848))\\n\\n## [1.12.1](https://github.com/gravity-ui/page-constructor/compare/v1.12.0...v1.12.1) (2023-01-11)\\n\\n\\n### Bug Fixes\\n\\n* **BlockHeader:** add yfm to description, change styles ([#105](https://github.com/gravity-ui/page-constructor/issues/105)) ([f77fc5e](https://github.com/gravity-ui/page-constructor/commit/f77fc5e82f7aaf33dda8f56a9f17a87d61cc5cdd))\\n* contentBase import ([#109](https://github.com/gravity-ui/page-constructor/issues/109)) ([2136f7b](https://github.com/gravity-ui/page-constructor/commit/2136f7bbe340c6035c655ff5139ae69ee1b50d3e))\\n\\n## [1.12.0](https://github.com/gravity-ui/page-constructor/compare/v1.11.1...v1.12.0) (2023-01-10)\\n\\n\\n### Features\\n\\n* **schemas:** add content field to blocks\' schemas ([#60](https://github.com/gravity-ui/page-constructor/issues/60)) ([f3952b3](https://github.com/gravity-ui/page-constructor/commit/f3952b367b8c5d53b33fb57cf063f713938a077d))\\n\\n## [1.11.1](https://github.com/gravity-ui/page-constructor/compare/v1.11.0...v1.11.1) (2023-01-10)\\n\\n\\n### Bug Fixes\\n\\n* **Tabs:** add caption to media ([#106](https://github.com/gravity-ui/page-constructor/issues/106)) ([e825a4c](https://github.com/gravity-ui/page-constructor/commit/e825a4cff8fe9157f5444b03d32d4aff6e7dfba1))\\n\\n## [1.11.0](https://github.com/gravity-ui/page-constructor/compare/v1.10.8...v1.11.0) (2023-01-09)\\n\\n### Features\\n\\n* **Navigation:** add logo dark theme support ([#97](https://github.com/gravity-ui/page-constructor/pull/97)) ([7e4e7bd](https://github.com/gravity-ui/page-constructor/commit/7e4e7bd6fb92fded7a38538f1da0c9f0e14cccb1))\\n\\n### Bug Fixes\\n\\n* link children align ([#103](https://github.com/gravity-ui/page-constructor/issues/103)) ([07eee68](https://github.com/gravity-ui/page-constructor/commit/07eee6828de60a66e8ae371030c67adc50c7ff8d))\\n\\n\\n## [1.10.8](https://github.com/gravity-ui/page-constructor/compare/v1.10.7...v1.10.8) (2023-01-09)\\n\\n\\n### Bug Fixes\\n\\n* add arrow link top for different sizes ([2fe8038](https://github.com/gravity-ui/page-constructor/commit/2fe8038372299e1c1b82ae93402f8c0df3ef7c03))\\n\\n## [1.10.7](https://github.com/gravity-ui/page-constructor/compare/v1.10.6...v1.10.7) (2022-12-23)\\n\\n\\n### Bug Fixes\\n\\n* **Share:** schema ([#94](https://github.com/gravity-ui/page-constructor/issues/94)) ([465e039](https://github.com/gravity-ui/page-constructor/commit/465e0395413df74af8ac8be83dfe4167ae378835))\\n\\n## [1.10.6](https://github.com/gravity-ui/page-constructor/compare/v1.10.5...v1.10.6) (2022-12-23)\\n\\n\\n### Bug Fixes\\n\\n* **Divider:** size s ([#93](https://github.com/gravity-ui/page-constructor/issues/93)) ([d8aba9a](https://github.com/gravity-ui/page-constructor/commit/d8aba9a9d6ec5b1bec560a4d22b16fc45180c1ed))\\n\\n## [1.10.5](https://github.com/gravity-ui/page-constructor/compare/v1.10.4...v1.10.5) (2022-12-22)\\n\\n\\n### Bug Fixes\\n\\n* monochrome button theme ([#89](https://github.com/gravity-ui/page-constructor/issues/89)) ([e29fe65](https://github.com/gravity-ui/page-constructor/commit/e29fe65788b844cb753d24d00c56ab31b2143333))\\n\\n## [1.10.4](https://github.com/gravity-ui/page-constructor/compare/v1.10.3...v1.10.4) (2022-12-22)\\n\\n\\n### Bug Fixes\\n\\n* **Image:** desktop webp ([#90](https://github.com/gravity-ui/page-constructor/issues/90)) ([2940078](https://github.com/gravity-ui/page-constructor/commit/2940078045246d7cf4af9eb4ad845deb9b3e4576))\\n\\n## [1.10.3](https://github.com/gravity-ui/page-constructor/compare/v1.10.2...v1.10.3) (2022-12-15)\\n\\n\\n### Bug Fixes\\n\\n* share icons ([#87](https://github.com/gravity-ui/page-constructor/issues/87)) ([565f125](https://github.com/gravity-ui/page-constructor/commit/565f12538d9b686d654d58bf548b9ec87bc566b7))\\n\\n## [1.10.2](https://github.com/gravity-ui/page-constructor/compare/v1.10.1...v1.10.2) (2022-12-13)\\n\\n\\n### Bug Fixes\\n\\n* shema validation ([#80](https://github.com/gravity-ui/page-constructor/issues/80)) ([c0d2f92](https://github.com/gravity-ui/page-constructor/commit/c0d2f92c1dabab86f9cb9264714821aa391e4c4c))\\n\\n## [1.10.1](https://github.com/gravity-ui/page-constructor/compare/v1.10.0...v1.10.1) (2022-12-13)\\n\\n\\n### Bug Fixes\\n\\n* **HubspotForm:** change height ([#81](https://github.com/gravity-ui/page-constructor/issues/81)) ([3c596f7](https://github.com/gravity-ui/page-constructor/commit/3c596f786c9e6b6ff4007a10e85c663cb4d6c29c))\\n* release 1.10.0 ([#84](https://github.com/gravity-ui/page-constructor/issues/84)) ([159b20a](https://github.com/gravity-ui/page-constructor/commit/159b20ad3ba74a0877bca0178dddc244f8ef37c2))\\n\\n## [1.10.0](https://github.com/gravity-ui/page-constructor/compare/v1.9.3...v1.10.0) (2022-12-12)\\n\\n\\n### Features\\n\\n* **Share:** create block ([#79](https://github.com/gravity-ui/page-constructor/issues/79)) ([bf950c8](https://github.com/gravity-ui/page-constructor/commit/bf950c88a3a885138a1db3f1214b56011971cd8b))\\n\\n## [1.9.3](https://github.com/gravity-ui/page-constructor/compare/v1.9.2...v1.9.3) (2022-12-07)\\n\\n\\n### Bug Fixes\\n\\n* **Tabs:** padding and image props ([#77](https://github.com/gravity-ui/page-constructor/issues/77)) ([5809e6b](https://github.com/gravity-ui/page-constructor/commit/5809e6b6364e0b3d01621d15371ef5d0aaa9518b))\\n\\n## [1.9.2](https://github.com/gravity-ui/page-constructor/compare/v1.9.1...v1.9.2) (2022-12-07)\\n\\n\\n### Bug Fixes\\n\\n* navigation import and types ([#76](https://github.com/gravity-ui/page-constructor/issues/76)) ([53ea8d4](https://github.com/gravity-ui/page-constructor/commit/53ea8d4bb12290d3cd3f2cef6dca6a48c5c68d68))\\n* release ([#74](https://github.com/gravity-ui/page-constructor/issues/74)) ([13193d4](https://github.com/gravity-ui/page-constructor/commit/13193d420ff2486a94638bd8119e28d69aa713d8))\\n\\n## [1.9.1](https://github.com/gravity-ui/page-constructor/compare/v1.9.0...v1.9.1) (2022-12-05)\\n\\n\\n### Bug Fixes\\n\\n* **Tabs:** player video height ([a372ddb](https://github.com/gravity-ui/page-constructor/commit/a372ddbbde003ef82818ba167adbff0e8bf57905))\\n\\n## [1.9.0](https://github.com/gravity-ui/page-constructor/compare/v1.8.2...v1.9.0) (2022-12-05)\\n\\n\\n### Features\\n\\n* **Tabs:** change tabs to buttons ([#63](https://github.com/gravity-ui/page-constructor/issues/63)) ([f6195f3](https://github.com/gravity-ui/page-constructor/commit/f6195f3115bb5136c17336edb8a0ff64dcc50de5))\\n\\n## [1.8.2](https://github.com/gravity-ui/page-constructor/compare/v1.8.1...v1.8.2) (2022-12-02)\\n\\n\\n### Bug Fixes\\n\\n* remove old deploy files ([faa9998](https://github.com/gravity-ui/page-constructor/commit/faa99980b3797b7efaba46fe38e094bdfad57af4))\\n\\n## [1.8.1](https://github.com/gravity-ui/page-constructor/compare/v1.8.0...v1.8.1) (2022-12-02)\\n\\n\\n### Bug Fixes\\n\\n* hs form field width limitations ([fe45a77](https://github.com/gravity-ui/page-constructor/commit/fe45a77f0dbeae555110602845307fd9c47f8495))\\n\\n## [1.8.0](https://github.com/gravity-ui/page-constructor/compare/v1.7.1...v1.8.0) (2022-12-02)\\n\\n\\n### Features\\n\\n* add **navigation** ([99493a4](https://github.com/gravity-ui/page-constructor/commit/99493a4ab17af679bba250b3c7d00b4fe9256baa))\\n\\n\\n## [1.7.1](https://github.com/gravity-ui/page-constructor/compare/v1.7.0...v1.7.1) (2022-11-29)\\n\\n\\n### Bug Fixes\\n\\n* **ExtendedFeatures:** add props ([6254d62](https://github.com/gravity-ui/page-constructor/commit/6254d62b9ceded154d0fdcded9a554fd33772d13))\\n* storybook content ([b98eccc](https://github.com/gravity-ui/page-constructor/commit/b98ecccc96cfba2376552e4c9314a559913455d9))\\n\\n## [1.7.0](https://github.com/gravity-ui/page-constructor/compare/v1.6.1...v1.7.0) (2022-11-10)\\n\\n\\n### Features\\n\\n* **ExtendedFeatures:** add content ([#51](https://github.com/gravity-ui/page-constructor/issues/51)) ([0990563](https://github.com/gravity-ui/page-constructor/commit/0990563a62c3f8f4d4cfb206cedb7a1205cb1797))\\n\\n## [1.6.1](https://github.com/gravity-ui/page-constructor/compare/v1.4.1...v1.6.1) (2022-11-10)\\n\\n### Bug Fixes\\n\\n* fix storybook\'s content\\n\\n\\n## [1.6.0](https://github.com/gravity-ui/page-constructor/pulls?q=is%3Apr+is%3Aclosed) (2022-11-09)\\n\\n### Features\\n\\n* update storybook\\n\\n## [1.5.0](https://github.com/gravity-ui/page-constructor/issues/44) (2022-11-03)\\n\\n### Features\\n\\n* remove card validator and types\\n\\n## [1.4.2](https://github.com/gravity-ui/page-constructor/pull/46) (2022-11-07)\\n\\n### Bug Fixes\\n\\n* change link text m arrow size\\n\\n## [1.4.1](https://github.com/gravity-ui/page-constructor/pull/42) (2022-10-28)\\n\\n### Bug Fixes\\n\\n* add specificity for Tabs item\\n\\n## [1.4.0](https://github.com/gravity-ui/page-constructor/pull/40) (2022-10-26)\\n\\n\\n### Features\\n\\n* add devices support to component BackgroundMedia\\n\\n## [1.3.0](https://github.com/gravity-ui/page-constructor/pull/35) (2022-10-25)\\n\\n\\n### Features\\n\\n* add devices support to component Image and block Header\\n\\n## [1.2.5](https://github.com/gravity-ui/page-constructor/compare/v1.2.4...v1.2.5) (2022-10-19)\\n\\n### Bug Fixes\\n\\n* content block link arrow l size changed to 20 ([8b05033](https://github.com/gravity-ui/page-constructor/commit/8b050332273453aedc2937303d9dec76b878482c))\\n\\n\\n## [1.2.4](https://github.com/gravity-ui/page-constructor/compare/v1.2.3...v1.2.4) (2022-10-19)\\n\\n### Bug Fixes\\n\\n* buttons specificities fixes ([96a4cf6](https://github.com/gravity-ui/page-constructor/commit/96a4cf6aee58d19b42e9e649ee3969c86d94be2a))\\n\\n## [1.2.3](https://github.com/gravity-ui/page-constructor/compare/v1.2.2...v1.2.3) (2022-10-14)\\n\\n\\n### Bug Fixes\\n\\n* content links margin ([6977b96](https://github.com/gravity-ui/page-constructor/commit/6977b9601e3936ba5293eadeeaeccd640814125f))\\n\\n## [1.2.2](https://github.com/gravity-ui/page-constructor/compare/v1.2.1...v1.2.2) (2022-10-14)\\n\\n\\n### Bug Fixes\\n\\n* change p margin for size s ([#29](https://github.com/gravity-ui/page-constructor/issues/29)) ([dcb1c2a](https://github.com/gravity-ui/page-constructor/commit/dcb1c2acba20659a8f536f4bd7401dc54b4d7b71))\\n\\n## [1.2.1](https://github.com/gravity-ui/page-constructor/compare/v1.2.0...v1.2.1) (2022-10-14)\\n\\n\\n### Bug Fixes\\n\\n* **Content:** ul li color in dark theme ([#30](https://github.com/gravity-ui/page-constructor/issues/30)) ([8e94579](https://github.com/gravity-ui/page-constructor/commit/8e945798cd15cbf58e55e8d81f6b516a85d8936c))\\n\\n## [1.2.0](https://github.com/gravity-ui/page-constructor/compare/v1.1.0...v1.2.0) (2022-10-11)\\n\\n\\n### Features\\n\\n* add Content to Info block ([0017341](https://github.com/gravity-ui/page-constructor/commit/00173411209bca6a61f1d64d8329ead4328152f5))\\n\\n## [1.1.0](https://github.com/gravity-ui/page-constructor/compare/v1.0.5...v1.1.0) (2022-10-10)\\n\\n\\n### Features\\n\\n* remove i18n from peers ([87f4c4d](https://github.com/gravity-ui/page-constructor/commit/87f4c4d4bb31179db04267a1ad37ba19bf4c222d))\\n\\n## [1.0.5](https://github.com/gravity-ui/page-constructor/compare/v1.0.4...v1.0.5) (2022-10-07)\\n\\n\\n### Bug Fixes\\n\\n* remove alpha tag ([5c0f70c](https://github.com/gravity-ui/page-constructor/commit/5c0f70c983583810c08363c63a5a80d84e95c621))\\n\\n## [1.0.4](https://github.com/gravity-ui/page-constructor/compare/v1.0.3...v1.0.4) (2022-10-07)\\n\\n\\n### Bug Fixes\\n\\n* repalce block stories content pt.1 ([fc1a3a5](https://github.com/gravity-ui/page-constructor/commit/fc1a3a537b4c962e472aee73663f2950ce7dc346))\\n* replace blocks content ([ab63138](https://github.com/gravity-ui/page-constructor/commit/ab63138aaebfb71366062285436edc21f86f5346))\\n* replace sub blocks and components story data ([fa7593d](https://github.com/gravity-ui/page-constructor/commit/fa7593d9082761d1726739204f36cf6024725755))\\n\\n## [1.0.3](https://github.com/gravity-ui/page-constructor/compare/v1.0.2...v1.0.3) (2022-10-05)\\n\\n\\n### Bug Fixes\\n\\n* add yfm js import ([d9a77df](https://github.com/gravity-ui/page-constructor/commit/d9a77df743d68db9353bf6edbada38fbd81ce59f))\\n* content centered styles priority ([3d2bad2](https://github.com/gravity-ui/page-constructor/commit/3d2bad24947d86fbd4cf3735beff49c0dfe74382))\\n* content layout centered styles ([d0dcc59](https://github.com/gravity-ui/page-constructor/commit/d0dcc5988d3b08e483fe288295c904f16f903a94))\\n* displaying video with fillWidthMedia param in HeaderBlock ([560b867](https://github.com/gravity-ui/page-constructor/commit/560b86776074a6249546d7c51324a201de9c04c4))\\n* header block dark theme html ([d0cb1ce](https://github.com/gravity-ui/page-constructor/commit/d0cb1cebecafcd8385be32b33182b30b6bdb198c))\\n* semantic colors for yfm ([40cd81f](https://github.com/gravity-ui/page-constructor/commit/40cd81ff9f0bf9407a84e181e10e23702aa67eb2))\\n\\n## [1.0.2](https://github.com/gravity-ui/page-constructor/compare/v1.0.1...v1.0.2) (2022-10-04)\\n\\n\\n### Bug Fixes\\n\\n* readme ([be265cd](https://github.com/gravity-ui/page-constructor/commit/be265cd6cdc3a9212ba5a7f6ad4b7b4073dcf7fb))\\n\\n## [1.0.1](https://github.com/gravity-ui/page-constructor/compare/v1.0.0...v1.0.1) (2022-10-03)\\n\\n\\n### Bug Fixes\\n\\n* add repository links to readme ([a6ed8b9](https://github.com/gravity-ui/page-constructor/commit/a6ed8b9af5f71e8b0eed3bb52f3309a715c5a48b))\\n\\n## 1.0.0\\n\\n- V1 blocks support was discontinued.\\n\\n- `@yandex-data-ui/common`, `@yandex-data-ui/cloud-schemas`, and `@yandex-data-ui/cloud-components` was deleted from dependencies.\\n\\n- All the constructor elements was grouped into blocks, sub-blocks and components.\\n\\n- PageConstructor component was refactored.\\n\\n- Validators was Refactored.\\n\\n- Project build engine was moved from `@yandex-data-ui/ui-core` to `gulp`.\\n\\n- Storybook was updated.\\n\\n- Project was moved to @gravity-ui.\\n\\n- LICENSE.md and CONTRIBUTING.md was added\\n\\n- Translate all docs and stories to english\\n\\n## 0.60.5\\n\\n- Added the Content component to the Questions block.\\n\\n## 0.60.4\\n\\n- Fixed the bug when text was hidden behind the video in the `HeaderSlider` in Safari.\\n\\n## 0.60.3\\n\\n- You can now change the `background` in a dark theme for the BackgroundCard component.\\n\\n## 0.60.1\\n\\n- Slowed down slider scrolling.\\n\\n## 0.60.0\\n\\n- Removed top and side margins for the `HeaderBlock` with a color background that takes up the entire width.\\n- Added the fullWidthMedia parameter to the background prop in the `HeaderBlock`.\\n- Increased the slider arrows in the `HeaderSlider`.\\n\\n## 0.59.2\\n\\n- Fixed a bug in the `Share` component.\\n\\n## 0.59.0\\n\\n- Increased the width of a color background in the `HeaderBlock`.\\n- Added a bottom margin in the `HeaderBlock`.\\n- Removed the common, cloud-components, and cloud-schemas dependencies.\\n\\n## 0.58.0\\n\\n- Added a component named BasicCard.\\n\\n## 0.57.3\\n\\n- Fixed the margins in the Header block for a mobile if `offset: large`\\n\\n## 0.57.2\\n\\n- Fixed the bug in the Slider block with auto-scroll to the first slide.\\n\\n## 0.57.1\\n\\n- Reduced the `InfoBlock` width. Added support for rounded corners.\\n\\n## 0.57.0\\n\\n- Refactored the Header block. Added a new property named Status. Moved a cube outside a column, it now takes up the entire width.\\n- Refactored the HeaderSlider block.\\n\\n## 0.56.0\\n\\n- Increased side margins for the mobile version to 24px.\\n\\n## 0.55.0\\n\\n- Added YAML snippets to the storybook.\\n\\n## 0.53.1\\n\\n- Changed the hover effect in cards.\\n\\n## 0.53.2\\n\\n- Fixed the hover behavior in the `Share` component.\\n- Moved the ui-kit to dev-dependencies.\\n\\n## 0.53.1\\n\\n- Added support for the gray color in the `Content` component lists.\\n\\n## 0.53.1\\n\\n- Added a component named `HubspotForm`.\\n\\n## 0.52.0\\n\\n- Upgraded i18n to 0.6.0. Now, before using the page-constructor, you need to call \'configure\' (for details, see the readme file).\\n\\n## 0.51.0\\n\\n- You can now use `*.webp` as `src` for `<Image />`.\\n\\n## 0.50.0\\n\\n- Updated the tsconfig.\\n\\n## 0.49.1\\n\\n- Removed CSS variables with --www-...\\n\\n## 0.49.0\\n\\n- Added the customFormOrigin parameter to the YandexForm component.\\n\\n## 0.48.0\\n\\n- Fixed the controls display in the storybook.\\n\\n## 0.46.0\\n\\n- Updated the stories.\\n\\n## 0.44.0\\n\\n- Updated the eslint, stylelint, and prettier configs.\\n\\n## 0.43.1\\n\\n- Fixed the bug with an unnecessary offset of a slide in the slider.\\n\\n## 0.43.0\\n\\n- Added the Content cube to the MediaBlock.\\n\\n## 0.42.4\\n\\n- Fixed the VideoBlock and ReactPlayer component semantic colors.\\n- Fixed the label mixin font.\\n\\n## 0.42.3\\n\\n- Removed --yc-text-caption-1 font overriding and replaced it with --yc-text-caption-2.\\n\\n## 0.42.2\\n\\n- Fixed the component semantic colors.\\n\\n## 0.42.0\\n\\n- Removed the TextTable block.\\n\\n## 0.40.0\\n\\n- Set the `--yc-text-accent-font-weight` CSS variable to 500.\\n- Removed the top margin of the Button component.\\n- Added mixins for headers.\\n- Added the `--pc-text-header-color` variable set to `var(--yc-color-text-primary)`.\\n- Upgraded the @gravity-ui/uikit version to 2.3.0.\\n\\n## 0.39.2\\n\\n- Fixed the video and image display in the BackgroundMedia component in the mobile version.\\n\\n## 0.39.1\\n\\n- Fixed some slider bugs.\\n\\n## 0.38.0\\n\\n- You can now send metrics and pixels from the YandexForm component context.\\n\\n## 0.36.1\\n\\n- Fixed the footnotes in Safari.\\n\\n## 0.36.0\\n\\n- Added handling of missing blocks.\\n\\n## 0.35.0\\n\\n- Added YFM styles to support the dark theme and font-family via a variable.\\n\\n## 0.34.0\\n\\n### Breaking changes\\n\\n- Added the `@gravity-ui/uikit` package.\\n- Updated the `@yandex-data-ui/common` package.\\n- Replaced the peer dependencies package: `@yandex-data-ui/i18n` -> `@gravity-ui/i18n`.\\n- Removed the react-router-dom package from the dependencies.\\n\\n## 0.33.0\\n\\nRemoved the `HeaderWithImage` component.\\n\\n## 0.32.0\\n\\nAdded dark theme support in the `companies-block`.\\n\\n## 0.30.1\\n\\nFix content-layout text color in dark theme\\n\\n## 0.30.0\\n\\nAdded YFM handling in the `PreviewBlock`.\\n\\n## 0.29.0\\n\\nAdded descriptions of blocks and components, a CHANGELOG, and a project description to the storybook.\\n\\n## 0.28.2\\n\\nFixed a link in the `ExtendedFeatures` block.\\n\\n## 0.28.0\\n\\nAdded styles for links inserted using a markup.\\n\\n## 0.24.0\\n\\nAdded all blocks and components to the storybook.\\n\\n## 0.23.0\\n\\nAdded a component named `Quote`.\\n\\n## 0.22.1\\n\\nRemoved the `!important` statement in the `BlockBase` for the padding-bottom property\\nIn the `Content`, if the `text` block has no `title`, the `margin-top` property is 0.\\n\\n## 0.22.0\\n\\n### Breaking changes\\n\\n- `PageConstructorProvider` is now a separate component. For the `PageConstructor` to run properly, wrap it in this provider.\\n  For details, see the [readme](https://github.com/gravity-ui/page-constructor#getting-started) file.\\n\\n- Deleted the `system` theme (the `light` theme is used instead by default).\\n\\n- Changed the default values of the `muted` and `autoplay` parameters in the `ReactPlayer` component from `true` to `false`.\\n\\n## 0.21.0\\n\\n- Added a content cube, card fill, and themes to the `background-card`.\\n\\n## 0.20.1\\n\\n- Fixed YFM text formatting in the `content-layout-block`.\\n\\n## 0.20.0\\n\\n- Added a content cube to the `card-with-image`.\\n\\n## 0.19.3\\n\\n- Added a rerender fix in the `media-block`.\\n\\n## 0.19.1\\n\\n- Added a slider fix in the `media-block`.\\n\\n## 0.19.0\\n\\n- Added a DataLens iframe to the `media-block`.\\n\\n## 0.18.4\\n\\n- Fixed the `BlockHeader` margins.\\n\\n## 0.18.3\\n\\n- Added a fix for `footnotes`.\\n\\n## 0.17.4\\n\\n- Added a fix for image rounding in the `FullScreenImage` component.\\n\\n## 0.17.3\\n\\n- Added a fix for the `content-layout-block`, the default width is `m`.\\n\\n## 0.17.2\\n\\n- Fixed the heading1 mixin.\\n\\n## 0.17.1\\n\\n- Added a YFM fix for null values.\\n\\n## 0.17.0\\n\\n- Added a block named `content-layout-block`.\\n\\n## 0.11.1\\n\\n- Removed the `cards-with-image-block`. Instead, use the\\n  `cards-layout-block` that is universal for all cards.\\n\\n## 0.11.0\\n\\n- Added dark theme support in blocks.\\n\\n## 0.10.1\\n\\n- Fixed imports in the HeaderBreadcrumbs component.\\n\\n## 0.10.0\\n\\n- Added the breadcrumbs property to the Header component.\\n\\n## 0.9.0\\n\\n- Added the CardLayout block, the BackgroundCard component.\\n\\n## 0.7.1\\n\\n- Added the isoDate property to the NewsCard component.\\n\\n## 0.7.0\\n\\n- Added the HeaderSlider block.\\n- Fixed the caption bug in the Tabs block.\\n\\n## 0.6.4\\n\\n- Fixed the Icons block links.\\n\\n## 0.6.3\\n\\n- Fixed the shadow color of Slider arrows and cards.\\n\\n## 0.6.0\\n\\n- Added the Icons and Header blocks.\\n- Added the NewsCard component.\\n- Updated the CardsWithImage block with fullscreen support added.\\n\\n## 0.5.1\\n\\n- Fixed Title size L fonts.\\n- Removed padding-bottom for the HeaderBlock content in the mobile version.\\n\\n## 0.5.0\\n\\n- Added style redesign.\\n\\n## 0.3.5\\n\\n- Added the Header block.\\n\\n## 0.3.3\\n\\n- Fixed the Title component animation, added the right margin to correctly break the title.\\n\\n## 0.1.4\\n\\n- Moved globally defined styles to components.\\n\\n## 0.1.1\\n\\n- Fixed offsets from an image in the cards-with-image.\\n\\n## 0.1.0\\n\\n- Added a block with photos: cards-with-image.\\n\\n## 0.0.10\\n\\n- Added style fixes for the banner dark theme.\\n\\n## 0.0.8\\n\\n- Added YFM style fixes and updates for components from cloud-www.\\n\\n## 0.0.5\\n\\n- Added a mixin for setting style specificity. Fixed errors related to style activation order.\\n\\n## 0.0.4\\n\\n- Fixed the margins of nested grids.\\n\\n## 0.0.3\\n\\n- Added a grid column property that allows resetting the margins.\\n\\n## 0.0.2\\n\\n- Added style variables for fonts. Fixed the `PageConstructor` component class.\\n\\n## 0.0.1\\n\\n- Added page constructor version 1.\\n","contributors":[{"login":"gorgeousvlad","avatarUrl":"https://avatars.githubusercontent.com/u/20395936?v=4","url":"https://github.com/gorgeousvlad","contributions":349},{"login":"niktverd","avatarUrl":"https://avatars.githubusercontent.com/u/61203447?v=4","url":"https://github.com/niktverd","contributions":88},{"login":"aeksandla","avatarUrl":"https://avatars.githubusercontent.com/u/46083995?v=4","url":"https://github.com/aeksandla","contributions":64},{"login":"NikitaCG","avatarUrl":"https://avatars.githubusercontent.com/u/36075690?v=4","url":"https://github.com/NikitaCG","contributions":44},{"login":"Kyzyl-ool","avatarUrl":"https://avatars.githubusercontent.com/u/30153778?v=4","url":"https://github.com/Kyzyl-ool","contributions":32},{"login":"qradle-yndx","avatarUrl":"https://avatars.githubusercontent.com/u/148218517?v=4","url":"https://github.com/qradle-yndx","contributions":27},{"login":"VitaliiDC8","avatarUrl":"https://avatars.githubusercontent.com/u/127111625?v=4","url":"https://github.com/VitaliiDC8","contributions":24},{"login":"Lunatic174","avatarUrl":"https://avatars.githubusercontent.com/u/10085601?v=4","url":"https://github.com/Lunatic174","contributions":20},{"login":"Lakate","avatarUrl":"https://avatars.githubusercontent.com/u/8994274?v=4","url":"https://github.com/Lakate","contributions":17},{"login":"DC-RomanKarpov","avatarUrl":"https://avatars.githubusercontent.com/u/124568536?v=4","url":"https://github.com/DC-RomanKarpov","contributions":13},{"login":"goshander","avatarUrl":"https://avatars.githubusercontent.com/u/5037509?v=4","url":"https://github.com/goshander","contributions":9},{"login":"aapolkovsky","avatarUrl":"https://avatars.githubusercontent.com/u/22380490?v=4","url":"https://github.com/aapolkovsky","contributions":7},{"login":"shuvalovpavel1995","avatarUrl":"https://avatars.githubusercontent.com/u/60737643?v=4","url":"https://github.com/shuvalovpavel1995","contributions":5},{"login":"benax-se","avatarUrl":"https://avatars.githubusercontent.com/u/78896684?v=4","url":"https://github.com/benax-se","contributions":4},{"login":"3y3","avatarUrl":"https://avatars.githubusercontent.com/u/3931155?v=4","url":"https://github.com/3y3","contributions":3},{"login":"melikhov-dev","avatarUrl":"https://avatars.githubusercontent.com/u/1742586?v=4","url":"https://github.com/melikhov-dev","contributions":3},{"login":"moki","avatarUrl":"https://avatars.githubusercontent.com/u/10233823?v=4","url":"https://github.com/moki","contributions":2},{"login":"martyanovandrey","avatarUrl":"https://avatars.githubusercontent.com/u/37772440?v=4","url":"https://github.com/martyanovandrey","contributions":2},{"login":"vladKrk","avatarUrl":"https://avatars.githubusercontent.com/u/20649765?v=4","url":"https://github.com/vladKrk","contributions":2},{"login":"Feverqwe","avatarUrl":"https://avatars.githubusercontent.com/u/891534?v=4","url":"https://github.com/Feverqwe","contributions":1},{"login":"deemsk","avatarUrl":"https://avatars.githubusercontent.com/u/1153930?v=4","url":"https://github.com/deemsk","contributions":1},{"login":"NasgulNexus","avatarUrl":"https://avatars.githubusercontent.com/u/23384737?v=4","url":"https://github.com/NasgulNexus","contributions":1},{"login":"Marginy605","avatarUrl":"https://avatars.githubusercontent.com/u/98329176?v=4","url":"https://github.com/Marginy605","contributions":1},{"login":"HirenDhadhal","avatarUrl":"https://avatars.githubusercontent.com/u/64165691?v=4","url":"https://github.com/HirenDhadhal","contributions":1},{"login":"imsitnikov","avatarUrl":"https://avatars.githubusercontent.com/u/29424746?v=4","url":"https://github.com/imsitnikov","contributions":1},{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":1},{"login":"pavel-klimov","avatarUrl":"https://avatars.githubusercontent.com/u/42768217?v=4","url":"https://github.com/pavel-klimov","contributions":1},{"login":"d3m1d0v","avatarUrl":"https://avatars.githubusercontent.com/u/26671342?v=4","url":"https://github.com/d3m1d0v","contributions":1},{"login":"smsochneg","avatarUrl":"https://avatars.githubusercontent.com/u/15200559?v=4","url":"https://github.com/smsochneg","contributions":1}],"codeOwners":[{"pattern":"*","owners":["gorgeousvlad","NikitaCG"]}]},"blog-constructor":{"stars":9,"version":"6.2.1","lastUpdate":"15.05.2024","license":"MIT License","issues":4,"readme":"# @gravity-ui/blog-constructor &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/blog-constructor)](https://www.npmjs.com/package/@gravity-ui/blog-constructor) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/blog-constructor/ci.yml?branch=main&label=CI)](https://github.com/gravity-ui/blog-constructor/actions/workflows/ci.yml?query=branch:main) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/blog-constructor/release.yml?branch=main&label=Release)](https://github.com/gravity-ui/blog-constructor/actions/workflows/release.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/blog-constructor/)\\n\\n## Install\\n\\n```shell\\nnpm install @gravity-ui/blog-constructor\\n```\\n\\n## Blog-constructor\\n\\n`Blog-constructor` is a library based on the [Page-constructor](https://github.com/gravity-ui/page-constructor) library for creating blog format web pages. Blog-constructor uses the [`custom`](https://github.com/gravity-ui/page-constructor#custom-blocks) prop from page-constructor to add the components needed for the blog.\\n\\n### Documentation - [storybook](https://preview.gravity-ui.com/blog-constructor/)\\n\\n### Getting started\\n\\nThe blog-constructor has both client components and server components for import. The blog pages is imported as a React component. To make sure it runs properly, wrap it in `BlogConstructorProvider`:\\n\\n```jsx\\nimport {BlogPage, BlogConstructorProvider} from \'@gravity-ui/blog-constructor\';\\n\\n// Main blog page\\n<BlogConstructorProvider {...providerProps}>\\n    <BlogPage\\n        content={content}\\n        posts={posts}\\n        tags={tags}\\n        getPosts={handleGetPosts}\\n        settings={settings}\\n    />\\n</BlogConstructorProvider>\\n\\n---\\n\\nimport {BlogPostPage, BlogConstructorProvider} from \'@gravity-ui/blog-constructor\';\\n\\n// Post page\\n<BlogConstructorProvider {...providerProps}>\\n    <BlogPostPage\\n        content={content}\\n        post={post}\\n        suggestedPosts={suggestedPosts}\\n        settings={settings}\\n        shareOptions={shareOptions}\\n    />\\n</BlogConstructorProvider>\\n\\n```\\n\\nDocumentation about [providerProps](./src/constructor/README.md).\\n\\nAlso blog-constructor have server components to help you transform your data if you need\\n\\n```jsx\\nimport {\\n  transformPost,\\n  sanitizeMeta,\\n  createReadableContent,\\n  transformPageContent,\\n} from \'@gravity-ui/blog-constructor/server\';\\n```\\n\\nThe `blog-constructor` is a `uikit-based` library, and we use an instance of `i18n` from uikit. To set up internationalization, you just need to use the `configure` from uikit:\\n\\n```typescript\\nimport {configure} from \'@gravity-ui/uikit\';\\n\\nconfigure({\\n  lang: \'ru\',\\n});\\n```\\n\\n## Development\\n\\n```bash\\nnpm ci\\nnpm run dev\\n```\\n","changelog":"# Changelog\\n\\n## [6.2.1](https://github.com/gravity-ui/blog-constructor/compare/v6.2.0...v6.2.1) (2024-05-15)\\n\\n\\n### Bug Fixes\\n\\n* remove not necessary scroll in feed selector ([#199](https://github.com/gravity-ui/blog-constructor/issues/199)) ([e3c98e6](https://github.com/gravity-ui/blog-constructor/commit/e3c98e67a33446bd6bd569cab5255eb86f116c04))\\n\\n## [6.2.0](https://github.com/gravity-ui/blog-constructor/compare/v6.1.1...v6.2.0) (2024-04-05)\\n\\n\\n### Features\\n\\n* update pkg versions ([#196](https://github.com/gravity-ui/blog-constructor/issues/196)) ([14a2d1a](https://github.com/gravity-ui/blog-constructor/commit/14a2d1aa9a81b7c776846c25570a9e0493cbb60a))\\n\\n## [6.1.1](https://github.com/gravity-ui/blog-constructor/compare/v6.1.0...v6.1.1) (2024-03-20)\\n\\n\\n### Bug Fixes\\n\\n* header background max-width ([#189](https://github.com/gravity-ui/blog-constructor/issues/189)) ([df038b4](https://github.com/gravity-ui/blog-constructor/commit/df038b411a4cdab32b2d5cfab1f806bcc71a65be))\\n\\n## [6.1.0](https://github.com/gravity-ui/blog-constructor/compare/v6.0.0...v6.1.0) (2024-03-13)\\n\\n\\n### Features\\n\\n* del unused prop setQuery ([#187](https://github.com/gravity-ui/blog-constructor/issues/187)) ([488a712](https://github.com/gravity-ui/blog-constructor/commit/488a712092942d3b858767906d8628469438ff9b))\\n\\n## [6.0.0](https://github.com/gravity-ui/blog-constructor/compare/v5.16.1...v6.0.0) (2024-03-06)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* now we are using the `i18n` instance from uikit instead of the internal one, you only need one installation and configuration from uikit in your application ([#179](https://github.com/gravity-ui/page-constructor/pull/179))\\n* updated `uikit` up to v6 ([#177](https://github.com/gravity-ui/page-constructor/pull/177))\\n* updated `page-constructor` up to v5 ([#177](https://github.com/gravity-ui/page-constructor/pull/177))\\n* use `diplodoc-platform/transform` instead `doc-tools/transform` ([#177](https://github.com/gravity-ui/page-constructor/pull/177))\\n* All the props from metrikaGoals and pixelEvents have been deleted. Instead of all that, now AnalyticsEvents ([#177](https://github.com/gravity-ui/page-constructor/pull/177))\\n* refactor `transformPost` interface, now he use argument-object ([#180](https://github.com/gravity-ui/page-constructor/pull/180))\\n\\n\\n## [5.16.1](https://github.com/gravity-ui/blog-constructor/compare/v5.16.0...v5.16.1) (2024-02-16)\\n\\n\\n### Bug Fixes\\n\\n* feed select ([#176](https://github.com/gravity-ui/blog-constructor/issues/176)) ([b0db083](https://github.com/gravity-ui/blog-constructor/commit/b0db083305164bb69957866ebde32492367e1dc6))\\n\\n## [5.16.0](https://github.com/gravity-ui/blog-constructor/compare/v5.15.0...v5.16.0) (2024-02-12)\\n\\n\\n### Features\\n\\n* **Feed:** add possibility to set custom blog feed & post paths ([#169](https://github.com/gravity-ui/blog-constructor/issues/169)) ([90f2444](https://github.com/gravity-ui/blog-constructor/commit/90f2444ef7571ad305159781948925955b21392b))\\n\\n## [5.15.0](https://github.com/gravity-ui/blog-constructor/compare/v5.14.0...v5.15.0) (2024-01-23)\\n\\n\\n### Features\\n\\n* update select popup styles for mobile ([#165](https://github.com/gravity-ui/blog-constructor/issues/165)) ([f02f916](https://github.com/gravity-ui/blog-constructor/commit/f02f9163e606d4578233149cf86d365139c6f045))\\n\\n## [5.14.0](https://github.com/gravity-ui/blog-constructor/compare/v5.13.1...v5.14.0) (2024-01-19)\\n\\n\\n### Features\\n\\n* add clear button in services select ([#158](https://github.com/gravity-ui/blog-constructor/issues/158)) ([4d78254](https://github.com/gravity-ui/blog-constructor/commit/4d78254c1d872de40d8a5adae2889e38177e5137))\\n\\n## [5.13.1](https://github.com/gravity-ui/blog-constructor/compare/v5.13.0...v5.13.1) (2024-01-16)\\n\\n\\n### Bug Fixes\\n\\n* adjust PostCard image paddings ([#159](https://github.com/gravity-ui/blog-constructor/issues/159)) ([6c780f3](https://github.com/gravity-ui/blog-constructor/commit/6c780f3e092f5bfeaf7df7e270b9baf81eb542c9))\\n\\n## [5.13.0](https://github.com/gravity-ui/blog-constructor/compare/v5.12.0...v5.13.0) (2024-01-12)\\n\\n\\n### Features\\n\\n* honest form in blog ([#160](https://github.com/gravity-ui/blog-constructor/issues/160)) ([1b36a2a](https://github.com/gravity-ui/blog-constructor/commit/1b36a2a5ec4b47cfbe3d7a1bb0937f39cba2d942))\\n\\n## [5.12.0](https://github.com/gravity-ui/blog-constructor/compare/v5.11.0...v5.12.0) (2023-12-01)\\n\\n\\n### Features\\n\\n* **BlogCtr:** pass custom prop through blog post page ([#124](https://github.com/gravity-ui/blog-constructor/issues/124)) ([b985d89](https://github.com/gravity-ui/blog-constructor/commit/b985d89a04d83d71f3cfd7603e5cc92aa14b9326))\\n\\n## [5.11.0](https://github.com/gravity-ui/blog-constructor/compare/v5.10.0...v5.11.0) (2023-11-20)\\n\\n\\n### Features\\n\\n* update packages 17.11 ([#154](https://github.com/gravity-ui/blog-constructor/issues/154)) ([ad4205f](https://github.com/gravity-ui/blog-constructor/commit/ad4205f532ae80478170e629fbb25fd7690310b8))\\n\\n## [5.10.0](https://github.com/gravity-ui/blog-constructor/compare/v5.9.0...v5.10.0) (2023-11-09)\\n\\n\\n### Features\\n\\n* del extra req ([#151](https://github.com/gravity-ui/blog-constructor/issues/151)) ([03c9d0d](https://github.com/gravity-ui/blog-constructor/commit/03c9d0d5b2b4158239a0de30c67c7375e1465322))\\n\\n## [5.9.0](https://github.com/gravity-ui/blog-constructor/compare/v5.8.0...v5.9.0) (2023-11-07)\\n\\n\\n### Features\\n\\n* packages update ([#149](https://github.com/gravity-ui/blog-constructor/issues/149)) ([d48fdc1](https://github.com/gravity-ui/blog-constructor/commit/d48fdc1005788f1370180c28cbe7d7166ddc8d63))\\n\\n## [5.8.0](https://github.com/gravity-ui/blog-constructor/compare/v5.7.3...v5.8.0) (2023-10-30)\\n\\n\\n### Features\\n\\n* adding labelledby and describedby attributes for post card ([#142](https://github.com/gravity-ui/blog-constructor/issues/142)) ([7079de4](https://github.com/gravity-ui/blog-constructor/commit/7079de4f2477af307beebf05634eb81fe07c0fcf))\\n* yfm plugins parameter ([#143](https://github.com/gravity-ui/blog-constructor/issues/143)) ([cc971a9](https://github.com/gravity-ui/blog-constructor/commit/cc971a9a424f90a2b91c95ac3f44006a7fd04f10))\\n\\n## [5.7.3](https://github.com/gravity-ui/blog-constructor/compare/v5.7.2...v5.7.3) (2023-10-30)\\n\\n\\n### Сhore\\n\\n* remove useless dependency on react-spring\\n* update devDependency on page-constructor\\n  \\n## [5.7.2](https://github.com/gravity-ui/blog-constructor/compare/v5.7.1...v5.7.2) (2023-10-26)\\n\\n\\n### Bug Fixes\\n\\n* max-height of post description ([#140](https://github.com/gravity-ui/blog-constructor/issues/140)) ([3bf7e02](https://github.com/gravity-ui/blog-constructor/commit/3bf7e02d2ad6c6c3dc0e915f0e66ff37f77de4e6))\\n\\n## [5.7.1](https://github.com/gravity-ui/blog-constructor/compare/v5.7.0...v5.7.1) (2023-10-21)\\n\\n\\n### Bug Fixes\\n\\n* add QA to block schemas ([#123](https://github.com/gravity-ui/blog-constructor/issues/123)) ([cf5d8ca](https://github.com/gravity-ui/blog-constructor/commit/cf5d8ca9a768229ee514cad5b7b249e94a734bb2))\\n\\n## [5.7.0](https://github.com/gravity-ui/blog-constructor/compare/v5.6.0...v5.7.0) (2023-10-20)\\n\\n\\n### Features\\n\\n* update packages ([#136](https://github.com/gravity-ui/blog-constructor/issues/136)) ([f87cdc0](https://github.com/gravity-ui/blog-constructor/commit/f87cdc0f845b15ec1a40db08a60c03fc54301fd1))\\n\\n## [5.6.0](https://github.com/gravity-ui/blog-constructor/compare/v5.5.0...v5.6.0) (2023-10-18)\\n\\n\\n### Features\\n\\n* added focus styles for interactive elements ([#130](https://github.com/gravity-ui/blog-constructor/issues/130)) ([0ee9b5b](https://github.com/gravity-ui/blog-constructor/commit/0ee9b5b7dca5c62ba1209fc54f324d494203a5c3))\\n\\n## [5.5.0](https://github.com/gravity-ui/blog-constructor/compare/v5.4.1...v5.5.0) (2023-10-12)\\n\\n\\n### Features\\n\\n* added \\"Release alpha\\" action ([#131](https://github.com/gravity-ui/blog-constructor/issues/131)) ([5b128b2](https://github.com/gravity-ui/blog-constructor/commit/5b128b278ec6bef3a44387a525d5c9993ffff966))\\n\\n## [5.4.1](https://github.com/gravity-ui/blog-constructor/compare/v5.4.0...v5.4.1) (2023-10-05)\\n\\n\\n### Bug Fixes\\n\\n* install-react-spring-out-from-quarantine ([#127](https://github.com/gravity-ui/blog-constructor/issues/127)) ([09a91c3](https://github.com/gravity-ui/blog-constructor/commit/09a91c3b814882ee7675de7c531c94fa88cae4e9))\\n\\n## [5.4.0](https://github.com/gravity-ui/blog-constructor/compare/v5.3.0...v5.4.0) (2023-10-05)\\n\\n\\n### Features\\n\\n* release update react-spring version ([#120](https://github.com/gravity-ui/blog-constructor/issues/120)) ([6db610f](https://github.com/gravity-ui/blog-constructor/commit/6db610f6d2b6f1b8ec867678b130cfc601150da0))\\n* update page-constructor to v4.20.0 ([#125](https://github.com/gravity-ui/blog-constructor/issues/125)) ([1ac0334](https://github.com/gravity-ui/blog-constructor/commit/1ac0334a8feba39c5f999d432512ff15277ebadf))\\n\\n## [5.3.0](https://github.com/gravity-ui/blog-constructor/compare/v5.2.0...v5.3.0) (2023-10-02)\\n\\n\\n### Features\\n\\n* update pc 4.19.1 ([#117](https://github.com/gravity-ui/blog-constructor/issues/117)) ([ef6ba9c](https://github.com/gravity-ui/blog-constructor/commit/ef6ba9c906eb24d7822d39649a19805faed42adb))\\n\\n## [5.2.0](https://github.com/gravity-ui/blog-constructor/compare/v5.1.0...v5.2.0) (2023-09-27)\\n\\n\\n### Features\\n\\n* add exports part in package.json ([#114](https://github.com/gravity-ui/blog-constructor/issues/114)) ([6d6a0ef](https://github.com/gravity-ui/blog-constructor/commit/6d6a0ef253810cda7d1be476030ead9c3c7cc18f))\\n\\n## [5.1.0](https://github.com/gravity-ui/blog-constructor/compare/v5.0.3...v5.1.0) (2023-09-25)\\n\\n\\n### Features\\n\\n* use appropriate heading levels for blog post cards ([#103](https://github.com/gravity-ui/blog-constructor/issues/103)) ([22dee91](https://github.com/gravity-ui/blog-constructor/commit/22dee9108f139b46d37b7a8692bdd0a5c39f2a51))\\n\\n## [5.0.3](https://github.com/gravity-ui/blog-constructor/compare/v5.0.2...v5.0.3) (2023-09-11)\\n\\n\\n### Bug Fixes\\n\\n* delete uikit overrides ([#105](https://github.com/gravity-ui/blog-constructor/issues/105)) ([5743459](https://github.com/gravity-ui/blog-constructor/commit/574345940546e32bae368b2188856ac99865e456))\\n\\n## [5.0.2](https://github.com/gravity-ui/blog-constructor/compare/v5.0.1...v5.0.2) (2023-08-16)\\n\\n\\n### Bug Fixes\\n\\n* **CustomSwitcher:** use css variable instead of hardcode for border-radius ([#99](https://github.com/gravity-ui/blog-constructor/issues/99)) ([20cd4f7](https://github.com/gravity-ui/blog-constructor/commit/20cd4f7f7b03e0c7b5d98992586f61aed5d66ba5))\\n\\n## [5.0.1](https://github.com/gravity-ui/blog-constructor/compare/v5.0.0...v5.0.1) (2023-08-16)\\n\\n\\n### Bug Fixes\\n\\n* refactor search styles after uikit inner update ([#96](https://github.com/gravity-ui/blog-constructor/issues/96)) ([337b93e](https://github.com/gravity-ui/blog-constructor/commit/337b93e0d9980639fd33e9651a274bf687ecb2e8))\\n\\n## [5.0.0](https://github.com/gravity-ui/blog-constructor/compare/v4.4.1...v5.0.0) (2023-08-04)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update to @gravity-ui/uikit version 5  ([#87](https://github.com/gravity-ui/blog-constructor/issues/87))\\n* update to @gravity-ui/page-constructor version 4  ([#87](https://github.com/gravity-ui/blog-constructor/issues/87))\\n* update to @doc-tools/transform version 3  ([#87](https://github.com/gravity-ui/blog-constructor/issues/87))\\n* `dataQa` testing props were renamed to `qa` ([#87](https://github.com/gravity-ui/blog-constructor/issues/87))\\n\\n### Features\\n\\n* install @gravity-ui/components in dependencies  ([#87](https://github.com/gravity-ui/blog-constructor/issues/87))\\n\\n## [4.4.1](https://github.com/gravity-ui/blog-constructor/compare/v4.4.0...v4.4.1) (2023-08-03)\\n\\n\\n### Bug Fixes\\n\\n* change border-radius for filter in select popup ([#89](https://github.com/gravity-ui/blog-constructor/issues/89)) ([6585550](https://github.com/gravity-ui/blog-constructor/commit/658555023e2f2446f59b15a27906d84aaa6b5c8b))\\n\\n## [4.4.0](https://github.com/gravity-ui/blog-constructor/compare/v4.3.1...v4.4.0) (2023-07-28)\\n\\n\\n### Features\\n\\n* update uikit 4 ([#83](https://github.com/gravity-ui/blog-constructor/issues/83)) ([11edba0](https://github.com/gravity-ui/blog-constructor/commit/11edba0c05a92e4ca7ec414a791d265a534f081a))\\n\\n## [4.3.1](https://github.com/gravity-ui/blog-constructor/compare/v4.3.0...v4.3.1) (2023-07-28)\\n\\n\\n### Bug Fixes\\n\\n* prompt sign in message ([#84](https://github.com/gravity-ui/blog-constructor/issues/84)) ([54529f1](https://github.com/gravity-ui/blog-constructor/commit/54529f16b5bf5ac2dfd6e4e77542df7f2bd18374))\\n\\n## [4.3.0](https://github.com/gravity-ui/blog-constructor/compare/v4.2.1...v4.3.0) (2023-07-20)\\n\\n\\n### Features\\n\\n* update storybook up to v7 ([#77](https://github.com/gravity-ui/blog-constructor/issues/77)) ([abd28d5](https://github.com/gravity-ui/blog-constructor/commit/abd28d5406f9db2c82c89bbad935075b7d4bb60f))\\n\\n\\n### Bug Fixes\\n\\n* keep prompt on hover ([#78](https://github.com/gravity-ui/blog-constructor/issues/78)) ([850516a](https://github.com/gravity-ui/blog-constructor/commit/850516ab461b243888b8cda542b4e348114d14ff))\\n\\n## [4.2.1](https://github.com/gravity-ui/blog-constructor/compare/v4.2.0...v4.2.1) (2023-07-07)\\n\\n\\n### Bug Fixes\\n\\n* prompt-sign-in-on-like for blog post pages ([#75](https://github.com/gravity-ui/blog-constructor/issues/75)) ([1862306](https://github.com/gravity-ui/blog-constructor/commit/186230610d13e4c31bfd4bbbb52128b23e81bf39))\\n\\n## [4.2.0](https://github.com/gravity-ui/blog-constructor/compare/v4.1.2...v4.2.0) (2023-06-28)\\n\\n\\n### Features\\n\\n* update page constructor version ([#73](https://github.com/gravity-ui/blog-constructor/issues/73)) ([2d46b27](https://github.com/gravity-ui/blog-constructor/commit/2d46b27c1e2550ebaa9da4c2eb7a873cdda66ca6))\\n\\n## [4.1.2](https://github.com/gravity-ui/blog-constructor/compare/v4.1.1...v4.1.2) (2023-06-23)\\n\\n\\n### Bug Fixes\\n\\n* semantic markup ([#71](https://github.com/gravity-ui/blog-constructor/issues/71)) ([fb18afd](https://github.com/gravity-ui/blog-constructor/commit/fb18afd3d38d2bdb81b71e83608f54b90874f9e1))\\n\\n## [4.1.1](https://github.com/gravity-ui/blog-constructor/compare/v4.1.0...v4.1.1) (2023-06-14)\\n\\n\\n### Bug Fixes\\n\\n* fix react peer ([#69](https://github.com/gravity-ui/blog-constructor/issues/69)) ([26cf1b1](https://github.com/gravity-ui/blog-constructor/commit/26cf1b1df1d49455b764841c6b3065dc7f64858d))\\n\\n## [4.1.0](https://github.com/gravity-ui/blog-constructor/compare/v4.0.0...v4.1.0) (2023-06-08)\\n\\n\\n### Features\\n\\n* Prompt Sign In on Post Like ([#57](https://github.com/gravity-ui/blog-constructor/issues/57)) ([216cd9b](https://github.com/gravity-ui/blog-constructor/commit/216cd9b1accab047a46d7404f007623f56f1590e))\\n\\n\\n### Bug Fixes\\n\\n* update peer ([#67](https://github.com/gravity-ui/blog-constructor/issues/67)) ([da2cbac](https://github.com/gravity-ui/blog-constructor/commit/da2cbac4d02017c4d3f9ff49108ba163b9a7867b))\\n\\n## [4.0.0](https://github.com/gravity-ui/blog-constructor/compare/v3.5.0...v4.0.0) (2023-06-07)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* install page-constructor@3 and refactor transform content ([#54](https://github.com/gravity-ui/blog-constructor/issues/54)) (#60)\\n\\n### Features\\n\\n* install page-constructor@3 and refactor transform content  ([#54](https://github.com/gravity-ui/blog-constructor/issues/54)) ([#60](https://github.com/gravity-ui/blog-constructor/issues/60)) ([26bf452](https://github.com/gravity-ui/blog-constructor/commit/26bf452419f9c01bd0e550fa857715665fe38cd2))\\n\\n## [3.5.0](https://github.com/gravity-ui/blog-constructor/compare/v3.4.1...v3.5.0) (2023-06-07)\\n\\n\\n### Features\\n\\n* update page-constructor in  second major ([#63](https://github.com/gravity-ui/blog-constructor/issues/63)) ([95d2fb8](https://github.com/gravity-ui/blog-constructor/commit/95d2fb88a13e4371bc4d6e603a3835790f1ffb4f))\\n\\n## [3.4.1](https://github.com/gravity-ui/blog-constructor/compare/v3.4.0...v3.4.1) (2023-05-30)\\n\\n\\n### Bug Fixes\\n\\n* return js, jsx files to gulpfile.js ([#58](https://github.com/gravity-ui/blog-constructor/issues/58)) ([d5e4c42](https://github.com/gravity-ui/blog-constructor/commit/d5e4c428e8eae56fd7ab381c2969c04955adc45b))\\n\\n## [3.4.0](https://github.com/gravity-ui/blog-constructor/compare/v3.3.0...v3.4.0) (2023-05-24)\\n\\n\\n### Features\\n\\n* new loading UI (shimmer) ([#50](https://github.com/gravity-ui/blog-constructor/issues/50)) ([ccdf08c](https://github.com/gravity-ui/blog-constructor/commit/ccdf08ccc62dd9930ab8c994601c787b03897f05))\\n\\n## [3.3.0](https://github.com/gravity-ui/blog-constructor/compare/v3.2.1...v3.3.0) (2023-05-16)\\n\\n\\n### Features\\n\\n* add md breackpoint to cta-block ([#45](https://github.com/gravity-ui/blog-constructor/issues/45)) ([e859b0b](https://github.com/gravity-ui/blog-constructor/commit/e859b0b02e80b20eb0b4496e2c4834fb2de74922))\\n\\n## [3.2.1](https://github.com/gravity-ui/blog-constructor/compare/v3.2.0...v3.2.1) (2023-05-16)\\n\\n\\n### Bug Fixes\\n\\n* add settings context to add a tag for pagination ([#47](https://github.com/gravity-ui/blog-constructor/issues/47)) ([0856675](https://github.com/gravity-ui/blog-constructor/commit/0856675316425c9a690664a99d30d2af63e116ca))\\n\\n## [3.2.0](https://github.com/gravity-ui/blog-constructor/compare/v3.1.1...v3.2.0) (2023-05-15)\\n\\n\\n### Features\\n\\n* create schemas ([#41](https://github.com/gravity-ui/blog-constructor/issues/41)) ([f4f28f3](https://github.com/gravity-ui/blog-constructor/commit/f4f28f367db6d18588602d734623863ccfea1a01))\\n\\n## [3.1.1](https://github.com/gravity-ui/blog-constructor/compare/v3.1.0...v3.1.1) (2023-05-11)\\n\\n\\n### Bug Fixes\\n\\n* add specificity to headings ([#43](https://github.com/gravity-ui/blog-constructor/issues/43)) ([de53d0b](https://github.com/gravity-ui/blog-constructor/commit/de53d0bb9a697f520626e8c0b1d8c48c8e4d8a64))\\n* change href \'prev\' to \'blog\' and \'next\' to page+1 ([#42](https://github.com/gravity-ui/blog-constructor/issues/42)) ([cb8b810](https://github.com/gravity-ui/blog-constructor/commit/cb8b8102d59368cfa0d285d63604a8e9f1ab6619))\\n\\n## [3.1.0](https://github.com/gravity-ui/blog-constructor/compare/v3.0.2...v3.1.0) (2023-04-25)\\n\\n\\n### Features\\n\\n* remove user context ([#35](https://github.com/gravity-ui/blog-constructor/issues/35)) ([36e7112](https://github.com/gravity-ui/blog-constructor/commit/36e71123b515886f28722b08552d538b8f038a87))\\n\\n## [3.0.2](https://github.com/gravity-ui/blog-constructor/compare/v3.0.1...v3.0.2) (2023-04-25)\\n\\n\\n### Bug Fixes\\n\\n* dump other queries when toggle savedOnly button ([#37](https://github.com/gravity-ui/blog-constructor/issues/37)) ([57ca01a](https://github.com/gravity-ui/blog-constructor/commit/57ca01a35736d7bd94711ed70887e7eb8cbaf0f4))\\n\\n## [3.0.1](https://github.com/gravity-ui/blog-constructor/compare/v3.0.0...v3.0.1) (2023-04-24)\\n\\n\\n### Bug Fixes\\n\\n* rewrap pagination item ([#36](https://github.com/gravity-ui/blog-constructor/issues/36)) ([a3a56b2](https://github.com/gravity-ui/blog-constructor/commit/a3a56b2d4519871427de1e42267ce18736f7f7b1))\\n\\n## [3.0.0](https://github.com/gravity-ui/blog-constructor/compare/v2.3.0...v3.0.0) (2023-04-10)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* add callback prop for blog page ([#25](https://github.com/gravity-ui/blog-constructor/issues/25))\\n\\n### Features\\n\\n* add callback prop for blog page ([#25](https://github.com/gravity-ui/blog-constructor/issues/25)) ([7b1ab2c](https://github.com/gravity-ui/blog-constructor/commit/7b1ab2c12aa9ef4f8e5a11853508a9b439a196d7))\\n\\n## [2.3.0](https://github.com/gravity-ui/blog-constructor/compare/v2.2.0...v2.3.0) (2023-04-10)\\n\\n\\n### Features\\n\\n* analytics refactoring ([#13](https://github.com/gravity-ui/blog-constructor/issues/13)) ([a95c55b](https://github.com/gravity-ui/blog-constructor/commit/a95c55bd1ff98f86a110f33ac3275b590ee5db8e))\\n\\n\\n### Bug Fixes\\n\\n* margin-top of header ([#31](https://github.com/gravity-ui/blog-constructor/issues/31)) ([97ed974](https://github.com/gravity-ui/blog-constructor/commit/97ed974ab0ce0546010d60587b21b8c0eee3279c))\\n\\n## [2.2.0](https://github.com/gravity-ui/blog-constructor/compare/v2.1.0...v2.2.0) (2023-04-06)\\n\\n\\n### Features\\n\\n* update linters ([#24](https://github.com/gravity-ui/blog-constructor/issues/24)) ([bc5aa0f](https://github.com/gravity-ui/blog-constructor/commit/bc5aa0f72e64b916acaf692874482ccdae3f94e9))\\n\\n## [2.1.0](https://github.com/gravity-ui/blog-constructor/compare/v2.0.2...v2.1.0) (2023-04-06)\\n\\n\\n### Features\\n\\n* change source field with author description ([#5](https://github.com/gravity-ui/blog-constructor/issues/5)) ([fb7151c](https://github.com/gravity-ui/blog-constructor/commit/fb7151ceac39b2e4407c7110da0314b87c4db72b))\\n\\n## [2.0.2](https://github.com/gravity-ui/blog-constructor/compare/v2.0.1...v2.0.2) (2023-04-05)\\n\\n\\n### Bug Fixes\\n\\n* covering pagination buttons into \'a\' tag ([#23](https://github.com/gravity-ui/blog-constructor/issues/23)) ([e603f2e](https://github.com/gravity-ui/blog-constructor/commit/e603f2e2b0f86d492132174a1c8172786e7a09a1))\\n\\n## [2.0.1](https://github.com/gravity-ui/blog-constructor/compare/v2.0.0...v2.0.1) (2023-04-04)\\n\\n\\n### Bug Fixes\\n\\n* throw virtualization threshold prop in Select ([#26](https://github.com/gravity-ui/blog-constructor/issues/26)) ([ccb0f19](https://github.com/gravity-ui/blog-constructor/commit/ccb0f19a904e54fd43ca66195da9e94925d0a26f))\\n* throw virtualization threshold prop in Select ([#26](https://github.com/gravity-ui/blog-constructor/issues/26)) ([0aa5aed](https://github.com/gravity-ui/blog-constructor/commit/0aa5aeda9a0afd99ae8590c6b666c033a12b7fba))\\n\\n## [2.0.0](https://github.com/gravity-ui/blog-constructor/compare/v1.1.2...v2.0.0) (2023-04-03)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update uikit up to 4 ([#11](https://github.com/gravity-ui/blog-constructor/issues/11))\\n\\n### Features\\n\\n* update uikit up to 4 ([#11](https://github.com/gravity-ui/blog-constructor/issues/11)) ([5d6f3d5](https://github.com/gravity-ui/blog-constructor/commit/5d6f3d51daf111a240871dbad721bbdd250d6b46))\\n\\n## [1.1.2](https://github.com/gravity-ui/blog-constructor/compare/v1.1.1...v1.1.2) (2023-03-28)\\n\\n\\n### Bug Fixes\\n\\n* add info about release ([#19](https://github.com/gravity-ui/blog-constructor/issues/19)) ([8a5824f](https://github.com/gravity-ui/blog-constructor/commit/8a5824f24c4ad85f0f122111f8f5c1e7c36becc5))\\n\\n## [1.1.1](https://github.com/gravity-ui/blog-constructor/compare/v1.1.0...v1.1.1) (2023-03-28)\\n\\n\\n### Bug Fixes\\n\\n* add info about ci in readme ([#17](https://github.com/gravity-ui/blog-constructor/issues/17)) ([b6cffaa](https://github.com/gravity-ui/blog-constructor/commit/b6cffaa1c255c53cd00d06d4fbe0330e117f42a0))\\n\\n## 1.1.0 (2023-03-28)\\n\\n### Features\\n\\n- add workflows, update @types/react, small refactors, update Select ([#2](https://github.com/gravity-ui/blog-constructor/issues/2)) ([326247a](https://github.com/gravity-ui/blog-constructor/commit/326247abe9411b50c82ed2cfa516ac6cd341bfa7))\\n- Brush up stories, add content for CTA, Layout, Feed blocks. ([#4](https://github.com/gravity-ui/blog-constructor/issues/4)) ([0b73537](https://github.com/gravity-ui/blog-constructor/commit/0b73537b3bae35eca10610963369f3f5d8f9ecbd))\\n- export author type ([9e5ee34](https://github.com/gravity-ui/blog-constructor/commit/9e5ee34c6b4d1b3288cda1258160e22073f9ad9d))\\n- fix button savedOnly color ([#9](https://github.com/gravity-ui/blog-constructor/issues/9)) ([ef3b1ca](https://github.com/gravity-ui/blog-constructor/commit/ef3b1ca9048f1218817ec5c9c6a5b3e05492f062))\\n- init tests ([#1](https://github.com/gravity-ui/blog-constructor/issues/1)) ([f8df32f](https://github.com/gravity-ui/blog-constructor/commit/f8df32f3eccb97abc7bfef222aca1ea56421619b))\\n- **navigation:** pass the PageConstructor\'s navigation prop ([cb875ff](https://github.com/gravity-ui/blog-constructor/commit/cb875ff708832f5dd9e121d67cfccb387ae2499f))\\n- uninstall doctools/components ([#14](https://github.com/gravity-ui/blog-constructor/issues/14)) ([16dc64c](https://github.com/gravity-ui/blog-constructor/commit/16dc64c3002b614831880dbe5b250c5637031c7d))\\n- update license ([#3](https://github.com/gravity-ui/blog-constructor/issues/3)) ([aa4ee5b](https://github.com/gravity-ui/blog-constructor/commit/aa4ee5bdd01a7db5f6c6c457836658761eee1099))\\n- update readme ([#15](https://github.com/gravity-ui/blog-constructor/issues/15)) ([3dbdf78](https://github.com/gravity-ui/blog-constructor/commit/3dbdf78b35f93024bebbcf64a6f06fb01509ae3e))\\n\\n### Bug Fixes\\n\\n- **general:** better deps ([8c22384](https://github.com/gravity-ui/blog-constructor/commit/8c223848e47faf8b9beee6700afce317359ee226))\\n- search input width ([051c145](https://github.com/gravity-ui/blog-constructor/commit/051c14502110306964c4ec9a2bea47cea9364db5))\\n\\n## 1.0.0\\n\\nCreate public access for blog-constructor library for creating blog format web pages.\\n","contributors":[{"login":"NikitaCG","avatarUrl":"https://avatars.githubusercontent.com/u/36075690?v=4","url":"https://github.com/NikitaCG","contributions":260},{"login":"niktverd","avatarUrl":"https://avatars.githubusercontent.com/u/61203447?v=4","url":"https://github.com/niktverd","contributions":65},{"login":"gorgeousvlad","avatarUrl":"https://avatars.githubusercontent.com/u/20395936?v=4","url":"https://github.com/gorgeousvlad","contributions":20},{"login":"VitaliiDC8","avatarUrl":"https://avatars.githubusercontent.com/u/127111625?v=4","url":"https://github.com/VitaliiDC8","contributions":6},{"login":"DC-RomanKarpov","avatarUrl":"https://avatars.githubusercontent.com/u/124568536?v=4","url":"https://github.com/DC-RomanKarpov","contributions":6},{"login":"Kyzyl-ool","avatarUrl":"https://avatars.githubusercontent.com/u/30153778?v=4","url":"https://github.com/Kyzyl-ool","contributions":5},{"login":"ecoinomist","avatarUrl":"https://avatars.githubusercontent.com/u/13236298?v=4","url":"https://github.com/ecoinomist","contributions":4},{"login":"Lunatic174","avatarUrl":"https://avatars.githubusercontent.com/u/10085601?v=4","url":"https://github.com/Lunatic174","contributions":3},{"login":"aeksandla","avatarUrl":"https://avatars.githubusercontent.com/u/46083995?v=4","url":"https://github.com/aeksandla","contributions":2},{"login":"melikhov-dev","avatarUrl":"https://avatars.githubusercontent.com/u/1742586?v=4","url":"https://github.com/melikhov-dev","contributions":2},{"login":"deemsk","avatarUrl":"https://avatars.githubusercontent.com/u/1153930?v=4","url":"https://github.com/deemsk","contributions":2},{"login":"yuberdysheva","avatarUrl":"https://avatars.githubusercontent.com/u/22456330?v=4","url":"https://github.com/yuberdysheva","contributions":1},{"login":"pavel-klimov","avatarUrl":"https://avatars.githubusercontent.com/u/42768217?v=4","url":"https://github.com/pavel-klimov","contributions":1},{"login":"linkouth","avatarUrl":"https://avatars.githubusercontent.com/u/34433986?v=4","url":"https://github.com/linkouth","contributions":1}],"codeOwners":[{"pattern":"*","owners":["NikitaCG"]}]},"chartkit":{"stars":21,"version":"5.10.1","lastUpdate":"09.07.2024","license":"","issues":20,"readme":"# @gravity-ui/chartkit &middot; [![license](https://img.shields.io/badge/license-MIT-brightgreen.svg)](LICENSE) [![npm package](https://img.shields.io/npm/v/@gravity-ui/chartkit)](https://www.npmjs.com/package/@gravity-ui/chartkit) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/chartkit/)\\n\\nReact component used to render charts based on any sources you need\\n\\n## Install\\n\\n```shell\\nnpm i --save-dev @gravity-ui/chartkit @gravity-ui/uikit\\n```\\n\\nMake sure you have `@gravity-ui/uikit` styles enabled in your project.\\n\\n```typescript\\nimport \'@gravity-ui/uikit/styles/styles.scss\';\\n```\\n\\n## Usage\\n\\n```typescript\\nimport {ThemeProvider} from \'@gravity-ui/uikit\';\\nimport ChartKit, {settings} from \'@gravity-ui/chartkit\';\\nimport {YagrPlugin} from \'@gravity-ui/chartkit/yagr\';\\nimport type {YagrWidgetData} from \'@gravity-ui/chartkit/yagr\';\\n\\nimport \'@gravity-ui/uikit/styles/styles.scss\';\\n\\nsettings.set({plugins: [YagrPlugin]});\\n\\nconst data: YagrWidgetData = {\\n  data: {\\n    timeline: [\\n      1636838612441, 1636925012441, 1637011412441, 1637097812441, 1637184212441, 1637270612441,\\n      1637357012441, 1637443412441, 1637529812441, 1637616212441,\\n    ],\\n    graphs: [\\n      {\\n        id: \'0\',\\n        name: \'Serie 1\',\\n        color: \'#6c59c2\',\\n        data: [25, 52, 89, 72, 39, 49, 82, 59, 36, 5],\\n      },\\n      {\\n        id: \'1\',\\n        name: \'Serie 2\',\\n        color: \'#6e8188\',\\n        data: [37, 6, 51, 10, 65, 35, 72, 0, 94, 54],\\n      },\\n    ],\\n  },\\n  libraryConfig: {\\n    chart: {\\n      series: {\\n        type: \'line\',\\n      },\\n    },\\n    title: {\\n      text: \'line: random 10 pts\',\\n    },\\n  },\\n};\\n\\nfunction App() {\\n  return (\\n    <ThemeProvider>\\n      <div className=\\"app\\" style={{height: 500}}>\\n        <ChartKit type=\\"yagr\\" data={data} />\\n      </div>\\n    </ThemeProvider>\\n  );\\n}\\n\\nexport default App;\\n```\\n","changelog":"# Changelog\\n\\n## [5.10.1](https://github.com/gravity-ui/chartkit/compare/v5.10.0...v5.10.1) (2024-07-09)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix onRender trigger behaviour ([#502](https://github.com/gravity-ui/chartkit/issues/502)) ([f910063](https://github.com/gravity-ui/chartkit/commit/f910063dbe97bd0ec4a9e4dc292d3cabb63768c9))\\n\\n## [5.10.0](https://github.com/gravity-ui/chartkit/compare/v5.9.0...v5.10.0) (2024-07-08)\\n\\n\\n### Features\\n\\n* **D3  plugin:** multiline axis title ([#499](https://github.com/gravity-ui/chartkit/issues/499)) ([025701e](https://github.com/gravity-ui/chartkit/commit/025701e12bf4df7b88a35c9440bbd913cc9c8205))\\n* **D3 plugin:** axis title alignment ([#497](https://github.com/gravity-ui/chartkit/issues/497)) ([1bc167f](https://github.com/gravity-ui/chartkit/commit/1bc167fda52e702a2d46ef62db22322e5f0b0f9c))\\n* **Highcharts plugin:** add props paneSplitOrientation ([#501](https://github.com/gravity-ui/chartkit/issues/501)) ([9011e92](https://github.com/gravity-ui/chartkit/commit/9011e927a3779d0dfe8058a2801407826ae89557))\\n\\n## [5.9.0](https://github.com/gravity-ui/chartkit/compare/v5.8.0...v5.9.0) (2024-06-28)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add logarithmic type for x and y axes ([#493](https://github.com/gravity-ui/chartkit/issues/493)) ([f633d91](https://github.com/gravity-ui/chartkit/commit/f633d9193a9b11500c8bd01bd7b05421a9f0809e))\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix `getTooltip` in case of tooltip fixation ([#496](https://github.com/gravity-ui/chartkit/issues/496)) ([3c40fd9](https://github.com/gravity-ui/chartkit/commit/3c40fd9e205d44b0ba8f9261a6c2aa60024f7028))\\n\\n## [5.8.0](https://github.com/gravity-ui/chartkit/compare/v5.7.0...v5.8.0) (2024-06-14)\\n\\n\\n### Features\\n\\n* **D3 plugin:** split charts with same X axis ([#486](https://github.com/gravity-ui/chartkit/issues/486)) ([3904443](https://github.com/gravity-ui/chartkit/commit/39044433796e71bf02a348ae30f982afd2c537c9))\\n\\n\\n### Bug Fixes\\n\\n* **D3 plugin:** fix some errors in bar-y series ([#492](https://github.com/gravity-ui/chartkit/issues/492)) ([39138b3](https://github.com/gravity-ui/chartkit/commit/39138b38e2aaa5b9f4c41b9530578d7bf4cb6cc1))\\n\\n## [5.7.0](https://github.com/gravity-ui/chartkit/compare/v5.6.0...v5.7.0) (2024-05-23)\\n\\n\\n### Features\\n\\n* **D3 plugin:** negative Y values for bar-x chart ([#483](https://github.com/gravity-ui/chartkit/issues/483)) ([7180e39](https://github.com/gravity-ui/chartkit/commit/7180e394c64ddcdbb09da7a39ce2f8d882d2880b))\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix resetZoomButton alignment ([#485](https://github.com/gravity-ui/chartkit/issues/485)) ([109d5c0](https://github.com/gravity-ui/chartkit/commit/109d5c031bc839df35eaa212186ca147387a99f0))\\n\\n## [5.6.0](https://github.com/gravity-ui/chartkit/compare/v5.5.0...v5.6.0) (2024-05-17)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add second Y axis support ([#480](https://github.com/gravity-ui/chartkit/issues/480)) ([7cadd8e](https://github.com/gravity-ui/chartkit/commit/7cadd8efec7a46665f55094651c7bdde3643a4d1))\\n\\n\\n### Bug Fixes\\n\\n* **D3 plugin:** fix import in utils ([#482](https://github.com/gravity-ui/chartkit/issues/482)) ([8cb4624](https://github.com/gravity-ui/chartkit/commit/8cb4624ed17d68117295ab9105cf4f824e9e11a7))\\n\\n## [5.5.0](https://github.com/gravity-ui/chartkit/compare/v5.4.0...v5.5.0) (2024-05-13)\\n\\n\\n### Features\\n\\n* **D3 plugin:** basic waterfall chart ([#475](https://github.com/gravity-ui/chartkit/issues/475)) ([cff5a3a](https://github.com/gravity-ui/chartkit/commit/cff5a3a1bfc5cabf074ca1aa7f31f17a457f868f))\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** return old value for pie.slicedOffset ([#478](https://github.com/gravity-ui/chartkit/issues/478)) ([d8b61d9](https://github.com/gravity-ui/chartkit/commit/d8b61d96ccc7eae25efdbb4c621a45283cebb9b8))\\n\\n## [5.4.0](https://github.com/gravity-ui/chartkit/compare/v5.3.3...v5.4.0) (2024-05-07)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add multiple series hover support ([#471](https://github.com/gravity-ui/chartkit/issues/471)) ([781708a](https://github.com/gravity-ui/chartkit/commit/781708ae1b8ab03f4a7be3dfd882f4f0f1d1ddf1))\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** remove default point shift+click event ([#473](https://github.com/gravity-ui/chartkit/issues/473)) ([6fd4dea](https://github.com/gravity-ui/chartkit/commit/6fd4dea725d4a8981231c0e3b62c51c86ac34451))\\n\\n## [5.3.3](https://github.com/gravity-ui/chartkit/compare/v5.3.2...v5.3.3) (2024-04-15)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** Remove debounce to render the totals in a donut chart ([#469](https://github.com/gravity-ui/chartkit/issues/469)) ([4b808b8](https://github.com/gravity-ui/chartkit/commit/4b808b8be2555cc29575b8ce6193690ccda23abf))\\n\\n## [5.3.2](https://github.com/gravity-ui/chartkit/compare/v5.3.1...v5.3.2) (2024-04-12)\\n\\n\\n### Bug Fixes\\n\\n* **settings:** fix merge logic for plugins update in settings ([#465](https://github.com/gravity-ui/chartkit/issues/465)) ([0d99e79](https://github.com/gravity-ui/chartkit/commit/0d99e7930dbd7c0ffd942abfca4dc006e7a90f88))\\n\\n## [5.3.1](https://github.com/gravity-ui/chartkit/compare/v5.3.0...v5.3.1) (2024-04-11)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix `getXAxisThresholdValue` helper ([#463](https://github.com/gravity-ui/chartkit/issues/463)) ([b5b112c](https://github.com/gravity-ui/chartkit/commit/b5b112c87bf676c88d2de1c48bfa00a95528a791))\\n\\n## [5.3.0](https://github.com/gravity-ui/chartkit/compare/v5.2.2...v5.3.0) (2024-04-09)\\n\\n\\n### Features\\n\\n* bumped yagr to 4.3.0 ([#461](https://github.com/gravity-ui/chartkit/issues/461)) ([3136912](https://github.com/gravity-ui/chartkit/commit/3136912b30ca6f012f165a83557e1be39568434b))\\n\\n## [5.2.2](https://github.com/gravity-ui/chartkit/compare/v5.2.1...v5.2.2) (2024-03-26)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** add dateFormat option for drillDown handler ([#456](https://github.com/gravity-ui/chartkit/issues/456)) ([ff016f7](https://github.com/gravity-ui/chartkit/commit/ff016f799806545ec2bd17ae2678ea85e04d296c))\\n\\n## [5.2.1](https://github.com/gravity-ui/chartkit/compare/v5.2.0...v5.2.1) (2024-03-15)\\n\\n\\n### Bug Fixes\\n\\n* **D3 plugin:** fix chart reflow ([#452](https://github.com/gravity-ui/chartkit/issues/452)) ([601d603](https://github.com/gravity-ui/chartkit/commit/601d60364354268d4016fcea876c814e0bec3bd5))\\n\\n## [5.2.0](https://github.com/gravity-ui/chartkit/compare/v5.1.0...v5.2.0) (2024-03-14)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add cursor option for series ([#441](https://github.com/gravity-ui/chartkit/issues/441)) ([32d4e6f](https://github.com/gravity-ui/chartkit/commit/32d4e6f8aa8c00f47d3ae33be6d45571a3429069))\\n* **D3 plugin:** add cursor option for series ([#444](https://github.com/gravity-ui/chartkit/issues/444)) ([32d4e6f](https://github.com/gravity-ui/chartkit/commit/32d4e6f8aa8c00f47d3ae33be6d45571a3429069))\\n* **Yagr plugin:** add `legendColorKey` property to series options ([#440](https://github.com/gravity-ui/chartkit/issues/440)) ([ae6a00f](https://github.com/gravity-ui/chartkit/commit/ae6a00f5751047c7509d8942de28a517d375e255))\\n\\n\\n### Bug Fixes\\n\\n* add tslib to dependencies ([#446](https://github.com/gravity-ui/chartkit/issues/446)) ([5108bd5](https://github.com/gravity-ui/chartkit/commit/5108bd5b2deab8b36649797fe95bbba69304b37f))\\n* **D3 plugin:** fix click event handler ([#436](https://github.com/gravity-ui/chartkit/issues/436)) ([71801cf](https://github.com/gravity-ui/chartkit/commit/71801cf59b9a51191b310652062e6877d5bb06f3))\\n* **D3 plugin:** fix click event handler ([#443](https://github.com/gravity-ui/chartkit/issues/443)) ([71801cf](https://github.com/gravity-ui/chartkit/commit/71801cf59b9a51191b310652062e6877d5bb06f3))\\n* **d3:** fix click event handler ([71801cf](https://github.com/gravity-ui/chartkit/commit/71801cf59b9a51191b310652062e6877d5bb06f3))\\n* fix chart config with params methods for Highcharts with split pane ([#447](https://github.com/gravity-ui/chartkit/issues/447)) ([7a7b2da](https://github.com/gravity-ui/chartkit/commit/7a7b2dae08b4eb024a3e7f3b705db97ef4a536b2))\\n* move @gravity-ui/i18n to dependencies ([#450](https://github.com/gravity-ui/chartkit/issues/450)) ([8853135](https://github.com/gravity-ui/chartkit/commit/8853135a561061bb0d30a85b70a8c0dd43d5506a))\\n\\n## [5.1.0](https://github.com/gravity-ui/chartkit/compare/v5.0.0...v5.1.0) (2024-02-20)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add chart click event ([#418](https://github.com/gravity-ui/chartkit/issues/418)) ([62a845b](https://github.com/gravity-ui/chartkit/commit/62a845b983b8eb8bb2af9af7fbb4963dc1cb4f98))\\n* **D3 plugin:** add opacity and marker setting to shape ([#425](https://github.com/gravity-ui/chartkit/issues/425)) ([40a741e](https://github.com/gravity-ui/chartkit/commit/40a741e52bdc5fb1ff2a3e5a04739992c99e7f4b))\\n\\n## [5.0.0](https://github.com/gravity-ui/chartkit/compare/v4.20.1...v5.0.0) (2024-02-13)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* move to uikit 6 ([#419](https://github.com/gravity-ui/chartkit/issues/419))\\n\\n## [4.20.1](https://github.com/gravity-ui/chartkit/compare/v4.20.0...v4.20.1) (2024-02-09)\\n\\n\\n### Bug Fixes\\n\\n* update .prettierignore ([ddce044](https://github.com/gravity-ui/chartkit/commit/ddce0448fcba081c8f3df4c22dcf3b184c923c40))\\n\\n## [4.20.0](https://github.com/gravity-ui/chartkit/compare/v4.19.1...v4.20.0) (2024-02-08)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add treemap chart ([#408](https://github.com/gravity-ui/chartkit/issues/408)) ([7b55f2f](https://github.com/gravity-ui/chartkit/commit/7b55f2f496fccca099a2bb24a9cf74129f91875a))\\n\\n\\n### Bug Fixes\\n\\n* **Yagr plugin:** fix alignment with timezone ([#413](https://github.com/gravity-ui/chartkit/issues/413)) ([e278db5](https://github.com/gravity-ui/chartkit/commit/e278db5e56dd2153e58cf63897869b5c512354cc))\\n\\n## [4.19.1](https://github.com/gravity-ui/chartkit/compare/v4.19.0...v4.19.1) (2024-02-07)\\n\\n\\n### Bug Fixes\\n\\n* **Yagr plugin:** add aligner for uplot date ([#410](https://github.com/gravity-ui/chartkit/issues/410)) ([7774575](https://github.com/gravity-ui/chartkit/commit/777457559ca9b35cf5a9b64fc844d395cdf9a109))\\n\\n## [4.19.0](https://github.com/gravity-ui/chartkit/compare/v4.18.2...v4.19.0) (2024-02-02)\\n\\n\\n### Features\\n\\n* **yagr:** add timezone support for tooltip header and x axis labels ([#405](https://github.com/gravity-ui/chartkit/issues/405)) ([ab74dc2](https://github.com/gravity-ui/chartkit/commit/ab74dc2dfbdc10252bdecc97f9d49b9049a5b8d5))\\n\\n## [4.18.2](https://github.com/gravity-ui/chartkit/compare/v4.18.1...v4.18.2) (2024-01-31)\\n\\n\\n### Bug Fixes\\n\\n* fix lodash imports ([#403](https://github.com/gravity-ui/chartkit/issues/403)) ([27158cb](https://github.com/gravity-ui/chartkit/commit/27158cb05e8f68239811b5fcb1eff4e2ee0762b3))\\n\\n## [4.18.1](https://github.com/gravity-ui/chartkit/compare/v4.18.0...v4.18.1) (2024-01-30)\\n\\n\\n### Bug Fixes\\n\\n* bump yagr to 4.2.3 ([#401](https://github.com/gravity-ui/chartkit/issues/401)) ([3ecdd7d](https://github.com/gravity-ui/chartkit/commit/3ecdd7d5d6a123d94d53ab6148c905ad24004987))\\n\\n## [4.18.0](https://github.com/gravity-ui/chartkit/compare/v4.17.0...v4.18.0) (2024-01-26)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add halo to scatter hover series ([#394](https://github.com/gravity-ui/chartkit/issues/394)) ([af2ac7c](https://github.com/gravity-ui/chartkit/commit/af2ac7c6ec3e104ac060b342a9f8ebb88e3e646c))\\n* **D3 plugin:** Stacked percentage charts (bar-x, bar-y, area) ([#391](https://github.com/gravity-ui/chartkit/issues/391)) ([590f342](https://github.com/gravity-ui/chartkit/commit/590f342f01ec1fcc9b1dadf99942712b657526b3))\\n* **d3:** Add text for center in donut charts ([#389](https://github.com/gravity-ui/chartkit/issues/389)) ([da86362](https://github.com/gravity-ui/chartkit/commit/da86362a1248606a483c82d77e00906fba8130dc))\\n\\n\\n### Bug Fixes\\n\\n* bumped yagr to 4.2.1 (fixing .setSeries updates) ([#395](https://github.com/gravity-ui/chartkit/issues/395)) ([ada09ed](https://github.com/gravity-ui/chartkit/commit/ada09ed17414b95aada4eb6d148b9df462430c1c))\\n* **D3 plugin:** When updating data to empty, an unhandled error is thrown ([#396](https://github.com/gravity-ui/chartkit/issues/396)) ([290d2cd](https://github.com/gravity-ui/chartkit/commit/290d2cd2f0ce8e70e89cca17daae8c123c41970e))\\n\\n## [4.17.0](https://github.com/gravity-ui/chartkit/compare/v4.16.0...v4.17.0) (2024-01-18)\\n\\n\\n### Features\\n\\n* bump yagr 4.2.0 ([#387](https://github.com/gravity-ui/chartkit/issues/387)) ([a4acaa9](https://github.com/gravity-ui/chartkit/commit/a4acaa9f822ff52a6430170142b13ca9101153f5))\\n\\n## [4.16.0](https://github.com/gravity-ui/chartkit/compare/v4.15.0...v4.16.0) (2024-01-17)\\n\\n\\n### Features\\n\\n* bump yagr 4.1.1 ([#384](https://github.com/gravity-ui/chartkit/issues/384)) ([c1e1a75](https://github.com/gravity-ui/chartkit/commit/c1e1a754853af307ef579e68b9223a7f66b40962))\\n\\n\\n### Bug Fixes\\n\\n* fix docs CI ([#382](https://github.com/gravity-ui/chartkit/issues/382)) ([dc20a5e](https://github.com/gravity-ui/chartkit/commit/dc20a5ec9df2084e5574cde92d1f2166b693692e))\\n\\n## [4.15.0](https://github.com/gravity-ui/chartkit/compare/v4.14.0...v4.15.0) (2024-01-09)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add halo to pie series ([#371](https://github.com/gravity-ui/chartkit/issues/371)) ([5a8dab7](https://github.com/gravity-ui/chartkit/commit/5a8dab749abc0414ade857ce9dfcaa76a4d208ed))\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** the bars are displayed outside the chart ([#379](https://github.com/gravity-ui/chartkit/issues/379)) ([21e2aff](https://github.com/gravity-ui/chartkit/commit/21e2aff47f81f4b4b5ac1a32c68c85b6efdeac23))\\n\\n## [4.14.0](https://github.com/gravity-ui/chartkit/compare/v4.13.0...v4.14.0) (2023-12-26)\\n\\n\\n### Features\\n\\n* bump yagr 4.1.0 ([#369](https://github.com/gravity-ui/chartkit/issues/369)) ([6def97b](https://github.com/gravity-ui/chartkit/commit/6def97b1f743c7378ca4ff754349c80c61c48e14))\\n* **D3 plugin:** add basic data validation ([#366](https://github.com/gravity-ui/chartkit/issues/366)) ([75186b5](https://github.com/gravity-ui/chartkit/commit/75186b576da0f21054cf94d5f87f2ca5d4a3b4db))\\n* **D3 plugin:** basic area chart ([#363](https://github.com/gravity-ui/chartkit/issues/363)) ([9762964](https://github.com/gravity-ui/chartkit/commit/9762964c6de442f8c531b8fc0340a6cfd933dcf9))\\n* **D3 plugin:** disable inactive styles by default ([#367](https://github.com/gravity-ui/chartkit/issues/367)) ([ee0ada1](https://github.com/gravity-ui/chartkit/commit/ee0ada1a310f4761c4cde37a304c033f66011bb0))\\n\\n## [4.13.0](https://github.com/gravity-ui/chartkit/compare/v4.12.0...v4.13.0) (2023-12-11)\\n\\n\\n### Features\\n\\n* **D3 plugin:** marker for line charts ([#361](https://github.com/gravity-ui/chartkit/issues/361)) ([721a12b](https://github.com/gravity-ui/chartkit/commit/721a12b339d9d98c18804bb826dc3884a87aad53))\\n\\n\\n### Bug Fixes\\n\\n* bump yagr 4.0.3 ([#364](https://github.com/gravity-ui/chartkit/issues/364)) ([50cc7f8](https://github.com/gravity-ui/chartkit/commit/50cc7f8186addf73709aaf8306adc6cbcdae3754))\\n* bump yagr to 4.0.3 ([50cc7f8](https://github.com/gravity-ui/chartkit/commit/50cc7f8186addf73709aaf8306adc6cbcdae3754))\\n\\n## [4.12.0](https://github.com/gravity-ui/chartkit/compare/v4.11.0...v4.12.0) (2023-12-04)\\n\\n\\n### Features\\n\\n* **D3 plugin:** line chart legend symbol ([#358](https://github.com/gravity-ui/chartkit/issues/358)) ([334f5a2](https://github.com/gravity-ui/chartkit/commit/334f5a295b050aabb8733aebfee404d671dc3987))\\n\\n\\n### Bug Fixes\\n\\n* updated yagr to 4.0.1 to fix plotlines update ([#360](https://github.com/gravity-ui/chartkit/issues/360)) ([25123ae](https://github.com/gravity-ui/chartkit/commit/25123aea9c9038f42e9bc824e321b8f9555f7d39))\\n\\n## [4.11.0](https://github.com/gravity-ui/chartkit/compare/v4.10.1...v4.11.0) (2023-11-28)\\n\\n\\n### Features\\n\\n* bump major yagr ([#353](https://github.com/gravity-ui/chartkit/issues/353)) ([0e80011](https://github.com/gravity-ui/chartkit/commit/0e800117c3b80453e7c12ac8b5293000bd4a8d64))\\n\\n\\n### Bug Fixes\\n\\n* **D3:** pie diagram labels are overlapped ([#352](https://github.com/gravity-ui/chartkit/issues/352)) ([87460eb](https://github.com/gravity-ui/chartkit/commit/87460eb7a8d37954abd44479f60e4d450fab0711))\\n* **Highcharts plugin:** fix console error on first render with split-pane ([#355](https://github.com/gravity-ui/chartkit/issues/355)) ([bc2c1f1](https://github.com/gravity-ui/chartkit/commit/bc2c1f17b89a14fc26a44a3b2d5e874ba7dc356a))\\n\\n## [4.10.1](https://github.com/gravity-ui/chartkit/compare/v4.10.0...v4.10.1) (2023-11-22)\\n\\n\\n### Bug Fixes\\n\\n* bump yagr to 3.11.4 ([#350](https://github.com/gravity-ui/chartkit/issues/350)) ([23645ad](https://github.com/gravity-ui/chartkit/commit/23645adec453bbe1d359994de18fdf661fe4c72a))\\n\\n## [4.10.0](https://github.com/gravity-ui/chartkit/compare/v4.9.3...v4.10.0) (2023-11-21)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add allowOverlap dataLabels option ([#347](https://github.com/gravity-ui/chartkit/issues/347)) ([760e5d0](https://github.com/gravity-ui/chartkit/commit/760e5d09fc4f29a15549cb5ddcdae80a68ea96bc))\\n\\n\\n### Bug Fixes\\n\\n* bumped yagr to 3.11.3 ([#348](https://github.com/gravity-ui/chartkit/issues/348)) ([1687bc8](https://github.com/gravity-ui/chartkit/commit/1687bc8ab56ef2712c7440967ed5a9093f526052))\\n\\n## [4.9.3](https://github.com/gravity-ui/chartkit/compare/v4.9.2...v4.9.3) (2023-11-17)\\n\\n\\n### Bug Fixes\\n\\n* bumped yagr to 3.11.2 (fixed [#344](https://github.com/gravity-ui/chartkit/issues/344)) ([#345](https://github.com/gravity-ui/chartkit/issues/345)) ([c5c1c93](https://github.com/gravity-ui/chartkit/commit/c5c1c930163be0d77bd7f5492ec9be775201bf99))\\n\\n## [4.9.2](https://github.com/gravity-ui/chartkit/compare/v4.9.1...v4.9.2) (2023-11-14)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix area trigger overlapping ([#342](https://github.com/gravity-ui/chartkit/issues/342)) ([cc35147](https://github.com/gravity-ui/chartkit/commit/cc35147078b00ae50eda3fdc7d34c696692108fc))\\n\\n## [4.9.1](https://github.com/gravity-ui/chartkit/compare/v4.9.0...v4.9.1) (2023-11-13)\\n\\n\\n### Bug Fixes\\n\\n* allow to hide plugin loader by passing null by renderPluginLoader ([#340](https://github.com/gravity-ui/chartkit/issues/340)) ([f7ca281](https://github.com/gravity-ui/chartkit/commit/f7ca2818a4aaa500bd7237ef05f0e2889268549e))\\n\\n## [4.9.0](https://github.com/gravity-ui/chartkit/compare/v4.8.0...v4.9.0) (2023-11-08)\\n\\n\\n### Features\\n\\n* bump yagr to 3.11.1 ([#339](https://github.com/gravity-ui/chartkit/issues/339)) ([72a7c6c](https://github.com/gravity-ui/chartkit/commit/72a7c6c9b5f35fe3f7ec9c941d0c934dd66fa0fa))\\n* **D3 plugin:** add base bar-y chart ([#336](https://github.com/gravity-ui/chartkit/issues/336)) ([4d4264a](https://github.com/gravity-ui/chartkit/commit/4d4264a3437e4bb7fcda4865e63aac521d609043))\\n* **D3 plugin:** add chartPerfomance data to onRender callback ([#338](https://github.com/gravity-ui/chartkit/issues/338)) ([d7464df](https://github.com/gravity-ui/chartkit/commit/d7464df55aa329afadc3690fc027df961a07287c))\\n* **d3 plugin:** basic line chart ([#327](https://github.com/gravity-ui/chartkit/issues/327)) ([8ad2f09](https://github.com/gravity-ui/chartkit/commit/8ad2f09d9212abcf496efca17190cf11bb84e932))\\n\\n\\n### Bug Fixes\\n\\n* bump yagr to 3.11.1 ([72a7c6c](https://github.com/gravity-ui/chartkit/commit/72a7c6c9b5f35fe3f7ec9c941d0c934dd66fa0fa))\\n\\n## [4.8.0](https://github.com/gravity-ui/chartkit/compare/v4.7.3...v4.8.0) (2023-10-24)\\n\\n\\n### Features\\n\\n* update yagr to 3.11.0 ([#326](https://github.com/gravity-ui/chartkit/issues/326)) ([78c792e](https://github.com/gravity-ui/chartkit/commit/78c792e44a70a09a282ac1ecf83bb99ed553109a))\\n\\n## [4.7.3](https://github.com/gravity-ui/chartkit/compare/v4.7.2...v4.7.3) (2023-10-13)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix pointFormat in packedbubble tooltip ([#324](https://github.com/gravity-ui/chartkit/issues/324)) ([c24147a](https://github.com/gravity-ui/chartkit/commit/c24147a9907ce963e433330f52cbb998c960d308))\\n\\n## [4.7.2](https://github.com/gravity-ui/chartkit/compare/v4.7.1...v4.7.2) (2023-10-06)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix tooltip in packedbubble charts ([#322](https://github.com/gravity-ui/chartkit/issues/322)) ([c4d3e91](https://github.com/gravity-ui/chartkit/commit/c4d3e91c2e42b9f257b4d44cef3715c23c41efbe))\\n\\n## [4.7.1](https://github.com/gravity-ui/chartkit/compare/v4.7.0...v4.7.1) (2023-10-05)\\n\\n\\n### Bug Fixes\\n\\n* bump yagr to 3.10.3 ([#320](https://github.com/gravity-ui/chartkit/issues/320)) ([a92ea10](https://github.com/gravity-ui/chartkit/commit/a92ea10df80b45b3c6992ddaea37bf2a3fdb31b8))\\n\\n## [4.7.0](https://github.com/gravity-ui/chartkit/compare/v4.6.1...v4.7.0) (2023-09-29)\\n\\n\\n### Features\\n\\n* **D3 plugin:** axis labels rotation(X axis) ([#309](https://github.com/gravity-ui/chartkit/issues/309)) ([04eb226](https://github.com/gravity-ui/chartkit/commit/04eb226203af21f86d38819203cabaf95ee57354))\\n* **D3 plugin:** move tooltip management to d3 events ([#300](https://github.com/gravity-ui/chartkit/issues/300)) ([a1a76f8](https://github.com/gravity-ui/chartkit/commit/a1a76f8dd5014e13e61a13821c01ce8a852b89b7))\\n* **D3 plugin:** rotation and maxWidth options for Y axis labels ([#318](https://github.com/gravity-ui/chartkit/issues/318)) ([141505c](https://github.com/gravity-ui/chartkit/commit/141505c69e93c52f3da1af7fadd9ef00e72e1eca))\\n* update yagr to 3.10.0 ([#319](https://github.com/gravity-ui/chartkit/issues/319)) ([f3b0249](https://github.com/gravity-ui/chartkit/commit/f3b02499d75c5c23f24db59b43415d8666319e0f))\\n\\n## [4.6.1](https://github.com/gravity-ui/chartkit/compare/v4.6.0...v4.6.1) (2023-09-20)\\n\\n\\n### Bug Fixes\\n\\n* **D3 plugin:** bar-x min column width ([#294](https://github.com/gravity-ui/chartkit/issues/294)) ([05ea715](https://github.com/gravity-ui/chartkit/commit/05ea7151e5ca0b334f914b663c1d1f51d41c66ef))\\n* **D3 plugin:** fix onRender callback ([#297](https://github.com/gravity-ui/chartkit/issues/297)) ([daefbfd](https://github.com/gravity-ui/chartkit/commit/daefbfd2557ae728fe44fe117bcbe3a87e235712))\\n\\n## [4.6.0](https://github.com/gravity-ui/chartkit/compare/v4.5.0...v4.6.0) (2023-09-19)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add paginated legend ([#289](https://github.com/gravity-ui/chartkit/issues/289)) ([0846585](https://github.com/gravity-ui/chartkit/commit/08465850d3d512267aeda17d622c59103d35968e))\\n* **D3 plugin:** auto rotate overlapping labels ([#293](https://github.com/gravity-ui/chartkit/issues/293)) ([25ddd06](https://github.com/gravity-ui/chartkit/commit/25ddd06598872e977954a317ce920001f88033d0))\\n\\n\\n### Bug Fixes\\n\\n* **D3 plugin:** default datetime axis labels formatter ([#292](https://github.com/gravity-ui/chartkit/issues/292)) ([ed1289e](https://github.com/gravity-ui/chartkit/commit/ed1289eea359a94732d5665181266af5e4b226aa))\\n* **D3 plugin:** use units for number label formatter ([#290](https://github.com/gravity-ui/chartkit/issues/290)) ([70c36df](https://github.com/gravity-ui/chartkit/commit/70c36dfec058782e26b84c72017cc80c3a6e3066))\\n\\n## [4.5.0](https://github.com/gravity-ui/chartkit/compare/v4.4.1...v4.5.0) (2023-09-12)\\n\\n\\n### Features\\n\\n* updated yagr to 3.8.0 ([#288](https://github.com/gravity-ui/chartkit/issues/288)) ([6d851ca](https://github.com/gravity-ui/chartkit/commit/6d851ca7832362e8efbd34e6ba3745d87aceeead))\\n\\n\\n### Bug Fixes\\n\\n* **D3 plugin:** fix right chart margin ([#286](https://github.com/gravity-ui/chartkit/issues/286)) ([7d81921](https://github.com/gravity-ui/chartkit/commit/7d81921073682357b622fcadf8c5cb8a667d95ba))\\n\\n## [4.4.1](https://github.com/gravity-ui/chartkit/compare/v4.4.0...v4.4.1) (2023-09-11)\\n\\n\\n### Bug Fixes\\n\\n* **D3 plugin:** fix AxisX render performance ([#285](https://github.com/gravity-ui/chartkit/issues/285)) ([0f31885](https://github.com/gravity-ui/chartkit/commit/0f3188561d88dee70e2fbc7a2a269215a7dff8a6))\\n* **D3 plugin:** fix getDataCategoryValue performance ([#283](https://github.com/gravity-ui/chartkit/issues/283)) ([2f52c61](https://github.com/gravity-ui/chartkit/commit/2f52c619917cd207ccf99fc300790f7a6f420638))\\n\\n## [4.4.0](https://github.com/gravity-ui/chartkit/compare/v4.3.0...v4.4.0) (2023-09-07)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add bar-x sorting setting ([#282](https://github.com/gravity-ui/chartkit/issues/282)) ([446b374](https://github.com/gravity-ui/chartkit/commit/446b37405cc34f2a7b8e69b773f3d148678f3a56))\\n* **D3 plugin:** bar-x series options ([#280](https://github.com/gravity-ui/chartkit/issues/280)) ([637a64e](https://github.com/gravity-ui/chartkit/commit/637a64eaba65923d0457770107d76ce70bccc959))\\n\\n## [4.3.0](https://github.com/gravity-ui/chartkit/compare/v4.2.0...v4.3.0) (2023-09-06)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add `axis.lineColor` property & add default for users tooltip renderer ([#277](https://github.com/gravity-ui/chartkit/issues/277)) ([be22ea4](https://github.com/gravity-ui/chartkit/commit/be22ea4bc348c9215dc2003c491eb7e61d76d06f))\\n\\n## [4.2.0](https://github.com/gravity-ui/chartkit/compare/v4.1.0...v4.2.0) (2023-09-06)\\n\\n\\n### Features\\n\\n* **D3 plugin:** grouped bar-x series ([#272](https://github.com/gravity-ui/chartkit/issues/272)) ([1751c88](https://github.com/gravity-ui/chartkit/commit/1751c882d29f5abe638587dfe8d36d2f65b18954))\\n* **D3 plugin:** improve categories using ([#273](https://github.com/gravity-ui/chartkit/issues/273)) ([eabf291](https://github.com/gravity-ui/chartkit/commit/eabf291ef269ebdfff1db1a1a60eed06d42c34a6))\\n\\n## [4.1.0](https://github.com/gravity-ui/chartkit/compare/v4.0.0...v4.1.0) (2023-09-06)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add color property to scatter and bar data ([#265](https://github.com/gravity-ui/chartkit/issues/265)) ([3bad0cf](https://github.com/gravity-ui/chartkit/commit/3bad0cfa571cdb56bf3b5eef73351ed3b6ceae62))\\n* update yagr to 3.7.13 ([#274](https://github.com/gravity-ui/chartkit/issues/274)) ([7b2bb4d](https://github.com/gravity-ui/chartkit/commit/7b2bb4d0b56495feafcef8d63a32adeb3cf3372d))\\n\\n\\n### Bug Fixes\\n\\n* **D3 plugin:** fix chart.margin calculation ([#270](https://github.com/gravity-ui/chartkit/issues/270)) ([cc44cd0](https://github.com/gravity-ui/chartkit/commit/cc44cd0a9cead0a012ccc40d32bb2ca5b2e32105))\\n* **D3 plugin:** fix resizing of several charts ([#266](https://github.com/gravity-ui/chartkit/issues/266)) ([380204e](https://github.com/gravity-ui/chartkit/commit/380204e7c1405869c8aae2c84965811ea8c5c5fb))\\n\\n\\n## [4.0.0](https://github.com/gravity-ui/chartkit/compare/v3.7.0...v4.0.0) (2023-08-31)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* Highcharts dependency removed from peer dependencies section ([#261](https://github.com/gravity-ui/chartkit/issues/261)). If you want to use chartkit Highcharts plugin you should comply with [Highcharts license](https://github.com/highcharts/highcharts/blob/master/license.txt) and consume Highcharts library via npm package or cdn. Note: plugin uses the Highcharts version 8.2.2.\\n* Initializing of Highcharts modules  removed. The following is a list of modules that were previously initialized in the chartkit code: `highcharts-more`, `stock`, `solid-gauge`, `funnel`, `histogram-bellcurve`, `sankey`, `heatmap`, `treemap`, `variwide`, `streamgraph`, `drilldown`, `parallel-coordinates`, `pattern-fill`, `wordcloud`, `xrange`, `networkgraph`, `timeline`, `bullet`, `annotations`, `series-label`, `indicators`, `ema`, `venn`. [Here](https://github.com/highcharts/highcharts/tree/master/ts/masters) you can observe all the additions, modules and indicators. If you use some of them, you need to initialize it in your application. For example, you need to use `highcharts-more`, `treemap` module and `ema` indicator. The following code will add this functionality:\\n```js\\nimport Highcharts from \'highcharts\';\\nimport highchartsMore from \'highcharts/highcharts-more\';\\nimport treemap from \'highcharts/modules/treemap\';\\nimport ema from \'highcharts/indicators/ema\';\\n\\nhighchartsMore(Highcharts);\\ntreemap(Highcharts);\\nema(Highcharts);\\n```\\n* File `src/plugins/index.ts` removed. We have completely separated the plugins code to eliminate the possibility of unnecessary code getting into the bundle of an application that uses Chartkit. Instead, separate entry points have been added for each plugin. For example, you can use this code to import the `Yagr plugin` and its types:\\n```js\\nimport {YagrPlugin} from \'@gravity-ui/chartkit/yagr\';\\nimport type {YagrWidgetData} from \'@gravity-ui/chartkit/yagr\';\\n```\\n\\n## [3.7.0](https://github.com/gravity-ui/chartkit/compare/v3.6.0...v3.7.0) (2023-08-31)\\n\\n\\n### Features\\n\\n* **D3 plugin:** bar-x dataLabels option ([#260](https://github.com/gravity-ui/chartkit/issues/260)) ([4444f72](https://github.com/gravity-ui/chartkit/commit/4444f72530b23d8999b61e39bcb89d373dfde6e9))\\n* **D3 plugin:** bar-x stacking option ([#255](https://github.com/gravity-ui/chartkit/issues/255)) ([2b9f47d](https://github.com/gravity-ui/chartkit/commit/2b9f47ddbc98d9a50d95c18637b69f3a97991b0d))\\n\\n## [3.6.0](https://github.com/gravity-ui/chartkit/compare/v3.5.0...v3.6.0) (2023-08-28)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add basic pie chart ([#252](https://github.com/gravity-ui/chartkit/issues/252)) ([71d3139](https://github.com/gravity-ui/chartkit/commit/71d31399a5c0a1a23ddfe2c98c0381ddc44f04e4))\\n* **D3 plugin:** add legend options ([#243](https://github.com/gravity-ui/chartkit/issues/243)) ([8844b57](https://github.com/gravity-ui/chartkit/commit/8844b57d953c95203a69877e67fedcd74ba9b272))\\n\\n## [3.5.0](https://github.com/gravity-ui/chartkit/compare/v3.4.3...v3.5.0) (2023-08-24)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add basic pie chart ([#244](https://github.com/gravity-ui/chartkit/issues/244)) ([c0559cd](https://github.com/gravity-ui/chartkit/commit/c0559cdf323b41747b9e7dcf1c5d05a9e8c677b1))\\n\\n\\n### Bug Fixes\\n\\n* **D3 plugin:** fix tooltip position ([#240](https://github.com/gravity-ui/chartkit/issues/240)) ([d07764b](https://github.com/gravity-ui/chartkit/commit/d07764b0c9659d09f6a235be0c57df6bf4318dd6))\\n\\n## [3.4.3](https://github.com/gravity-ui/chartkit/compare/v3.4.2...v3.4.3) (2023-08-24)\\n\\n\\n### Bug Fixes\\n\\n* bump yagr to 3.7.10 ([#247](https://github.com/gravity-ui/chartkit/issues/247)) ([90f33f6](https://github.com/gravity-ui/chartkit/commit/90f33f6e4e12d7b247be90d7930ef5b129a3cf6f))\\n\\n## [3.4.2](https://github.com/gravity-ui/chartkit/compare/v3.4.1...v3.4.2) (2023-08-19)\\n\\n\\n### Bug Fixes\\n\\n* remove sideEffects cause of it brokes styles ([#237](https://github.com/gravity-ui/chartkit/issues/237)) ([d76d2a9](https://github.com/gravity-ui/chartkit/commit/d76d2a9b4ca6302a6a406b5e16ecede0a3852ac3))\\n\\n## [3.4.1](https://github.com/gravity-ui/chartkit/compare/v3.4.0...v3.4.1) (2023-08-18)\\n\\n\\n### Bug Fixes\\n\\n* bumped yagr to 3.7.9 ([#235](https://github.com/gravity-ui/chartkit/issues/235)) ([5940ae1](https://github.com/gravity-ui/chartkit/commit/5940ae152a22a2be9743c4b5e122fcd36e9aa836))\\n\\n## [3.4.0](https://github.com/gravity-ui/chartkit/compare/v3.3.0...v3.4.0) (2023-08-18)\\n\\n\\n### Features\\n\\n* add `sideEffects` ([#227](https://github.com/gravity-ui/chartkit/issues/227)) ([1624ebc](https://github.com/gravity-ui/chartkit/commit/1624ebc8d835f2e77089a7212dc805b24aa43af7))\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** disable tooltip lines sorting by default ([#233](https://github.com/gravity-ui/chartkit/issues/233)) ([423498e](https://github.com/gravity-ui/chartkit/commit/423498e931811d014c40206b199cb9cdac825bd9))\\n\\n## [3.3.0](https://github.com/gravity-ui/chartkit/compare/v3.2.0...v3.3.0) (2023-08-17)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add axis grid settings ([#228](https://github.com/gravity-ui/chartkit/issues/228)) ([0a4c3c0](https://github.com/gravity-ui/chartkit/commit/0a4c3c04a6e861932054f3bcef59b9a6858f8d8d))\\n* **D3 plugin:** add basic bar chart ([#225](https://github.com/gravity-ui/chartkit/issues/225)) ([5806761](https://github.com/gravity-ui/chartkit/commit/58067616c8a4a69cc7f96116d3f5c0478250b31b))\\n* **D3 plugin:** add ticks pixel interval settings ([#232](https://github.com/gravity-ui/chartkit/issues/232)) ([cae265e](https://github.com/gravity-ui/chartkit/commit/cae265e8caeb30fee648138ba69505efba2fe413))\\n* **D3 plugin:** axis maxPadding options ([#231](https://github.com/gravity-ui/chartkit/issues/231)) ([89602a3](https://github.com/gravity-ui/chartkit/commit/89602a35f7b330b9474f6e0a02becca962cc0705))\\n\\n## [3.2.0](https://github.com/gravity-ui/chartkit/compare/v3.1.3...v3.2.0) (2023-08-15)\\n\\n\\n### Features\\n\\n* add D3 plugin ([#217](https://github.com/gravity-ui/chartkit/issues/217)) ([9815fb0](https://github.com/gravity-ui/chartkit/commit/9815fb087f08413dcd489b7ee11585199d4bd310))\\n\\n\\n### Bug Fixes\\n\\n* bump yagr to 3.7.8 ([#224](https://github.com/gravity-ui/chartkit/issues/224)) ([dabdfc4](https://github.com/gravity-ui/chartkit/commit/dabdfc4e0bb9719a0b941945af037e9593178ae3))\\n\\n## [3.1.3](https://github.com/gravity-ui/chartkit/compare/v3.1.2...v3.1.3) (2023-08-10)\\n\\n\\n### Bug Fixes\\n\\n* bump yagr to 3.7.7 ([#220](https://github.com/gravity-ui/chartkit/issues/220)) ([e9af690](https://github.com/gravity-ui/chartkit/commit/e9af6909602ff4e60d8a850b35b469753e068c30))\\n\\n## [3.1.2](https://github.com/gravity-ui/chartkit/compare/v3.1.1...v3.1.2) (2023-08-09)\\n\\n\\n### Bug Fixes\\n\\n* bumped yagr to 3.7.6 ([#218](https://github.com/gravity-ui/chartkit/issues/218)) ([89d4858](https://github.com/gravity-ui/chartkit/commit/89d4858eadde0829a30b77603656bd1c3caccfd0))\\n\\n## [3.1.1](https://github.com/gravity-ui/chartkit/compare/v3.1.0...v3.1.1) (2023-08-04)\\n\\n\\n### Bug Fixes\\n\\n* bumped yagr to 3.7.5 ([#214](https://github.com/gravity-ui/chartkit/issues/214)) ([5d24852](https://github.com/gravity-ui/chartkit/commit/5d248529fec2a85306f8409d647c9f6a8eb79c6a))\\n* **Highcharts plugin:** revert \'show totals of selected series on leg… ([#215](https://github.com/gravity-ui/chartkit/issues/215)) ([d7dd0c4](https://github.com/gravity-ui/chartkit/commit/d7dd0c472cde1d3ab8a82ab48671cb71cd47d9c6))\\n* **Highcharts plugin:** revert \'show totals of selected series on legend click\' ([d7dd0c4](https://github.com/gravity-ui/chartkit/commit/d7dd0c472cde1d3ab8a82ab48671cb71cd47d9c6))\\n\\n## [3.1.0](https://github.com/gravity-ui/chartkit/compare/v3.0.0...v3.1.0) (2023-07-26)\\n\\n\\n### Features\\n\\n* bump yagr to 3.7.0 ([#213](https://github.com/gravity-ui/chartkit/issues/213)) ([3cf2bf3](https://github.com/gravity-ui/chartkit/commit/3cf2bf31374e8951515d09bfc5be78356bff8897))\\n* custom react tooltip support in Yagr type widgets ([#211](https://github.com/gravity-ui/chartkit/issues/211)) ([800749d](https://github.com/gravity-ui/chartkit/commit/800749da7ba643f9963139b271ac33c1d70de04b))\\n\\n## [3.0.0](https://github.com/gravity-ui/chartkit/compare/v2.13.0...v3.0.0) (2023-07-17)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update @gravity-ui/uikit to v5 ([#206](https://github.com/gravity-ui/chartkit/pull/206))\\n* update @gravity-ui/yagr to v3 ([#202](https://github.com/gravity-ui/chartkit/pull/202))\\n* change moment to @gravity-ui/date-utils ([#198](https://github.com/gravity-ui/chartkit/pull/198))\\n* move `sort` property to higher level ([#208](https://github.com/gravity-ui/chartkit/pull/208)). Now this property does not enabled in `TooltipData`, but still enabled in `HighchartsWidgetData.tooltip`\\n\\n### Features\\n\\n* add `pluginRef` property ([#195](https://github.com/gravity-ui/chartkit/pull/195))\\n\\n## [2.13.0](https://github.com/gravity-ui/chartkit/compare/v2.12.0...v2.13.0) (2023-06-30)\\n\\n\\n### Features\\n\\n* **Yagr plugin:** update to v 2.2.6 ([#186](https://github.com/gravity-ui/chartkit/issues/186)) ([bddd692](https://github.com/gravity-ui/chartkit/commit/bddd6920742b398b35ce4ef6d8b78d87d50148db))\\n\\n## [2.12.0](https://github.com/gravity-ui/chartkit/compare/v2.11.0...v2.12.0) (2023-06-30)\\n\\n\\n### Features\\n\\n* add renderPluginLoader property ([#184](https://github.com/gravity-ui/chartkit/issues/184)) ([3955d2f](https://github.com/gravity-ui/chartkit/commit/3955d2f1995fb204c16cda53e96b4eca50c2ef0e))\\n\\n## [2.11.0](https://github.com/gravity-ui/chartkit/compare/v2.10.1...v2.11.0) (2023-06-20)\\n\\n\\n### Features\\n\\n* add renderError property ([#175](https://github.com/gravity-ui/chartkit/issues/175)) ([84c03a9](https://github.com/gravity-ui/chartkit/commit/84c03a9f8516e9fb846e25a920aa82b00c660a02))\\n\\n\\n### Bug Fixes\\n\\n* reset \\"No data\\" error on change data ([ac0da94](https://github.com/gravity-ui/chartkit/commit/ac0da94fd21ff558a739c00b8904645d5ba006ef))\\n\\n## [2.10.1](https://github.com/gravity-ui/chartkit/compare/v2.10.0...v2.10.1) (2023-06-19)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** show totals of selected series on legend click ([#176](https://github.com/gravity-ui/chartkit/issues/176)) ([ac7fe22](https://github.com/gravity-ui/chartkit/commit/ac7fe224363f7379f6dd35db0a3a682cdc7a2bc2))\\n\\n## [2.10.0](https://github.com/gravity-ui/chartkit/compare/v2.9.0...v2.10.0) (2023-06-05)\\n\\n\\n### Features\\n\\n* **Yagr:** update to v2.2.5 ([#173](https://github.com/gravity-ui/chartkit/issues/173)) ([c0e57b6](https://github.com/gravity-ui/chartkit/commit/c0e57b6e939d46984dff7835d503b509d9448200))\\n\\n## [2.9.0](https://github.com/gravity-ui/chartkit/compare/v2.8.1...v2.9.0) (2023-05-31)\\n\\n\\n### Features\\n\\n* **Highcharts plugin:** add `tooltip.sort` configuration ([#170](https://github.com/gravity-ui/chartkit/issues/170)) ([0825a91](https://github.com/gravity-ui/chartkit/commit/0825a91155592d9e06dbdd452547a0c31b71c07a))\\n\\n## [2.8.1](https://github.com/gravity-ui/chartkit/compare/v2.8.0...v2.8.1) (2023-05-30)\\n\\n\\n### Bug Fixes\\n\\n* **options:** fixed default options for yAxis title color ([#168](https://github.com/gravity-ui/chartkit/issues/168)) ([52bf4cc](https://github.com/gravity-ui/chartkit/commit/52bf4cca79770982e9584e89c9a408086850acd5))\\n\\n## [2.8.0](https://github.com/gravity-ui/chartkit/compare/v2.7.2...v2.8.0) (2023-05-23)\\n\\n\\n### Features\\n\\n* **Highcharts plugin:** rework tooltip pinning api ([#166](https://github.com/gravity-ui/chartkit/issues/166)) ([9ca62e4](https://github.com/gravity-ui/chartkit/commit/9ca62e4d01d62f36de0c4866e0d21728ca2aa25c))\\n\\n## [2.7.2](https://github.com/gravity-ui/chartkit/compare/v2.7.1...v2.7.2) (2023-05-17)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** add metaKey property to SeriesClickEventObject type ([#164](https://github.com/gravity-ui/chartkit/issues/164)) ([3484561](https://github.com/gravity-ui/chartkit/commit/34845618e4eec8c48e3870d4187855d39fb857e3))\\n\\n## [2.7.1](https://github.com/gravity-ui/chartkit/compare/v2.7.0...v2.7.1) (2023-05-17)\\n\\n\\n### Bug Fixes\\n\\n* remove onSeriesClick due to it uselessness ([#162](https://github.com/gravity-ui/chartkit/issues/162)) ([ca993d6](https://github.com/gravity-ui/chartkit/commit/ca993d6987f9c0a4ade0c154eb25d99a6d7e0027))\\n\\n## [2.7.0](https://github.com/gravity-ui/chartkit/compare/v2.6.0...v2.7.0) (2023-05-10)\\n\\n\\n### Features\\n\\n* **Highcharts plugin:** add config.onSeriesClick property ([#160](https://github.com/gravity-ui/chartkit/issues/160)) ([212ce4b](https://github.com/gravity-ui/chartkit/commit/212ce4b49693ef256ed2e46cb44d863a951020ac))\\n\\n## [2.6.0](https://github.com/gravity-ui/chartkit/compare/v2.5.0...v2.6.0) (2023-05-04)\\n\\n\\n### Features\\n\\n* add React@18 as peer dependency ([#158](https://github.com/gravity-ui/chartkit/issues/158)) ([2991c11](https://github.com/gravity-ui/chartkit/commit/2991c1138781692451582e99d8f9c7eb51a8c9aa))\\n\\n## [2.5.0](https://github.com/gravity-ui/chartkit/compare/v2.4.1...v2.5.0) (2023-05-03)\\n\\n\\n### Features\\n\\n* **Highcharts plugin:** add config.tooltip property ([#156](https://github.com/gravity-ui/chartkit/issues/156)) ([8a8229e](https://github.com/gravity-ui/chartkit/commit/8a8229e4ee8401a8cfce4d0689a047e830d1a5e9))\\n\\n## [2.4.1](https://github.com/gravity-ui/chartkit/compare/v2.4.0...v2.4.1) (2023-04-19)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** Replace deprecated event.path ([#153](https://github.com/gravity-ui/chartkit/issues/153)) ([23be4a9](https://github.com/gravity-ui/chartkit/commit/23be4a96479820a69534098100140cd9a3fad45a))\\n\\n## [2.4.0](https://github.com/gravity-ui/chartkit/compare/v2.3.1...v2.4.0) (2023-04-13)\\n\\n\\n### Features\\n\\n* **Yagr:** update to v2.2.4 ([#150](https://github.com/gravity-ui/chartkit/issues/150)) ([7b7ab46](https://github.com/gravity-ui/chartkit/commit/7b7ab4632f6ece68dc05e1bec5949283e4307f88))\\n\\n## [2.3.1](https://github.com/gravity-ui/chartkit/compare/v2.3.0...v2.3.1) (2023-04-12)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** navigator series visibility on legend item click ([#148](https://github.com/gravity-ui/chartkit/issues/148)) ([ae7d38b](https://github.com/gravity-ui/chartkit/commit/ae7d38b3ffa8d4b037a762bf26f4e68b504c7886))\\n\\n## [2.3.0](https://github.com/gravity-ui/chartkit/compare/v2.2.2...v2.3.0) (2023-04-11)\\n\\n\\n### Features\\n\\n* **Indicator plugin:** add onRender ([#145](https://github.com/gravity-ui/chartkit/issues/145)) ([3a044c0](https://github.com/gravity-ui/chartkit/commit/3a044c08583cd96bd08e3fb29a89c06ca9a6be18))\\n* **Indicator plugin:** add renderTime ([3a044c0](https://github.com/gravity-ui/chartkit/commit/3a044c08583cd96bd08e3fb29a89c06ca9a6be18))\\n\\n## [2.2.2](https://github.com/gravity-ui/chartkit/compare/v2.2.1...v2.2.2) (2023-03-28)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix legend item click ([#142](https://github.com/gravity-ui/chartkit/issues/142)) ([a64f1b9](https://github.com/gravity-ui/chartkit/commit/a64f1b962bec45bfd2568110c1c9050fc9d75807))\\n\\n## [2.2.1](https://github.com/gravity-ui/chartkit/compare/v2.2.0...v2.2.1) (2023-03-27)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** proper message for empty data ([#140](https://github.com/gravity-ui/chartkit/issues/140)) ([ee41ace](https://github.com/gravity-ui/chartkit/commit/ee41ace81ddaa88601b584273a7759dfe1dbe1c9))\\n\\n## [2.2.0](https://github.com/gravity-ui/chartkit/compare/v2.1.0...v2.2.0) (2023-03-21)\\n\\n\\n### Features\\n\\n* **Higcharts plugin:** add type for manageTooltipConfig ([#139](https://github.com/gravity-ui/chartkit/issues/139)) ([f781cca](https://github.com/gravity-ui/chartkit/commit/f781cca112bb1e87607d24916aa38bf44fe2abf6))\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts:** fix resetZoomButton styles ([#137](https://github.com/gravity-ui/chartkit/issues/137)) ([07f610e](https://github.com/gravity-ui/chartkit/commit/07f610e443f2c9a2543ac68bbff443112a1d650a))\\n\\n## [2.1.0](https://github.com/gravity-ui/chartkit/compare/v2.0.0...v2.1.0) (2023-03-13)\\n\\n\\n### Features\\n\\n* **Highcharts:** add linesLimit property to HighchartsWidgetData.config ([#135](https://github.com/gravity-ui/chartkit/issues/135)) ([91d16a3](https://github.com/gravity-ui/chartkit/commit/91d16a32aad00fb683c68f3f39a6477f14f18c33))\\n\\n## [2.0.0](https://github.com/gravity-ui/chartkit/compare/v1.6.7...v2.0.0) (2023-03-09)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update uikit up to 4 ([#133](https://github.com/gravity-ui/chartkit/issues/133))\\n\\n### Features\\n\\n* update uikit up to 4 ([#133](https://github.com/gravity-ui/chartkit/issues/133)) ([8ae0c8d](https://github.com/gravity-ui/chartkit/commit/8ae0c8d179273a448de8f670dfe1b3f2314c0523))\\n\\n## [1.6.7](https://github.com/gravity-ui/chartkit/compare/v1.6.6...v1.6.7) (2023-02-21)\\n\\n\\n### Bug Fixes\\n\\n* fix check if chart exists before adjust font size ([#130](https://github.com/gravity-ui/chartkit/issues/130)) ([d81c6b2](https://github.com/gravity-ui/chartkit/commit/d81c6b2e4c64b04f7d62b684c46133ab9177a479))\\n\\n## [1.6.6](https://github.com/gravity-ui/chartkit/compare/v1.6.5...v1.6.6) (2023-02-21)\\n\\n\\n### Bug Fixes\\n\\n* add check if chart exists before adjust font size ([#128](https://github.com/gravity-ui/chartkit/issues/128)) ([451e3c1](https://github.com/gravity-ui/chartkit/commit/451e3c119858adffc02fede05eb9f91407b6e31c))\\n\\n## [1.6.5](https://github.com/gravity-ui/chartkit/compare/v1.6.4...v1.6.5) (2023-02-10)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix optional id usage for series identifier ([#125](https://github.com/gravity-ui/chartkit/issues/125)) ([f08b414](https://github.com/gravity-ui/chartkit/commit/f08b4145360db78c9efc6bd056772cd9f21a5fdb))\\n\\n## [1.6.4](https://github.com/gravity-ui/chartkit/compare/v1.6.3...v1.6.4) (2023-02-09)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix on legend item click when it has duplicate name ([#123](https://github.com/gravity-ui/chartkit/issues/123)) ([005b9d2](https://github.com/gravity-ui/chartkit/commit/005b9d20d0613f3e98d487c8c72c50ec713870ec))\\n\\n## [1.6.3](https://github.com/gravity-ui/chartkit/compare/v1.6.2...v1.6.3) (2023-02-08)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix updating point x value ([#121](https://github.com/gravity-ui/chartkit/issues/121)) ([0ffe89f](https://github.com/gravity-ui/chartkit/commit/0ffe89fb9f6112166765dd997cf549c6ca2665d9))\\n\\n## [1.6.2](https://github.com/gravity-ui/chartkit/compare/v1.6.1...v1.6.2) (2023-01-24)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix tooltip behaviour ([#119](https://github.com/gravity-ui/chartkit/issues/119)) ([5dffcc3](https://github.com/gravity-ui/chartkit/commit/5dffcc3224b415a2e64fe331a4a72a4f90266ae2))\\n* **Highcharts plugin:** fix tooltip behaviour for onChartLoad & onRender callbacks ([5dffcc3](https://github.com/gravity-ui/chartkit/commit/5dffcc3224b415a2e64fe331a4a72a4f90266ae2))\\n\\n## [1.6.1](https://github.com/gravity-ui/chartkit/compare/v1.6.0...v1.6.1) (2023-01-24)\\n\\n\\n### Bug Fixes\\n\\n* add export type for onChartLoad & onRender ([#117](https://github.com/gravity-ui/chartkit/issues/117)) ([e8b4f58](https://github.com/gravity-ui/chartkit/commit/e8b4f586335581df82f13b3f476afb0316e6e598))\\n* add types export ([e8b4f58](https://github.com/gravity-ui/chartkit/commit/e8b4f586335581df82f13b3f476afb0316e6e598))\\n\\n## [1.6.0](https://github.com/gravity-ui/chartkit/compare/v1.5.2...v1.6.0) (2023-01-23)\\n\\n\\n### Features\\n\\n* add onRender & onChartLoad calbacks ([#111](https://github.com/gravity-ui/chartkit/issues/111)) ([f23c008](https://github.com/gravity-ui/chartkit/commit/f23c008c5c049c813e6704edb1654c90707d00af))\\n\\n## [1.5.2](https://github.com/gravity-ui/chartkit/compare/v1.5.1...v1.5.2) (2022-12-20)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** add widget rendering time ([#109](https://github.com/gravity-ui/chartkit/issues/109)) ([0db5c73](https://github.com/gravity-ui/chartkit/commit/0db5c737e4de588decb6cc191fa624db8b2119b4))\\n\\n## [1.5.1](https://github.com/gravity-ui/chartkit/compare/v1.5.0...v1.5.1) (2022-12-20)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** add merging serie stack name if it already exists ([#107](https://github.com/gravity-ui/chartkit/issues/107)) ([fa73b55](https://github.com/gravity-ui/chartkit/commit/fa73b5554a491f20c109416d979e74c3b9d7e2c3))\\n\\n## [1.5.0](https://github.com/gravity-ui/chartkit/compare/v1.4.3...v1.5.0) (2022-12-19)\\n\\n\\n### Features\\n\\n* add stacking positive and mixed values in stacked area ([#105](https://github.com/gravity-ui/chartkit/issues/105)) ([3f0cc62](https://github.com/gravity-ui/chartkit/commit/3f0cc628613aad1016b009253e09a8682ca05d2c))\\n\\n## [1.4.3](https://github.com/gravity-ui/chartkit/compare/v1.4.2...v1.4.3) (2022-12-14)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix colorAxis legend title color ([#100](https://github.com/gravity-ui/chartkit/issues/100)) ([06c992a](https://github.com/gravity-ui/chartkit/commit/06c992a5a614798a475aa7c3358058ed7080c6c1))\\n* **Highcharts plugin:** remove tooltip lines sorting ([#103](https://github.com/gravity-ui/chartkit/issues/103)) ([5e57035](https://github.com/gravity-ui/chartkit/commit/5e57035b7c1d572d66926c48889e8b5905399592))\\n* **Yagr plugin:** add core styles import ([#104](https://github.com/gravity-ui/chartkit/issues/104)) ([4de763d](https://github.com/gravity-ui/chartkit/commit/4de763d7f502f4bacf202beddeb0e5ef27381917))\\n\\n## [1.4.2](https://github.com/gravity-ui/chartkit/compare/v1.4.1...v1.4.2) (2022-12-13)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix pie halo on mobile devices ([#97](https://github.com/gravity-ui/chartkit/issues/97)) ([3b4a0b4](https://github.com/gravity-ui/chartkit/commit/3b4a0b46ee6512b8b941ef768c85804b4daf7638))\\n\\n## [1.4.1](https://github.com/gravity-ui/chartkit/compare/v1.4.0...v1.4.1) (2022-12-12)\\n\\n\\n### Bug Fixes\\n\\n* fix Hide all and Show all button ([#95](https://github.com/gravity-ui/chartkit/issues/95)) ([4e404e6](https://github.com/gravity-ui/chartkit/commit/4e404e626ad20f455c05ec958b828b7a193b8f9b))\\n\\n## [1.4.0](https://github.com/gravity-ui/chartkit/compare/v1.3.0...v1.4.0) (2022-12-09)\\n\\n\\n### Features\\n\\n* update chartkit to new yagr ([#93](https://github.com/gravity-ui/chartkit/issues/93)) ([e89f0db](https://github.com/gravity-ui/chartkit/commit/e89f0db55fa792922b24ce23c562c35270de3722))\\n\\n## [1.3.0](https://github.com/gravity-ui/chartkit/compare/v1.2.0...v1.3.0) (2022-12-09)\\n\\n\\n### Features\\n\\n* **Highcharts:** add CkHighchartsSeriesOptionsType type ([#92](https://github.com/gravity-ui/chartkit/issues/92)) ([36b9d75](https://github.com/gravity-ui/chartkit/commit/36b9d75779fdde4ef98e8de5db3fbb515dc44662))\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts:** fix widget config type ([#89](https://github.com/gravity-ui/chartkit/issues/89)) ([988c074](https://github.com/gravity-ui/chartkit/commit/988c074ead25027e9d7e2c5ec0443c8d428ae35c))\\n\\n## [1.2.0](https://github.com/gravity-ui/chartkit/compare/v1.1.0...v1.2.0) (2022-12-09)\\n\\n\\n### Features\\n\\n* update yagr to 2.1.0 ([#87](https://github.com/gravity-ui/chartkit/issues/87)) ([5dfd6d0](https://github.com/gravity-ui/chartkit/commit/5dfd6d0098729b4813f6a783457e40203e269272))\\n\\n## [1.1.0](https://github.com/gravity-ui/chartkit/compare/v1.0.0...v1.1.0) (2022-12-08)\\n\\n### Features\\n\\n- add export of all yagr lib types to yagr plugin\\n\\n### Bug Fixes\\n\\n- fix config object merging in `useWidgetData` yagr plugin hook\\n\\n## [1.0.0](https://github.com/gravity-ui/chartkit/compare/v0.13.0...v1.0.0) (2022-12-07)\\n\\n### ⚠ BREAKING CHANGES\\n\\n- update Yagr to v2. Read more about [changes](https://github.com/yandex-cloud/yagr/blob/master/CHANGELOG.md#200-19-04-2022)\\n\\n## [0.13.0](https://github.com/gravity-ui/chartkit/compare/v0.12.3...v0.13.0) (2022-12-05)\\n\\n### Features\\n\\n- remove direct import @gravity-ui/uikit styles in ChartKit component ([#80](https://github.com/gravity-ui/chartkit/issues/80)) ([49642d7](https://github.com/gravity-ui/chartkit/commit/49642d7cfbd358a399ead674b2d3a040b05bf669))\\n\\n## [0.12.3](https://github.com/gravity-ui/chartkit/compare/v0.12.2...v0.12.3) (2022-12-01)\\n\\n### Bug Fixes\\n\\n- **Yagr:** added common no-data case handling ([#78](https://github.com/gravity-ui/chartkit/issues/78)) ([100efaa](https://github.com/gravity-ui/chartkit/commit/100efaaff20e03048146ca084ee91c2be2568640))\\n\\n## [0.12.2](https://github.com/gravity-ui/chartkit/compare/v0.12.1...v0.12.2) (2022-11-30)\\n\\n### Bug Fixes\\n\\n- **ChartKit:** id not to be new on every render ([#76](https://github.com/gravity-ui/chartkit/issues/76)) ([230a992](https://github.com/gravity-ui/chartkit/commit/230a992fe99a176bbf85cbef363ccac45db7b3b4))\\n\\n## [0.12.1](https://github.com/gravity-ui/chartkit/compare/v0.12.0...v0.12.1) (2022-11-22)\\n\\n### Bug Fixes\\n\\n- **Highcharts plugin:** remove style for chart background color ([#73](https://github.com/gravity-ui/chartkit/issues/73)) ([481b2f5](https://github.com/gravity-ui/chartkit/commit/481b2f5fe07d818f37ba220f70fbad14690b39ba))\\n\\n## [0.12.0](https://github.com/gravity-ui/chartkit/compare/v0.11.1...v0.12.0) (2022-11-22)\\n\\n### Features\\n\\n- add support border color setting ([defdcf7](https://github.com/gravity-ui/chartkit/commit/defdcf768d33fe11f9de8dc14a1e9561c034f6ea))\\n\\n## [0.11.1](https://github.com/gravity-ui/chartkit/compare/v0.11.0...v0.11.1) (2022-11-21)\\n\\n### Bug Fixes\\n\\n- **Highcharts plugin:** fix tooltip holidays handling ([#69](https://github.com/gravity-ui/chartkit/issues/69)) ([9bc3f8c](https://github.com/gravity-ui/chartkit/commit/9bc3f8c7a62d3b269626be87a46de1d8a6949f57))\\n\\n## [0.11.0](https://github.com/gravity-ui/chartkit/compare/v0.10.1...v0.11.0) (2022-11-18)\\n\\n### Features\\n\\n- types improvements ([#67](https://github.com/gravity-ui/chartkit/issues/67)) ([33b4f07](https://github.com/gravity-ui/chartkit/commit/33b4f07a24abdfde52005ddbbf17fb7a25817beb))\\n\\n## [0.10.1](https://github.com/gravity-ui/chartkit/compare/v0.10.0...v0.10.1) (2022-11-18)\\n\\n### Bug Fixes\\n\\n- **Highcharts plugin:** add Highcharts lib type export ([#65](https://github.com/gravity-ui/chartkit/issues/65)) ([de24a26](https://github.com/gravity-ui/chartkit/commit/de24a264197441b21261438808838e5fbd0a8402))\\n\\n## [0.10.0](https://github.com/gravity-ui/chartkit/compare/v0.9.1...v0.10.0) (2022-11-18)\\n\\n### Features\\n\\n- add highcharts plugin ([#61](https://github.com/gravity-ui/chartkit/issues/61)) ([9329ede](https://github.com/gravity-ui/chartkit/commit/9329edeaba8c4ef84b1fc30bb7196ba350dc3abd))\\n\\n### Bug Fixes\\n\\n- yagr & indicator types fixes ([#64](https://github.com/gravity-ui/chartkit/issues/64)) ([479c552](https://github.com/gravity-ui/chartkit/commit/479c552f5ce1890451f3f104fc8efb730f2baf67))\\n\\n## [0.9.1](https://github.com/gravity-ui/chartkit/compare/v0.9.0...v0.9.1) (2022-11-14)\\n\\n### Bug Fixes\\n\\n- fix yagr theme initialization ([#59](https://github.com/gravity-ui/chartkit/issues/59)) ([7247873](https://github.com/gravity-ui/chartkit/commit/724787380b8d81f6dfdaae1f6e5c1b806af32e3c))\\n\\n## [0.9.0](https://github.com/gravity-ui/chartkit/compare/v0.8.0...v0.9.0) (2022-11-08)\\n\\n### Features\\n\\n- add isMobile property ([#57](https://github.com/gravity-ui/chartkit/issues/57)) ([a2e87ed](https://github.com/gravity-ui/chartkit/commit/a2e87edf1d05705fb92c2571b5a71496c48d9215))\\n\\n## [0.8.0](https://github.com/gravity-ui/chartkit/compare/v0.7.2...v0.8.0) (2022-10-04)\\n\\n### Features\\n\\n- move to @gravity-ui/i18n ([#45](https://github.com/gravity-ui/chartkit/issues/45)) ([ad401d8](https://github.com/gravity-ui/chartkit/commit/ad401d85bf50ab4ceb0ae8a837c4b11cd36a4acd))\\n\\n### Bug Fixes\\n\\n- add ChartKitOnError type export ([#54](https://github.com/gravity-ui/chartkit/issues/54)) ([7660be7](https://github.com/gravity-ui/chartkit/commit/7660be756cd3ec1057aa9fd4bb45226c9632e80f))\\n\\n## [0.7.2](https://github.com/gravity-ui/chartkit/compare/v0.7.1...v0.7.2) (2022-10-03)\\n\\n### Bug Fixes\\n\\n- package.json fixes ([#50](https://github.com/gravity-ui/chartkit/issues/50)) ([aca306d](https://github.com/gravity-ui/chartkit/commit/aca306dc8872951a48c1db0362ae1912138d72ed))\\n\\n## [0.7.1](https://github.com/gravity-ui/chartkit/compare/v0.7.0...v0.7.1) (2022-10-03)\\n\\n### Bug Fixes\\n\\n- move to gravity-ui configs ([#48](https://github.com/gravity-ui/chartkit/issues/48)) ([620587b](https://github.com/gravity-ui/chartkit/commit/620587b41febade698f12e67506aab683934e7b3))\\n\\n## [0.7.0](https://github.com/yandex-cloud/chartkit/compare/v0.6.0...v0.7.0) (2022-10-01)\\n\\n### Features\\n\\n- use gravity-ui/uikit instead of yandex-cloud/uikit ([#46](https://github.com/yandex-cloud/chartkit/issues/46)) ([afb2300](https://github.com/yandex-cloud/chartkit/commit/afb230036bb26573159e5f03e0972653b6692d86))\\n\\n## [0.6.0](https://github.com/yandex-cloud/chartkit/compare/v0.5.4...v0.6.0) (2022-08-12)\\n\\n### Features\\n\\n- remove uikit css variables proxing ([#43](https://github.com/yandex-cloud/chartkit/issues/43)) ([4d5131e](https://github.com/yandex-cloud/chartkit/commit/4d5131e0d77270e44bef94f0ba05c9fc5c317704))\\n\\n## [0.5.4](https://github.com/yandex-cloud/chartkit/compare/v0.5.3...v0.5.4) (2022-08-08)\\n\\n### Bug Fixes\\n\\n- add Yagr type export ([#42](https://github.com/yandex-cloud/chartkit/issues/42)) ([a8b9475](https://github.com/yandex-cloud/chartkit/commit/a8b94755bbb0d42652db3e4266e0ca04481ad99f))\\n- npm vulnerabilities fixes ([#40](https://github.com/yandex-cloud/chartkit/issues/40)) ([1509bcf](https://github.com/yandex-cloud/chartkit/commit/1509bcf87a50d9281c3ea47074c694db429ad5d4))\\n\\n## [0.5.3](https://github.com/yandex-cloud/chartkit/compare/v0.5.2...v0.5.3) (2022-08-01)\\n\\n### Bug Fixes\\n\\n- dev and peer dependencies fixes ([#36](https://github.com/yandex-cloud/chartkit/issues/36)) ([faeccd9](https://github.com/yandex-cloud/chartkit/commit/faeccd9aca9b84ee02edeadef3db2d2abeedb143))\\n\\n## [0.5.2](https://github.com/yandex-cloud/chartkit/compare/v0.5.1...v0.5.2) (2022-07-28)\\n\\n### Bug Fixes\\n\\n- Indicator onLoad invocation fixes ([#34](https://github.com/yandex-cloud/chartkit/issues/34)) ([95fafc3](https://github.com/yandex-cloud/chartkit/commit/95fafc381bbafe47173f802310a67e7ced243d80))\\n\\n## [0.5.1](https://github.com/yandex-cloud/chartkit/compare/v0.5.0...v0.5.1) (2022-07-27)\\n\\n### Bug Fixes\\n\\n- error handling fixes ([#31](https://github.com/yandex-cloud/chartkit/issues/31)) ([e20fb9d](https://github.com/yandex-cloud/chartkit/commit/e20fb9df1d811efa08a8a68110b1a6819a384af4))\\n\\n## [0.5.0](https://github.com/yandex-cloud/chartkit/compare/v0.4.0...v0.5.0) (2022-07-25)\\n\\n### Features\\n\\n- add chartkit-error ([#28](https://github.com/yandex-cloud/chartkit/issues/28)) ([8342073](https://github.com/yandex-cloud/chartkit/commit/83420738dd431fa1ce2b96f18631f84ca36ed4af))\\n- add indicator chart ([#30](https://github.com/yandex-cloud/chartkit/issues/30)) ([4f465de](https://github.com/yandex-cloud/chartkit/commit/4f465de3afdee721f96868d975f3aee647177f76))\\n- change error handling ([#29](https://github.com/yandex-cloud/chartkit/issues/29)) ([993958a](https://github.com/yandex-cloud/chartkit/commit/993958a68e1c4376e037bd006d6b19f013b58cfb))\\n\\n### Bug Fixes\\n\\n- remove react-dom from peer dependencies ([#26](https://github.com/yandex-cloud/chartkit/issues/26)) ([22b6525](https://github.com/yandex-cloud/chartkit/commit/22b6525c767104e56cc51cf5dee5340253f7c080))\\n\\n## [0.4.0](https://github.com/yandex-cloud/chartkit/compare/v0.3.1...v0.4.0) (2022-07-18)\\n\\n### Features\\n\\n- add onError property ([#24](https://github.com/yandex-cloud/chartkit/issues/24)) ([0b51f19](https://github.com/yandex-cloud/chartkit/commit/0b51f195612cb80ab8e40b5d115eb7650f986888))\\n\\n## [0.3.1](https://github.com/yandex-cloud/chartkit/compare/v0.3.0...v0.3.1) (2022-07-14)\\n\\n### Bug Fixes\\n\\n- add test for settings ([#21](https://github.com/yandex-cloud/chartkit/issues/21)) ([b848503](https://github.com/yandex-cloud/chartkit/commit/b8485032d9ab14edda0a8f193f9174e3a6c687bf))\\n- build task fixes ([#23](https://github.com/yandex-cloud/chartkit/issues/23)) ([2f13233](https://github.com/yandex-cloud/chartkit/commit/2f13233005d8fe7d10d496464ec3aed0a9ea5743))\\n\\n## [0.3.0](https://github.com/yandex-cloud/chartkit/compare/v0.2.0...v0.3.0) (2022-07-13)\\n\\n### Features\\n\\n- add root types export ([#18](https://github.com/yandex-cloud/chartkit/issues/18)) ([06265a1](https://github.com/yandex-cloud/chartkit/commit/06265a10f518836ac63f2b847e73dd19b3e2e8ca))\\n\\n## [0.2.0](https://github.com/yandex-cloud/chartkit/compare/v0.1.1...v0.2.0) (2022-07-11)\\n\\n### Features\\n\\n- add cn lib ([#10](https://github.com/yandex-cloud/chartkit/issues/10)) ([796bdda](https://github.com/yandex-cloud/chartkit/commit/796bdda22fbf69ea8fc37965486e358ea3779a7e))\\n- add i18n ([#13](https://github.com/yandex-cloud/chartkit/issues/13)) ([3f0204b](https://github.com/yandex-cloud/chartkit/commit/3f0204bb949aeb596632b3479d7e5ee130d91225))\\n- add reflow handler ([#15](https://github.com/yandex-cloud/chartkit/issues/15)) ([80210af](https://github.com/yandex-cloud/chartkit/commit/80210af775ca7476f107f6ecc2ae9983baa9a8e3))\\n- add yagr plugin types export ([#17](https://github.com/yandex-cloud/chartkit/issues/17)) ([6e4cf1d](https://github.com/yandex-cloud/chartkit/commit/6e4cf1dc5cc584a9bda99b39122f489ed35f90e2))\\n- change lib structure ([#7](https://github.com/yandex-cloud/chartkit/issues/7)) ([dfb6ed8](https://github.com/yandex-cloud/chartkit/commit/dfb6ed839fd49a13006e75bca77abfd43849653b))\\n\\n### Bug Fixes\\n\\n- change cn workflow ([#12](https://github.com/yandex-cloud/chartkit/issues/12)) ([aba5148](https://github.com/yandex-cloud/chartkit/commit/aba5148237aa0dd0bfd89744c77e30ebbcbcb90e))\\n- downgrade i18n to v0.5.0 ([#16](https://github.com/yandex-cloud/chartkit/issues/16)) ([454985a](https://github.com/yandex-cloud/chartkit/commit/454985a6c339775ebc0a96d77a20792b31b305c7))\\n- move all storybook decorators into one ([#14](https://github.com/yandex-cloud/chartkit/issues/14)) ([de1e8e9](https://github.com/yandex-cloud/chartkit/commit/de1e8e90325142e41ece8edc785119440b49fa0c))\\n\\n### [0.1.1](https://www.github.com/yandex-cloud/ChartKit/compare/v0.1.0...v0.1.1) (2022-02-17)\\n\\n### Bug Fixes\\n\\n- add publishConfig ([5cfdfff](https://www.github.com/yandex-cloud/ChartKit/commit/5cfdfffbdcafb8baeb05338ef07dd3a602c51797))\\n\\n## 0.1.0 (2022-02-17)\\n\\n### Bug Fixes\\n\\n- init ([2804dac](https://www.github.com/yandex-cloud/ChartKit/commit/2804dacfd0f11e15cda6a84ca22172bf2d74b532))\\n- init ([4b747d4](https://www.github.com/yandex-cloud/ChartKit/commit/4b747d409122fc4ae330040e75e273ee9a602bcf))\\n","contributors":[{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":126},{"login":"kuzmadom","avatarUrl":"https://avatars.githubusercontent.com/u/7911723?v=4","url":"https://github.com/kuzmadom","contributions":58},{"login":"zefirka","avatarUrl":"https://avatars.githubusercontent.com/u/5380542?v=4","url":"https://github.com/zefirka","contributions":27},{"login":"Marginy605","avatarUrl":"https://avatars.githubusercontent.com/u/98329176?v=4","url":"https://github.com/Marginy605","contributions":10},{"login":"Flunt1k","avatarUrl":"https://avatars.githubusercontent.com/u/47900126?v=4","url":"https://github.com/Flunt1k","contributions":8},{"login":"artemipanchuk","avatarUrl":"https://avatars.githubusercontent.com/u/15093838?v=4","url":"https://github.com/artemipanchuk","contributions":6},{"login":"astandrik","avatarUrl":"https://avatars.githubusercontent.com/u/8037318?v=4","url":"https://github.com/astandrik","contributions":4},{"login":"ichernobuk","avatarUrl":"https://avatars.githubusercontent.com/u/25184132?v=4","url":"https://github.com/ichernobuk","contributions":4},{"login":"EgorKluch","avatarUrl":"https://avatars.githubusercontent.com/u/2197074?v=4","url":"https://github.com/EgorKluch","contributions":4},{"login":"mournfulCoroner","avatarUrl":"https://avatars.githubusercontent.com/u/56549651?v=4","url":"https://github.com/mournfulCoroner","contributions":3},{"login":"krozhkov","avatarUrl":"https://avatars.githubusercontent.com/u/17095356?v=4","url":"https://github.com/krozhkov","contributions":2},{"login":"imechoim","avatarUrl":"https://avatars.githubusercontent.com/u/8857511?v=4","url":"https://github.com/imechoim","contributions":2},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":2},{"login":"pavel-klimov","avatarUrl":"https://avatars.githubusercontent.com/u/42768217?v=4","url":"https://github.com/pavel-klimov","contributions":2},{"login":"dsleepo","avatarUrl":"https://avatars.githubusercontent.com/u/827806?v=4","url":"https://github.com/dsleepo","contributions":2},{"login":"melikhov-dev","avatarUrl":"https://avatars.githubusercontent.com/u/1742586?v=4","url":"https://github.com/melikhov-dev","contributions":2},{"login":"ogonkov","avatarUrl":"https://avatars.githubusercontent.com/u/1091927?v=4","url":"https://github.com/ogonkov","contributions":1},{"login":"resure","avatarUrl":"https://avatars.githubusercontent.com/u/168296?v=4","url":"https://github.com/resure","contributions":1},{"login":"ref256","avatarUrl":"https://avatars.githubusercontent.com/u/41027510?v=4","url":"https://github.com/ref256","contributions":1},{"login":"SwinX","avatarUrl":"https://avatars.githubusercontent.com/u/854899?v=4","url":"https://github.com/SwinX","contributions":1},{"login":"ananas7","avatarUrl":"https://avatars.githubusercontent.com/u/6717161?v=4","url":"https://github.com/ananas7","contributions":1},{"login":"ierehon1905","avatarUrl":"https://avatars.githubusercontent.com/u/31146334?v=4","url":"https://github.com/ierehon1905","contributions":1},{"login":"ariser","avatarUrl":"https://avatars.githubusercontent.com/u/3864424?v=4","url":"https://github.com/ariser","contributions":1},{"login":"artemmufazalov","avatarUrl":"https://avatars.githubusercontent.com/u/67755036?v=4","url":"https://github.com/artemmufazalov","contributions":1}],"codeOwners":[]},"dashkit":{"stars":13,"version":"8.7.1","lastUpdate":"18.07.2024","license":"MIT License","issues":3,"readme":"# @gravity-ui/dashkit &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/dashkit)](https://www.npmjs.com/package/@gravity-ui/dashkit) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/dashkit/.github/workflows/ci.yaml?branch=main&label=CI&logo=github)](https://github.com/gravity-ui/dashkit/actions/workflows/ci.yaml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/dashkit/)\\n\\n# DashKit\\n\\nA dashboard grid rendering library.\\n\\n## Installation\\n\\n```bash\\nnpm i @gravity-ui/dashkit @gravity-ui/uikit\\n```\\n\\n## Description\\n\\nThe library is used to line up widgets in a grid, resize them, add new ones, and delete them.\\nThe widget is a react component. For example, text, graphics, and images.\\n\\nNew widgets are added via a plugin system.\\n\\n### Plugins\\n\\nPlugins are required to create custom widgets.\\n\\n### Props\\n\\n```ts\\ninterface DashKitProps {\\n  config: Config;\\n  editMode: boolean;\\n  onItemEdit: ({id}: {id: string}) => void;\\n  onChange: (data: {config: Config; itemsStateAndParams: ItemsStateAndParams}) => void;\\n  onDrop: (dropProps: ItemDropProps) => void;\\n  defaultGlobalParams: GlobalParams;\\n  globalParams: GlobalParams;\\n  itemsStateAndParams: ItemsStateAndParams;\\n  settings: SettingsProps;\\n  context: ContextProps;\\n  overlayControls?: Record<string, OverlayControlItem[]> | null;\\n  overlayMenuItems?: MenuItems[] | null;\\n  noOverlay?: boolean;\\n  focusable?: boolean;\\n  draggableHandleClassName?: string;\\n}\\n```\\n\\n- **config**: [сonfig](#Config).\\n- **editMode**: Whether edit mode is enabled.\\n- **onItemEdit**: Called when you click to edit a widget.\\n- **onChange**: Called when config or [itemsStateAndParams](#temsStateAndParams) are changed.\\n- **onDrop**: Called when item dropped from ActionPanel using (#DashKitDnDWrapper)\\n- **defaultGlobalParams**, **globalParams**: [Parameters](#Params) that affect all widgets. In DataLens, `defaultGlobalParams` are global parameters set in the dashboard settings. `globalParams` are globals parameters that can be set in the url.\\n- **itemsStateAndParams**: [itemsStateAndParams](#temsStateAndParams).\\n- **settings**: DashKit settings.\\n- **context**: Object that will be propped up on all widgets.\\n- **overlayControls**: Object that overrides widget controls at the time of editing. If not transmitted, basic controls will be displayed. If `null` passed only close button or custom menu will be displayed.\\n- **overlayMenuItems**: Custom dropdown menu items\\n- **noOverlay**: If `true`, overlay and controls are not displayed while editing.\\n- **focusable**: If `true`, grid items will be focusable.\\n- **draggableHandleClassName** : СSS class name of the element that makes the widget draggable.\\n\\n## Usage\\n\\n### DashKit configuration\\n\\nBefore using `DashKit` as a react component, it must be configured.\\n\\n- set language\\n\\n  ```js\\n  import {configure, Lang} from \'@gravity-ui/uikit\';\\n\\n  configure({lang: Lang.En});\\n  ```\\n\\n- DashKit.setSettings\\n\\n  Used for global DashKit settings (such as margins between widgets, default widget sizes and widget overlay menu)\\n\\n  ```js\\n  import {DashKit} from \'@gravity-ui/dashkit\';\\n\\n  DashKit.setSettings({\\n    gridLayout: {margin: [8, 8]},\\n    isMobile: true,\\n    // menu: [] as Array<MenuItem>,\\n  });\\n  ```\\n\\n- DashKit.registerPlugins\\n\\n  Registering and configuring plugins\\n\\n  ```js\\n  import {DashKit} from \'@gravity-ui/dashkit\';\\n  import {pluginTitle, pluginText} from \'@gravity-ui/dashkit\';\\n\\n  DashKit.registerPlugins(\\n    pluginTitle,\\n    pluginText.setSettings({\\n      apiHandler({text}) {\\n        return api.getMarkdown(text);\\n      },\\n    }),\\n  );\\n\\n  DashKit.registerPlugins({\\n    type: \'custom\',\\n    defaultLayout: {\\n      w: 10,\\n      h: 8,\\n    },\\n    renderer: function CustomPlugin() {\\n      return <div>Custom widget with custom controls</div>;\\n    },\\n  });\\n  ```\\n\\n### Config\\n\\n```ts\\nexport interface Config {\\n  salt: string; // to form a unique id\\n  counter: number; // to form a unique id, only increases\\n  items: ConfigItem[]; //  initial widget states\\n  layout: ConfigLayout[]; // widget position on the grid https://github.com/react-grid-layout\\n  aliases: ConfigAliases; // aliases for parameters see #Params\\n  connections: ConfigConnection[]; // links between widgets see #Params\\n}\\n```\\n\\nConfig example:\\n\\n```ts\\nimport {DashKitProps} from \'@gravity-ui/dashkit\';\\n\\nconst config: DashKitProps[\'config\'] = {\\n  salt: \'0.46703554571365613\',\\n  counter: 4,\\n  items: [\\n    {\\n      id: \'tT\',\\n      data: {\\n        size: \'m\',\\n        text: \'Caption\',\\n        showInTOC: true,\\n      },\\n      type: \'title\',\\n      namespace: \'default\',\\n      orderId: 1,\\n    },\\n    {\\n      id: \'Ea\',\\n      data: {\\n        text: \'mode _editActive\',\\n        _editActive: true,\\n      },\\n      type: \'text\',\\n      namespace: \'default\',\\n    },\\n    {\\n      id: \'zR\',\\n      data: {\\n        text: \'### Text\',\\n      },\\n      type: \'text\',\\n      namespace: \'default\',\\n      orderId: 0,\\n    },\\n    {\\n      id: \'Dk\',\\n      data: {\\n        foo: \'bar\',\\n      },\\n      type: \'custom\',\\n      namespace: \'default\',\\n      orderId: 5,\\n    },\\n  ],\\n  layout: [\\n    {\\n      h: 2,\\n      i: \'tT\',\\n      w: 36,\\n      x: 0,\\n      y: 0,\\n    },\\n    {\\n      h: 6,\\n      i: \'Ea\',\\n      w: 12,\\n      x: 0,\\n      y: 2,\\n    },\\n    {\\n      h: 6,\\n      i: \'zR\',\\n      w: 12,\\n      x: 12,\\n      y: 2,\\n    },\\n    {\\n      h: 4,\\n      i: \'Dk\',\\n      w: 8,\\n      x: 0,\\n      y: 8,\\n    },\\n  ],\\n  aliases: {},\\n  connections: [],\\n};\\n```\\n\\nAdd a new item to the config:\\n\\n```ts\\nconst newLayout = updateLayout: [\\n  {\\n    h: 6,\\n    i: \'Ea\',\\n    w: 12,\\n    x: 0,\\n    y: 6,\\n  },\\n  {\\n    h: 4,\\n    i: \'Dk\',\\n    w: 8,\\n    x: 0,\\n    y: 12,\\n  },\\n];\\n\\nconst newConfig = DashKit.setItem({\\n  item: {\\n    data: {\\n      text: `Some text`,\\n    },\\n    namespace: \'default\',\\n    type: \'text\',\\n    // Optional. If new item needed to be inserted in current layout with predefined dimensions\\n    layout: { // Current item inseterted before \'Ea\'\\n      h: 6,\\n      w: 12,\\n      x: 0,\\n      y: 2,\\n    },,\\n  },\\n  config: config,\\n  options: {\\n    // Optional. New layout values for existing items when new element is dropped from ActionPanel\\n    updateLayout: newLayout,\\n  },\\n});\\n```\\n\\nChange an existing item in the config:\\n\\n```ts\\nconst newConfig = DashKit.setItem({\\n  item: {\\n    id: \'tT\', // item.id\\n    data: {\\n      size: \'m\',\\n      text: `New caption`,\\n    },\\n    namespace: \'default\',\\n    type: \'title\',\\n  },\\n  config: config,\\n});\\n```\\n\\nDelete an item from the config:\\n\\n```ts\\nimport {DashKitProps} from \'@gravity-ui/dashkit\';\\n\\nconst oldItemsStateAndParams: DashKitProps[\'itemsStateAndParams\'] = {};\\n\\nconst {config: newConfig, itemsStateAndParams} = DashKit.removeItem({\\n  id: \'tT\', // item.id\\n  config: config,\\n  itemsStateAndParams: this.state.itemsStateAndParams,\\n});\\n```\\n\\n### Params\\n\\n```ts\\ntype Params = Record<string, string | string[]>;\\n```\\n\\n`DashKit` generates parameters according to the default parameters for widgets, links, and aliases. These parameters are required for the [ChartKit](https://github.com/gravity-ui/chartkit) library.\\n\\nGeneration order:\\n\\n1. `defaultGlobalParams`\\n2. Default widget parameters `item.default`\\n3. `globalParams`\\n4. Parameters from [itemsStateAndParams](#itemsStateAndParams) according to the queue.\\n\\n### itemsStateAndParams\\n\\nObject that stores widget parameters and states as well as a parameter change queue.\\nIt has a `__meta__` field for storing queue and meta information.\\n\\n```ts\\ninterface StateAndParamsMeta = {\\n    __meta__: {\\n        queue: {id: string}[]; // queue\\n        version: number; // current version itemsStateAndParams\\n    };\\n}\\n```\\n\\nAnd also widget states and parameters:\\n\\n```ts\\ninterface ItemsStateAndParamsBase {\\n  [itemId: string]: {\\n    state?: Record<string, any>;\\n    params?: Params;\\n  };\\n}\\n```\\n\\n```ts\\ntype ItemsStateAndParams = StateAndParamsMeta & ItemsStateAndParamsBase;\\n```\\n\\n### Menu\\n\\nYou can specify custom DashKit widget overlay menu in edit mode\\n\\n```ts\\ntype MenuItem = {\\n  id: string; // uniq id\\n  title?: string; // string title\\n  icon?: ReactNode; // node of icon\\n  iconSize?: number | string; // icon size in px as number or as string with units\\n  handler?: (item: ConfigItem) => void; // custom item action handler\\n  visible?: (item: ConfigItem) => boolean; // optional visibility handler for filtering menu items\\n  className?: string; // custom class property\\n};\\n\\n// use array of menu items in settings\\n<Dashkit overlayMenuItems={[] as Array<MenuItem> | null} />\\n\\n[deprecated]\\n// overlayMenuItems property has greater priority over setSettings menu\\nDashKit.setSettings({menu: [] as Array<MenuItem>});\\n```\\n\\n### Draggable items from ActionPanel\\n\\n#### DashKitDnDWrapper\\n\\n```ts\\ninterface DashKitDnDWrapperProps {\\n  dragImageSrc?: string;\\n  onDragStart?: (dragProps: ItemDragProps) => void;\\n  onDragEnd?: () => void;\\n}\\n```\\n\\n- **dragImageSrc**: Drag image preview, by default used transparent 1px png base64\\n- **onDragStart**: Callback called when element is dragged from ActionPanel\\n- **onDragEnd**: Callback called when element dropped or drag canceled\\n\\n```ts\\ntype ItemDragProps = {\\n    type: string; // Plugin type\\n    layout?: { // Optional. Layout item size for preview and init\\n        w?: number;\\n        h?: number;\\n    };\\n    extra?: any; // Custom user context\\n};\\n```\\n\\n```ts\\ntype ItemDropProps = {\\n    commit: () => void; // Callback should be called after all config operations are made\\n    dragProps: ItemDragProps; // Item drag props\\n    itemLayout: ConfigLayout; // Calculated item layout dimensions\\n    newLayout: ConfigLayout[]; // New layout after element is dropped\\n};\\n```\\n\\n\\n#### Example:\\n\\n```jsx\\nconst overlayMenuItems = [\\n  {\\n    id: \'chart\',\\n    icon: <Icon data={ChartColumn} />,\\n    title: \'Chart\',\\n    qa: \'chart\',\\n    dragProps: { // ItemDragProps\\n        type: \'custom\', // Registered plugin type\\n    },\\n  }\\n]\\n\\nconst onDrop = (dropProps: ItemDropProps) => {\\n  // ... add element to your config\\n  dropProps.commit();\\n}\\n\\n<DashKitDnDWrapper>\\n  <DashKit editMode={true} config={config} onChange={onChange} onDrop={onDrop} />\\n  <ActionPanel items={overlayMenuItems} />\\n</DashKitDnDWrapper>\\n```\\n\\n### CSS API\\n\\n| Name                                           | Description           |\\n| :--------------------------------------------- | :-------------------- |\\n| Action panel variables                         |                       |\\n| `--dashkit-action-panel-color`                 | Background color      |\\n| `--dashkit-action-panel-border-color`          | Border color          |\\n| `--dashkit-action-panel-border-radius`         | Border radius         |\\n| Action panel item variables                    |                       |\\n| `--dashkit-action-panel-item-color`            | Backgroud color       |\\n| `--dashkit-action-panel-item-text-color`       | Text color            |\\n| `--dashkit-action-panel-item-color-hover`      | Hover backgroud color |\\n| `--dashkit-action-panel-item-text-color-hover` | Hover text color      |\\n| Overlay variables                              |                       |\\n| `--dashkit-overlay-border-color`               | Border color          |\\n| `--dashkit-overlay-color`                      | Background color      |\\n| `--dashkit-overlay-opacity`                    | Opacity               |\\n| Grid item variables                            |                       |\\n| `--dashkit-grid-item-edit-opacity`             | Opacity               |\\n| `--dashkit-grid-item-border-radius`            | Border radius         |\\n| Placeholder variables                          |                       |\\n| `--dashkit-placeholder-color`                  | Background color      |\\n| `--dashkit-placeholder-opacity`                | Opacity               |\\n\\n#### Usage example\\n\\n```css\\n.custom-theme-wrapper {\\n  --dashkit-grid-item-edit-opacit: 1;\\n  --dashkit-overlay-color: var(--g-color-base-float);\\n  --dashkit-overlay-border-color: var(--g-color-base-float);\\n  --dashkit-overlay-opacity: 0.5;\\n\\n  --dashkit-action-panel-border-color: var(--g-color-line-info);\\n  --dashkit-action-panel-color: var(--g-color-base-float-accent);\\n  --dashkit-action-panel-border-radius: var(--g-border-radius-xxl);\\n}\\n```\\n\\n```tsx\\n// ....\\n\\nconst CustomThemeWrapper = (props: {\\n  dashkitProps: DashkitProps;\\n  actionPanelProps: ActionPanelProps;\\n}) => {\\n  return (\\n    <div className=\\"custom-theme-wrapper\\">\\n      <Dashkit {...props.dashkitProps} />\\n      <ActionPanel {...props.actionPanelProps} />\\n    </div>\\n  );\\n};\\n```\\n\\n## Development\\n\\n### Build & watch\\n\\n- Build dependencies `npm ci`\\n- Build a project `npm run build`\\n- Build storybook `npm run start`\\n\\nBy default, storybook runs on `http://localhost:7120/`.\\nNew changes from a project aren\'t always picked up when storybook is running, so it\'s better to rebuild a project manually and restart storybook.\\n\\n\\n### Example of an nginx config for development on a dev machine\\n\\n```bash\\nserver {\\n    server_name dashkit.username.ru;\\n\\n    include common/ssl;\\n\\n    access_log /home/username/logs/common.access.log;\\n    error_log /home/username/logs/common.error.log;\\n\\n    root /home/username/projects/dashkit;\\n\\n    location / {\\n        try_files $uri @node;\\n    }\\n\\n    location @node {\\n        proxy_set_header Host $host;\\n        proxy_set_header X-Real-IP $remote_addr;\\n        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;\\n        proxy_pass http://127.0.0.1:7120;\\n        proxy_redirect off;\\n    }\\n}\\n\\n```\\n","changelog":"# Changelog\\n\\n## [8.7.1](https://github.com/gravity-ui/dashkit/compare/v8.7.0...v8.7.1) (2024-07-18)\\n\\n\\n### Bug Fixes\\n\\n* fix shadow for rounded cornered single control ([#159](https://github.com/gravity-ui/dashkit/issues/159)) ([168584d](https://github.com/gravity-ui/dashkit/commit/168584d2386388ddf9a68e7d0acc47e6acb4d28d))\\n\\n## [8.7.0](https://github.com/gravity-ui/dashkit/compare/v8.6.0...v8.7.0) (2024-07-18)\\n\\n\\n### Features\\n\\n* moved overlay controls into separated context ([#157](https://github.com/gravity-ui/dashkit/issues/157)) ([29fca8c](https://github.com/gravity-ui/dashkit/commit/29fca8c160491bfd488d4f668d0e654aba2a7976))\\n\\n## [8.6.0](https://github.com/gravity-ui/dashkit/compare/v8.5.0...v8.6.0) (2024-07-12)\\n\\n\\n### Features\\n\\n* add horizontal-nowrap compactType ([#155](https://github.com/gravity-ui/dashkit/issues/155)) ([7f4e8f9](https://github.com/gravity-ui/dashkit/commit/7f4e8f91aa7f6f68644a7b234280bf4dfac88c52))\\n\\n## [8.5.0](https://github.com/gravity-ui/dashkit/compare/v8.4.0...v8.5.0) (2024-07-04)\\n\\n\\n### Features\\n\\n* group properties ([#152](https://github.com/gravity-ui/dashkit/issues/152)) ([ac39f67](https://github.com/gravity-ui/dashkit/commit/ac39f677a0131b3196e0d913c0952fa0eab1ee26))\\n\\n## [8.4.0](https://github.com/gravity-ui/dashkit/compare/v8.3.0...v8.4.0) (2024-06-28)\\n\\n\\n### Features\\n\\n* dashkit groups ([#150](https://github.com/gravity-ui/dashkit/issues/150)) ([641f008](https://github.com/gravity-ui/dashkit/commit/641f008674edacea8ceebd2eecb72b55bebc6534))\\n\\n## [8.3.0](https://github.com/gravity-ui/dashkit/compare/v8.2.0...v8.3.0) (2024-06-11)\\n\\n\\n### Features\\n\\n* support useStateAsInitial in getItemsParams ([#148](https://github.com/gravity-ui/dashkit/issues/148)) ([ede2db0](https://github.com/gravity-ui/dashkit/commit/ede2db0b219697016aafd4fed9a210f2b9c52fb4))\\n\\n## [8.2.0](https://github.com/gravity-ui/dashkit/compare/v8.1.0...v8.2.0) (2024-05-21)\\n\\n\\n### Features\\n\\n* drag n drop from action panel ([#114](https://github.com/gravity-ui/dashkit/issues/114)) ([1d2e44a](https://github.com/gravity-ui/dashkit/commit/1d2e44ae205eaf89e92c1401ab2de819e52417a7))\\n\\n## [8.1.0](https://github.com/gravity-ui/dashkit/compare/v8.0.2...v8.1.0) (2024-04-19)\\n\\n\\n### Features\\n\\n* focusable grid item ([#142](https://github.com/gravity-ui/dashkit/issues/142)) ([aa02ea1](https://github.com/gravity-ui/dashkit/commit/aa02ea1cfb6a4f750d6541e0eeb2dde2f72cf9fc))\\n\\n## [8.0.2](https://github.com/gravity-ui/dashkit/compare/v8.0.1...v8.0.2) (2024-04-12)\\n\\n\\n### Bug Fixes\\n\\n* add group_control to pluginBaseDL ([#140](https://github.com/gravity-ui/dashkit/issues/140)) ([6a41996](https://github.com/gravity-ui/dashkit/commit/6a4199698ee5c500e40ec32ca1881a552bd6cb71))\\n\\n## [8.0.1](https://github.com/gravity-ui/dashkit/compare/v8.0.0...v8.0.1) (2024-04-12)\\n\\n\\n### Bug Fixes\\n\\n* change types setting path to common one ([#138](https://github.com/gravity-ui/dashkit/issues/138)) ([d963f18](https://github.com/gravity-ui/dashkit/commit/d963f18cc68920c7ea1c20fd4e0f802f7715560d))\\n\\n## [8.0.0](https://github.com/gravity-ui/dashkit/compare/v7.2.0...v8.0.0) (2024-04-12)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* separated helpers export from ui ([#133](https://github.com/gravity-ui/dashkit/issues/133))\\n\\nFunctions and constants from `src/utils`, `src/shared` and `src/constants` are available for export from another endpoint `helpers`. \\nFor example, previously you could use:\\n```\\nimport {transformParamsToActionParams} from \'@gravity-ui/dashkit\';\\n```\\nnow you should use:\\n```\\nimport {transformParamsToActionParams} from \'@gravity-ui/dashkit/helpers\';\\n```\\n\\n\\n### Features\\n\\n* add attribute to plugin root element ([#135](https://github.com/gravity-ui/dashkit/issues/135)) ([d052702](https://github.com/gravity-ui/dashkit/commit/d052702b6e4b736fe2ac67c8488f3ec1951096fb))\\n\\n## [7.2.0](https://github.com/gravity-ui/dashkit/compare/v7.1.1...v7.2.0) (2024-03-27)\\n\\n\\n### Features\\n\\n* add copy context field for prepared copy item type ([#130](https://github.com/gravity-ui/dashkit/issues/130)) ([fad573e](https://github.com/gravity-ui/dashkit/commit/fad573e7fb02a5a1c3949a48d5e9d3de2617f560))\\n\\n## [7.1.1](https://github.com/gravity-ui/dashkit/compare/v7.1.0...v7.1.1) (2024-03-15)\\n\\n\\n### Bug Fixes\\n\\n* **react-grid-layout:** fix react-grid-layout type imports ([#125](https://github.com/gravity-ui/dashkit/issues/125)) ([2a051cf](https://github.com/gravity-ui/dashkit/commit/2a051cfc2f7b6698892ecc42eb185e5272aba2e2))\\n\\n## [7.1.0](https://github.com/gravity-ui/dashkit/compare/v7.0.0...v7.1.0) (2024-03-07)\\n\\n\\n### Features\\n\\n* support group in widget item ([#118](https://github.com/gravity-ui/dashkit/issues/118)) ([f480ee6](https://github.com/gravity-ui/dashkit/commit/f480ee69b7d1cebe3d7e889a6657114ec120e0ac))\\n\\n## [7.0.0](https://github.com/gravity-ui/dashkit/compare/v6.8.0...v7.0.0) (2024-02-14)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* move to uikit 6 ([#116](https://github.com/gravity-ui/dashkit/issues/116))\\n* remove internal usage of `i18n`, use `configure` from `uilit` instead\\n\\n## [6.8.0](https://github.com/gravity-ui/dashkit/compare/v6.7.2...v6.8.0) (2024-02-01)\\n\\n\\n### Features\\n\\n* add slide animation for ActionPanel ([#110](https://github.com/gravity-ui/dashkit/issues/110)) ([d7e9f9b](https://github.com/gravity-ui/dashkit/commit/d7e9f9b03f52494306d13cea3a1c1ffed92deab0))\\n\\n## [6.7.2](https://github.com/gravity-ui/dashkit/compare/v6.7.1...v6.7.2) (2023-12-14)\\n\\n\\n### Bug Fixes\\n\\n* filtering action params logic, add test ([#108](https://github.com/gravity-ui/dashkit/issues/108)) ([5deded9](https://github.com/gravity-ui/dashkit/commit/5deded96d51d38472c4edb9f0e6fedd75412cc32))\\n\\n## [6.7.1](https://github.com/gravity-ui/dashkit/compare/v6.7.0...v6.7.1) (2023-12-12)\\n\\n\\n### Bug Fixes\\n\\n* refact getItemsParams for action params ([#102](https://github.com/gravity-ui/dashkit/issues/102)) ([1fc1f75](https://github.com/gravity-ui/dashkit/commit/1fc1f7558b9234eb452346a9b64011b1fc059860))\\n\\n## [6.7.0](https://github.com/gravity-ui/dashkit/compare/v6.6.1...v6.7.0) (2023-12-12)\\n\\n\\n### Features\\n\\n* added options to plugin onStateAndParamsChange ([#105](https://github.com/gravity-ui/dashkit/issues/105)) ([67b574a](https://github.com/gravity-ui/dashkit/commit/67b574a5fc9a1c40cc2dcba66e8967be4d5dbca6))\\n\\n## [6.6.1](https://github.com/gravity-ui/dashkit/compare/v6.6.0...v6.6.1) (2023-11-27)\\n\\n\\n### Bug Fixes\\n\\n* add import type for prepare copied item fn args ([#100](https://github.com/gravity-ui/dashkit/issues/100)) ([6336510](https://github.com/gravity-ui/dashkit/commit/6336510ae5f66a83c7e8c53b674c87b9a14502fb))\\n\\n## [6.6.0](https://github.com/gravity-ui/dashkit/compare/v6.5.1...v6.6.0) (2023-11-27)\\n\\n\\n### Features\\n\\n* add prepare options cb on copy before adding to localStorage ([#98](https://github.com/gravity-ui/dashkit/issues/98)) ([b0ad064](https://github.com/gravity-ui/dashkit/commit/b0ad0647ba6d8e57739c506ebce1588c187be7f7))\\n\\n## [6.5.1](https://github.com/gravity-ui/dashkit/compare/v6.5.0...v6.5.1) (2023-11-15)\\n\\n\\n### Bug Fixes\\n\\n* touch tap to overlay controls ([#95](https://github.com/gravity-ui/dashkit/issues/95)) ([cdf5fbc](https://github.com/gravity-ui/dashkit/commit/cdf5fbc9b84c4bd5de67dcd2f1c529ee54a3c710))\\n\\n## [6.5.0](https://github.com/gravity-ui/dashkit/compare/v6.4.0...v6.5.0) (2023-10-16)\\n\\n\\n### Features\\n\\n* Removed react-grid-item css animation ([#91](https://github.com/gravity-ui/dashkit/issues/91)) ([b76b221](https://github.com/gravity-ui/dashkit/commit/b76b22181eaec7c5d1e09666321173c60c702aed))\\n\\n## [6.4.0](https://github.com/gravity-ui/dashkit/compare/v6.3.0...v6.4.0) (2023-10-03)\\n\\n\\n### Features\\n\\n* add experimental props _experimentDisableItemAnimation ([#88](https://github.com/gravity-ui/dashkit/issues/88)) ([d17f4dc](https://github.com/gravity-ui/dashkit/commit/d17f4dcc708cc377bdbb2356f7914d9a65a1f593))\\n\\n## [6.3.0](https://github.com/gravity-ui/dashkit/compare/v6.2.1...v6.3.0) (2023-09-28)\\n\\n\\n### Features\\n\\n* add qa attribute for action panel item ([#86](https://github.com/gravity-ui/dashkit/issues/86)) ([3a52024](https://github.com/gravity-ui/dashkit/commit/3a520249fabae2314a4ffe1df2e7cedfebc90dd9))\\n\\n## [6.2.1](https://github.com/gravity-ui/dashkit/compare/v6.2.0...v6.2.1) (2023-09-21)\\n\\n\\n### Bug Fixes\\n\\n* add fire storage event ([#84](https://github.com/gravity-ui/dashkit/issues/84)) ([130395a](https://github.com/gravity-ui/dashkit/commit/130395a465cf46dfb680e7d02cf6a65946e83600))\\n\\n## [6.2.0](https://github.com/gravity-ui/dashkit/compare/v6.1.0...v6.2.0) (2023-09-20)\\n\\n\\n### Features\\n\\n* **ActionPanel:** add ActionPanel component ([#82](https://github.com/gravity-ui/dashkit/issues/82)) ([b8cfe51](https://github.com/gravity-ui/dashkit/commit/b8cfe51af6c063ab802f9e0a3a344cb2d7866018))\\n\\n## [6.1.0](https://github.com/gravity-ui/dashkit/compare/v6.0.0...v6.1.0) (2023-08-25)\\n\\n\\n### Features\\n\\n* migrate to @bem-react/classname ([#79](https://github.com/gravity-ui/dashkit/issues/79)) ([bdfca24](https://github.com/gravity-ui/dashkit/commit/bdfca24fbb3359dbdc373314da9ab2992bacce7f))\\n\\n## [6.0.0](https://github.com/gravity-ui/dashkit/compare/v5.6.2...v6.0.0) (2023-07-17)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* up @gravity-ui/uikit to 5 version ([#74](https://github.com/gravity-ui/dashkit/issues/74))\\n\\n## [5.6.2](https://github.com/gravity-ui/dashkit/compare/v5.6.1...v5.6.2) (2023-06-16)\\n\\n\\n### Bug Fixes\\n\\n* **husky:** commit msg ([#62](https://github.com/gravity-ui/dashkit/issues/62)) ([3948520](https://github.com/gravity-ui/dashkit/commit/39485207bbffe26eff3302d2087631fb001978c7))\\n\\n## [5.6.1](https://github.com/gravity-ui/dashkit/compare/v5.6.0...v5.6.1) (2023-06-15)\\n\\n\\n### Bug Fixes\\n\\n* **react-grid-layout:** fixed react-grid-layout issue ([#59](https://github.com/gravity-ui/dashkit/issues/59)) ([bdb3f87](https://github.com/gravity-ui/dashkit/commit/bdb3f87731cf82b8267c913bb0010c65f7014018))\\n\\n## [5.6.0](https://github.com/gravity-ui/dashkit/compare/v5.5.0...v5.6.0) (2023-04-18)\\n\\n\\n### Features\\n\\n* add item state to overlay dropdown menu action handler ([#57](https://github.com/gravity-ui/dashkit/issues/57)) ([78b13fa](https://github.com/gravity-ui/dashkit/commit/78b13fa4107e94abd93c6e469a36840b61b6a10a))\\n\\n## [5.5.0](https://github.com/gravity-ui/dashkit/compare/v5.4.0...v5.5.0) (2023-04-17)\\n\\n\\n### Features\\n\\n* support all props from react-grid-layout ([#54](https://github.com/gravity-ui/dashkit/issues/54)) ([7e3d316](https://github.com/gravity-ui/dashkit/commit/7e3d316a4cc0fbbf24a23f52408c4fa10f69a4b5))\\n\\n## [5.4.0](https://github.com/gravity-ui/dashkit/compare/v5.3.0...v5.4.0) (2023-04-13)\\n\\n\\n### Features\\n\\n* add widget defaults ([#52](https://github.com/gravity-ui/dashkit/issues/52)) ([a6e512d](https://github.com/gravity-ui/dashkit/commit/a6e512d132e6c9f0fc93d63527f233656863831e))\\n* clear default actionParams ([#55](https://github.com/gravity-ui/dashkit/issues/55)) ([4184b82](https://github.com/gravity-ui/dashkit/commit/4184b828228c6faae21a9c9731fee544f7dd5362))\\n\\n## [5.3.0](https://github.com/gravity-ui/dashkit/compare/v5.2.0...v5.3.0) (2023-04-06)\\n\\n\\n### Features\\n\\n* add actionParams support ([#47](https://github.com/gravity-ui/dashkit/issues/47)) ([0c78ae2](https://github.com/gravity-ui/dashkit/commit/0c78ae2b96d9882ea27a7e7742d40728fadcfa84))\\n\\n## [5.2.0](https://github.com/gravity-ui/dashkit/compare/v5.1.0...v5.2.0) (2023-03-27)\\n\\n\\n### Features\\n\\n* add custom qa attribute for overlay controls ([#45](https://github.com/gravity-ui/dashkit/issues/45)) ([738ce14](https://github.com/gravity-ui/dashkit/commit/738ce14a7883a88d3096ed4c9bd21bcc16f3fd20))\\n* export OverlayControlItem type ([#50](https://github.com/gravity-ui/dashkit/issues/50)) ([a68cc5c](https://github.com/gravity-ui/dashkit/commit/a68cc5cb4e4470278220e18f79f9b82dc6a7cfba))\\n\\n## [5.1.0](https://github.com/gravity-ui/dashkit/compare/v5.0.0...v5.1.0) (2023-02-09)\\n\\n\\n### Features\\n\\n* generating a unique id for config ([#41](https://github.com/gravity-ui/dashkit/issues/41)) ([062c8d0](https://github.com/gravity-ui/dashkit/commit/062c8d015e334061fac193cf8c0a549a932e3a87))\\n\\n## [5.0.0](https://github.com/gravity-ui/dashkit/compare/v4.1.0...v5.0.0) (2023-02-01)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* up @gravity-ui/uikit to 4 version ([#39](https://github.com/gravity-ui/dashkit/issues/39))\\n\\n### Features\\n\\n* up @gravity-ui/uikit to 4 version ([#39](https://github.com/gravity-ui/dashkit/issues/39)) ([8b4c123](https://github.com/gravity-ui/dashkit/commit/8b4c123a69009918518d4c296af3c315f811afd9))\\n\\n## [4.1.0](https://github.com/gravity-ui/dashkit/compare/v4.0.0...v4.1.0) (2023-01-31)\\n\\n\\n### Features\\n\\n* remove preventDoubleCompact flag ([#37](https://github.com/gravity-ui/dashkit/issues/37)) ([9b95e61](https://github.com/gravity-ui/dashkit/commit/9b95e61b7939a9883fda832947e70728b8f66410))\\n\\n## [4.0.0](https://github.com/gravity-ui/dashkit/compare/v3.5.0...v4.0.0) (2022-12-19)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* rename types in plugin Text ([#33](https://github.com/gravity-ui/dashkit/issues/33))\\n* change grid item forward ref behavior\\n\\n### Features\\n\\n* rename types in plugin Text ([#33](https://github.com/gravity-ui/dashkit/issues/33)) ([c55917f](https://github.com/gravity-ui/dashkit/commit/c55917f918a4592c680e4e3bf3173fb53514b185))\\n* update react-grid-layout major release ([#31](https://github.com/gravity-ui/dashkit/issues/31)) ([e31ff70](https://github.com/gravity-ui/dashkit/commit/e31ff707f48038435a63d95ad34b8685c39fb1ba))\\n\\n## [3.5.0](https://github.com/gravity-ui/dashkit/compare/v3.4.0...v3.5.0) (2022-12-19)\\n\\n\\n### Features\\n\\n* export plugins ([#29](https://github.com/gravity-ui/dashkit/issues/29)) ([d589546](https://github.com/gravity-ui/dashkit/commit/d5895469e9917f4c5f43aaf5802b5d8a865bd185))\\n\\n## [3.4.0](https://github.com/gravity-ui/dashkit/compare/v3.3.0...v3.4.0) (2022-11-16)\\n\\n\\n### Features\\n\\n* delete _EXPERIMENTAL_memoContext props ([#27](https://github.com/gravity-ui/dashkit/issues/27)) ([c9d6b64](https://github.com/gravity-ui/dashkit/commit/c9d6b644e0235fd6d08d24090bb959c1fe112936))\\n\\n## [3.3.0](https://github.com/gravity-ui/dashkit/compare/v3.2.0...v3.3.0) (2022-11-10)\\n\\n\\n### Features\\n\\n* improve autoupdate reload logic ([#25](https://github.com/gravity-ui/dashkit/issues/25)) ([3060d92](https://github.com/gravity-ui/dashkit/commit/3060d921407d02f136d58ea1cbd3c272d9f3def7))\\n\\n## [3.2.0](https://github.com/gravity-ui/dashkit/compare/v3.1.0...v3.2.0) (2022-10-27)\\n\\n\\n### Features\\n\\n* add item params to edit menu item handler ([#22](https://github.com/gravity-ui/dashkit/issues/22)) ([f220322](https://github.com/gravity-ui/dashkit/commit/f2203224699a3b5ab3e9915ed236736009dfb27a))\\n\\n## [3.1.0](https://github.com/gravity-ui/dashkit/compare/v3.0.2...v3.1.0) (2022-10-27)\\n\\n\\n### Features\\n\\n* add experimental props for use memo context ([#21](https://github.com/gravity-ui/dashkit/issues/21)) ([b1fd5dd](https://github.com/gravity-ui/dashkit/commit/b1fd5ddfb212e4c1402244184f5e436896ef24d6))\\n\\n## [3.0.2](https://github.com/gravity-ui/dashkit/compare/v3.0.1...v3.0.2) (2022-10-04)\\n\\n\\n### Bug Fixes\\n\\n* i18n deps moved from peer to deps ([#19](https://github.com/gravity-ui/dashkit/issues/19)) ([d62e7fb](https://github.com/gravity-ui/dashkit/commit/d62e7fbc6caaaaea0d5623aae7572b7e59616b53))\\n\\n## [3.0.1](https://github.com/gravity-ui/dashkit/compare/v3.0.0...v3.0.1) (2022-10-03)\\n\\n\\n### Bug Fixes\\n\\n* move to gravity-ui org ([#17](https://github.com/gravity-ui/dashkit/issues/17)) ([6748e5f](https://github.com/gravity-ui/dashkit/commit/6748e5f51589dfa027ef69ef5d4d59abb13e9d79))\\n\\n## [3.0.0](https://github.com/yandex-cloud/dashkit/compare/v2.0.1...v3.0.0) (2022-09-30)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* migrate to gravity-ui deps and new i18n usage (#15)\\n\\n### Features\\n\\n* migrate to gravity-ui deps and new i18n usage ([#15](https://github.com/yandex-cloud/dashkit/issues/15)) ([1b4eeb1](https://github.com/yandex-cloud/dashkit/commit/1b4eeb1165b02f37af27d11958858ae571160194))\\n\\n## [2.0.1](https://github.com/yandex-cloud/dashkit/compare/v2.0.0...v2.0.1) (2022-08-22)\\n\\n\\n### Bug Fixes\\n\\n* downgrade dependent package ([#13](https://github.com/yandex-cloud/dashkit/issues/13)) ([d0a30d3](https://github.com/yandex-cloud/dashkit/commit/d0a30d3b0fbf3da6f1c82608a430f6a989b3cd3a))\\n\\n## [2.0.0](https://github.com/yandex-cloud/dashkit/compare/v1.2.0...v2.0.0) (2022-08-11)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* migrate to i18n 0.6.0 (#11)\\n\\n### Features\\n\\n* migrate to i18n 0.6.0 ([#11](https://github.com/yandex-cloud/dashkit/issues/11)) ([8cbdda6](https://github.com/yandex-cloud/dashkit/commit/8cbdda6d035411cb8f6b6c5d11f7949a997314f5))\\n\\n## [1.2.0](https://github.com/yandex-cloud/dashkit/compare/v1.1.0...v1.2.0) (2022-08-08)\\n\\n\\n### Features\\n\\n* add custom dropdown menu item filter in edit mode ([#8](https://github.com/yandex-cloud/dashkit/issues/8)) ([5c2824a](https://github.com/yandex-cloud/dashkit/commit/5c2824a4a9a25174eff69b2f0b7b04b74cf74e0c))\\n\\n## [1.1.0](https://github.com/yandex-cloud/dashkit/compare/v1.0.0...v1.1.0) (2022-08-02)\\n\\n\\n### Features\\n\\n* flag to prevent double height optimizer ([#6](https://github.com/yandex-cloud/dashkit/issues/6)) ([8503a59](https://github.com/yandex-cloud/dashkit/commit/8503a59293bdff0b69a28ffb171b96d0b2551c16))\\n\\n## 1.0.0 (2022-07-15)\\n\\n\\n### Bug Fixes\\n\\n* try publish ([#2](https://github.com/yandex-cloud/dashkit/issues/2)) ([a76fb55](https://github.com/yandex-cloud/dashkit/commit/a76fb5552e0f4697f3d889e03d9740fa8ad948d4))\\n","contributors":[{"login":"jhoncool","avatarUrl":"https://avatars.githubusercontent.com/u/11226935?v=4","url":"https://github.com/jhoncool","contributions":20},{"login":"Marginy605","avatarUrl":"https://avatars.githubusercontent.com/u/98329176?v=4","url":"https://github.com/Marginy605","contributions":19},{"login":"flops","avatarUrl":"https://avatars.githubusercontent.com/u/433333?v=4","url":"https://github.com/flops","contributions":10},{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":9},{"login":"goshander","avatarUrl":"https://avatars.githubusercontent.com/u/5037509?v=4","url":"https://github.com/goshander","contributions":7},{"login":"mournfulCoroner","avatarUrl":"https://avatars.githubusercontent.com/u/56549651?v=4","url":"https://github.com/mournfulCoroner","contributions":3},{"login":"pavel-klimov","avatarUrl":"https://avatars.githubusercontent.com/u/42768217?v=4","url":"https://github.com/pavel-klimov","contributions":2},{"login":"catakot","avatarUrl":"https://avatars.githubusercontent.com/u/21214799?v=4","url":"https://github.com/catakot","contributions":2},{"login":"astandrik","avatarUrl":"https://avatars.githubusercontent.com/u/8037318?v=4","url":"https://github.com/astandrik","contributions":1},{"login":"artemluchin","avatarUrl":"https://avatars.githubusercontent.com/u/12445010?v=4","url":"https://github.com/artemluchin","contributions":1},{"login":"ref256","avatarUrl":"https://avatars.githubusercontent.com/u/41027510?v=4","url":"https://github.com/ref256","contributions":1},{"login":"ierehon1905","avatarUrl":"https://avatars.githubusercontent.com/u/31146334?v=4","url":"https://github.com/ierehon1905","contributions":1},{"login":"imechoim","avatarUrl":"https://avatars.githubusercontent.com/u/8857511?v=4","url":"https://github.com/imechoim","contributions":1},{"login":"kseniya57","avatarUrl":"https://avatars.githubusercontent.com/u/31247233?v=4","url":"https://github.com/kseniya57","contributions":1}],"codeOwners":[{"pattern":"*","owners":["jhoncool","Marginy605"]}]},"yagr":{"stars":96,"version":"4.3.0","lastUpdate":"09.04.2024","license":"MIT License","issues":5,"readme":"# Ẏagr <img src=\\"https://raw.githubusercontent.com/gravity-ui/yagr/main/docs/assets/yagr.svg\\" width=\\"24px\\" height=\\"24px\\" />\\n\\nYagr is a high-performance HTML5 canvas chart renderer based on [uPlot](https://github.com/leeoniya/uPlot). It provides high-level features for uPlot charts.\\n\\n<img src=\\"https://raw.githubusercontent.com/gravity-ui/yagr/main/docs/assets/demo.png\\" width=\\"800\\" />\\n\\n## Features\\n\\n-   [Lines, areas, columns, and dots as visualization types. Configurable per series](https://yagr.tech/en/api/visualization)\\n-   [Configurable Legend Tooltip](https://yagr.tech/en/plugins/tooltip)\\n-   [Axes with extra options for decimal-level precision](https://yagr.tech/en/api/axes)\\n-   [Scales with configurable range functions and transformations](https://yagr.tech/en/api/scales)\\n-   [Plot lines and bands. Configurable draw layer](https://yagr.tech/en/plugins/plot-lines)\\n-   [Responsive charts](https://yagr.tech/en/api/settings#adaptivity) (requires [ResizeObserver](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver))\\n-   [High-level support of stacked areas/columns](https://yagr.tech/en/api/scales#stacking)\\n-   [Configurable markers](./docs/api/markers.md)\\n-   [Light/Dark theme](https://yagr.tech/en/api/settings#theme)\\n-   [Data normalization](https://yagr.tech/en/api/scales#normalization)\\n-   [Configurable crosshairs, cursor markers and snapping](https://yagr.tech/en/api/cursor)\\n-   Typescript\\n-   [Localization](https://yagr.tech/en/api/settings#localization)\\n-   [CSS Variables in color names](https://yagr.tech/en/api/css)\\n-   [Paginated inline legend](https://yagr.tech/en/plugins/legend)\\n-   [Error handling and extended hooks](https://yagr.tech/en/api/lifecycle)\\n-   [Data alignment and interpolation for missing data](https://yagr.tech/en/api/data-processing)\\n-   [Realtime updates](https://yagr.tech/en/api/dynamic-updates)\\n\\n## [Documentation](https://yagr.tech)\\n\\n## Quick Start\\n\\n```\\nnpm i @gravity-ui/yagr\\n```\\n\\n### NPM Module\\n\\n```typescript\\nimport Yagr from \'@gravity-ui/yagr\';\\n\\nnew Yagr(document.body, {\\n    timeline: [1, 2, 3, 4, 5],\\n    series: [\\n        {\\n            data: [1, 2, 3, 4, 5],\\n            color: \'red\',\\n        },\\n        {\\n            data: [2, 3, 1, 4, 5],\\n            color: \'green\',\\n        },\\n    ],\\n});\\n```\\n\\n### Script Tag\\n\\n```html\\n<script src=\\"https://unpkg.com/@gravity-ui/yagr/dist/yagr.iife.min.js\\"></script>\\n<script>\\n    new Yagr(document.body, {\\n        timeline: [1, 2, 3, 4, 5],\\n        series: [\\n            {\\n                data: [1, 2, 3, 4, 5],\\n                color: \'red\',\\n            },\\n            {\\n                data: [2, 3, 1, 4, 5],\\n                color: \'green\',\\n            },\\n        ],\\n    });\\n</script>\\n```\\n\\n### Examples\\n\\nNeed something specific? Yagr presents some useful examples in the [demo/examples](./demo/examples/) folder. How to start them with current version:\\n\\n1. Clone the repository\\n2. Install dependencies `npm i`\\n3. Run `npm run build`\\n4. Run `npx http-server .`\\n5. Open examples in browser according to the http-server output\\n","changelog":"### master\\n\\n## [4.3.0](https://github.com/gravity-ui/yagr/compare/v4.2.4...v4.3.0) (2024-04-09)\\n\\n\\n### Features\\n\\n* rebuild 4.5 ([#216](https://github.com/gravity-ui/yagr/issues/216)) ([a28e124](https://github.com/gravity-ui/yagr/commit/a28e124020bcf4d0f50acd0842a60f0e918a7eef))\\n\\n\\n### Bug Fixes\\n\\n* fixed series transform for non stacked areas ([#214](https://github.com/gravity-ui/yagr/issues/214)) ([211c653](https://github.com/gravity-ui/yagr/commit/211c65354dd290ca28ba64bf565238ce672d7fca))\\n\\n## [4.2.4](https://github.com/gravity-ui/yagr/compare/v4.2.3...v4.2.4) (2024-03-27)\\n\\n\\n### Bug Fixes\\n\\n* fixed integral calculation ([#211](https://github.com/gravity-ui/yagr/issues/211)) ([888b483](https://github.com/gravity-ui/yagr/commit/888b48347d05a0592bb8f065dc0d5249bf9b7683))\\n\\n## [4.2.3](https://github.com/gravity-ui/yagr/compare/v4.2.2...v4.2.3) (2024-01-29)\\n\\n\\n### Bug Fixes\\n\\n* fixed axes update ([#209](https://github.com/gravity-ui/yagr/issues/209)) ([6dafbb1](https://github.com/gravity-ui/yagr/commit/6dafbb17b712ad83240f055db44e84eeac1119e7))\\n\\n## [4.2.2](https://github.com/gravity-ui/yagr/compare/v4.2.1...v4.2.2) (2024-01-26)\\n\\n\\n### Bug Fixes\\n\\n* fixed points rendering for devices with DPR &lt; 2 ([#207](https://github.com/gravity-ui/yagr/issues/207)) ([af61f6e](https://github.com/gravity-ui/yagr/commit/af61f6ed3f5a2be14d8fad73ea9b75c8b5c98b23))\\n\\n## [4.2.1](https://github.com/gravity-ui/yagr/compare/v4.2.0...v4.2.1) (2024-01-24)\\n\\n\\n### Bug Fixes\\n\\n* fixed fully redrawing updates in .setSeries ([#205](https://github.com/gravity-ui/yagr/issues/205)) ([e86f2cd](https://github.com/gravity-ui/yagr/commit/e86f2cd935638ec015b2f45972fdf5f4c5cd00ae))\\n\\n## [4.2.0](https://github.com/gravity-ui/yagr/compare/v4.1.1...v4.2.0) (2024-01-18)\\n\\n\\n### Features\\n\\n* added \'dispose\' stage and fixed legend discard when chart is updating ([#203](https://github.com/gravity-ui/yagr/issues/203)) ([990c965](https://github.com/gravity-ui/yagr/commit/990c9651a5e5499b0081a4e822956f7ce6748d8d))\\n\\n## [4.1.1](https://github.com/gravity-ui/yagr/compare/v4.1.0...v4.1.1) (2024-01-17)\\n\\n\\n### Bug Fixes\\n\\n* fixed chart updatewhen legend changes ([700cfce](https://github.com/gravity-ui/yagr/commit/700cfceb01b2b30b8ee9a0cc00e2ffe2f4619d1c))\\n\\n## [4.1.0](https://github.com/gravity-ui/yagr/compare/v4.0.4...v4.1.0) (2023-12-26)\\n\\n\\n### Features\\n\\n* adding tooltip.showEmpty to allow show tooltip when there\'s no data ([#199](https://github.com/gravity-ui/yagr/issues/199)) ([83b66ee](https://github.com/gravity-ui/yagr/commit/83b66eefa0f538648c9d1dcd625a95dcce414e49))\\n\\n## [4.0.4](https://github.com/gravity-ui/yagr/compare/v4.0.3...v4.0.4) (2023-12-25)\\n\\n\\n### Bug Fixes\\n\\n* fixed tooltip positioning when synced with different scale ([#196](https://github.com/gravity-ui/yagr/issues/196)) ([100c472](https://github.com/gravity-ui/yagr/commit/100c472ee27e9c334a393e252d7cef7b46ac80d8))\\n\\n## [4.0.3](https://github.com/gravity-ui/yagr/compare/v4.0.2...v4.0.3) (2023-12-11)\\n\\n\\n### Bug Fixes\\n\\n* added option serieIndicies to CustomTrackingFunctionOptions ([#193](https://github.com/gravity-ui/yagr/issues/193)) ([79fcc3e](https://github.com/gravity-ui/yagr/commit/79fcc3e27594d6d45a07f11725584dca76a7bdcb))\\n\\n## [4.0.2](https://github.com/gravity-ui/yagr/compare/v4.0.1...v4.0.2) (2023-12-11)\\n\\n\\n### Bug Fixes\\n\\n* fixed inifinite loop in series traverse in tooltip\'s setCursor ([#191](https://github.com/gravity-ui/yagr/issues/191)) ([f7c0b2e](https://github.com/gravity-ui/yagr/commit/f7c0b2ef28392fd569cadc91e083ab2bd0e88413))\\n\\n## [4.0.1](https://github.com/gravity-ui/yagr/compare/v4.0.0...v4.0.1) (2023-12-04)\\n\\n\\n### Bug Fixes\\n\\n* fixed plotlines updates on uplot change ([#189](https://github.com/gravity-ui/yagr/issues/189)) ([ca268da](https://github.com/gravity-ui/yagr/commit/ca268da72f80560904dab0d8e6089b3ba84d7efb))\\n\\n## [4.0.0](https://github.com/gravity-ui/yagr/compare/v3.11.4...v4.0.0) (2023-11-27)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* bump version ([#187](https://github.com/gravity-ui/yagr/issues/187))\\n\\n### Features\\n\\n* bump version ([#187](https://github.com/gravity-ui/yagr/issues/187)) ([049b307](https://github.com/gravity-ui/yagr/commit/049b307e68684e371c36411ba5bee864bdf75799))\\n\\n## [3.11.4](https://github.com/gravity-ui/yagr/compare/v3.11.3...v3.11.4) (2023-11-22)\\n\\n\\n### Bug Fixes\\n\\n* persist subsribe state on full update ([#184](https://github.com/gravity-ui/yagr/issues/184)) ([b0721d9](https://github.com/gravity-ui/yagr/commit/b0721d92e82dec187afa0f7a918176d4a9e20825))\\n\\n## [3.11.3](https://github.com/gravity-ui/yagr/compare/v3.11.2...v3.11.3) (2023-11-21)\\n\\n\\n### Bug Fixes\\n\\n* persist cursor position on full update ([#182](https://github.com/gravity-ui/yagr/issues/182)) ([939e29b](https://github.com/gravity-ui/yagr/commit/939e29bb4036657a297100b9899b52002131697e))\\n\\n## [3.11.2](https://github.com/gravity-ui/yagr/compare/v3.11.1...v3.11.2) (2023-11-17)\\n\\n\\n### Bug Fixes\\n\\n* fixed react component to drop ref on disposing ([#179](https://github.com/gravity-ui/yagr/issues/179)) ([c419cb9](https://github.com/gravity-ui/yagr/commit/c419cb9119c5cb08057bc02973700ce9acb167e6))\\n\\n## [3.11.1](https://github.com/gravity-ui/yagr/compare/v3.11.0...v3.11.1) (2023-11-08)\\n\\n\\n### Bug Fixes\\n\\n* fixed tooltip render on pin with empty data ([#176](https://github.com/gravity-ui/yagr/issues/176)) ([52a0847](https://github.com/gravity-ui/yagr/commit/52a0847e8ff4a653ab34194c54af5a24870a6193))\\n\\n## [3.11.0](https://github.com/gravity-ui/yagr/compare/v3.10.6...v3.11.0) (2023-10-23)\\n\\n\\n### Features\\n\\n* added options for custom tooltip tracking fn ([#171](https://github.com/gravity-ui/yagr/issues/171)) ([03697d0](https://github.com/gravity-ui/yagr/commit/03697d03990957a7ca744845f5550b77ef00b133))\\n\\n\\n### Bug Fixes\\n\\n* fixed empty chart updating ([#174](https://github.com/gravity-ui/yagr/issues/174)) ([05f9964](https://github.com/gravity-ui/yagr/commit/05f99646e8ef2e6ea930cea86556f562e96b2784))\\n\\n## [3.10.6](https://github.com/gravity-ui/yagr/compare/v3.10.5...v3.10.6) (2023-10-10)\\n\\n\\n### Bug Fixes\\n\\n* fixed tooltip render when a lot of lines ([#168](https://github.com/gravity-ui/yagr/issues/168)) ([8fff973](https://github.com/gravity-ui/yagr/commit/8fff9735395ac3df754e84ea73fe69364106f3f7))\\n\\n## [3.10.5](https://github.com/gravity-ui/yagr/compare/v3.10.4...v3.10.5) (2023-10-09)\\n\\n\\n### Bug Fixes\\n\\n* fixed pagination infinity pages ([#166](https://github.com/gravity-ui/yagr/issues/166)) ([4de5b30](https://github.com/gravity-ui/yagr/commit/4de5b30b603b3db4072f7f31e2ea865dcdbf49c0))\\n\\n## [3.10.4](https://github.com/gravity-ui/yagr/compare/v3.10.3...v3.10.4) (2023-10-05)\\n\\n\\n### Bug Fixes\\n\\n* fixed width and height of plotlines for filling full rect ([#164](https://github.com/gravity-ui/yagr/issues/164)) ([a6e94c6](https://github.com/gravity-ui/yagr/commit/a6e94c6f7610628564d0ffab0721b563258c35af))\\n\\n## [3.10.3](https://github.com/gravity-ui/yagr/compare/v3.10.2...v3.10.3) (2023-10-05)\\n\\n\\n### Bug Fixes\\n\\n* fixed drawMarkersIfRequired in case if timeline.length == 1 ([#163](https://github.com/gravity-ui/yagr/issues/163)) ([9a506f4](https://github.com/gravity-ui/yagr/commit/9a506f491814b5145ea98498a91e383ab2e98859))\\n* fixed update point cursro in case if it\'s empty ([#161](https://github.com/gravity-ui/yagr/issues/161)) ([25c1da4](https://github.com/gravity-ui/yagr/commit/25c1da420c5f5f8e66c072d27048b23b771ddfd3))\\n\\n## [3.10.2](https://github.com/gravity-ui/yagr/compare/v3.10.1...v3.10.2) (2023-10-02)\\n\\n\\n### Bug Fixes\\n\\n* changed legends totalSpace calculation formula ([#159](https://github.com/gravity-ui/yagr/issues/159)) ([900193c](https://github.com/gravity-ui/yagr/commit/900193cae53f4b69948ce328a5027064999e3851))\\n\\n## [3.10.1](https://github.com/gravity-ui/yagr/compare/v3.10.0...v3.10.1) (2023-09-30)\\n\\n\\n### Bug Fixes\\n\\n* set option \\"updateLegend\\" to false in \\"extended\\" behaviour ([#157](https://github.com/gravity-ui/yagr/issues/157)) ([7f5d065](https://github.com/gravity-ui/yagr/commit/7f5d06568a9eff4df51d29ddd3a642e2017d9ed0))\\n\\n## [3.10.0](https://github.com/gravity-ui/yagr/compare/v3.9.0...v3.10.0) (2023-09-28)\\n\\n\\n### Features\\n\\n* added \'extended\' legends item onClick behaviour ([#154](https://github.com/gravity-ui/yagr/issues/154)) ([13e19d3](https://github.com/gravity-ui/yagr/commit/13e19d3e1d01cab152ed7782b71e38868ce88758))\\n\\n## [3.9.0](https://github.com/gravity-ui/yagr/compare/v3.8.1...v3.9.0) (2023-09-27)\\n\\n\\n### Features\\n\\n* added tooltip.omitBy option to omit arbitrary line from tooltip by predicate ([#152](https://github.com/gravity-ui/yagr/issues/152)) ([735e62b](https://github.com/gravity-ui/yagr/commit/735e62bcec95a856a27578fefe69351710538255))\\n\\n## [3.8.1](https://github.com/gravity-ui/yagr/compare/v3.8.0...v3.8.1) (2023-09-15)\\n\\n\\n### Bug Fixes\\n\\n* fixed cursor points updating on series update ([#147](https://github.com/gravity-ui/yagr/issues/147)) ([1185d21](https://github.com/gravity-ui/yagr/commit/1185d218b10df12d7822f024eacc60584f862df6))\\n\\n## [3.8.0](https://github.com/gravity-ui/yagr/compare/v3.7.13...v3.8.0) (2023-09-11)\\n\\n\\n### Features\\n\\n* add tooltip.strategy = \'drag\' ([#145](https://github.com/gravity-ui/yagr/issues/145)) ([2d102f0](https://github.com/gravity-ui/yagr/commit/2d102f05801d5ac3ad5e66095e378bf15e407553))\\n\\n## [3.7.13](https://github.com/gravity-ui/yagr/compare/v3.7.12...v3.7.13) (2023-09-05)\\n\\n\\n### Bug Fixes\\n\\n* forced plot bands to draw only inside plotting area ([#140](https://github.com/gravity-ui/yagr/issues/140)) ([72839b1](https://github.com/gravity-ui/yagr/commit/72839b1c3ceac884230ff21806b5892283109c29))\\n\\n## [3.7.12](https://github.com/gravity-ui/yagr/compare/v3.7.11...v3.7.12) (2023-08-31)\\n\\n\\n### Bug Fixes\\n\\n* fixed default bars width passing ([#138](https://github.com/gravity-ui/yagr/issues/138)) ([7dd18e5](https://github.com/gravity-ui/yagr/commit/7dd18e512132b4ca867fea16a7d3f423f6a33985))\\n\\n## [3.7.11](https://github.com/gravity-ui/yagr/compare/v3.7.10...v3.7.11) (2023-08-26)\\n\\n\\n### Bug Fixes\\n\\n* fixed common spanGaps option passing ([#130](https://github.com/gravity-ui/yagr/issues/130)) ([b71905f](https://github.com/gravity-ui/yagr/commit/b71905f282c6f1deb10440a9fd0d2268607ce0d2))\\n\\n## [3.7.10](https://github.com/gravity-ui/yagr/compare/v3.7.9...v3.7.10) (2023-08-23)\\n\\n\\n### Bug Fixes\\n\\n* fixed data aggregation plugin ([#135](https://github.com/gravity-ui/yagr/issues/135)) ([d4ae62c](https://github.com/gravity-ui/yagr/commit/d4ae62c31ed20171e28174a04420024789f378f2))\\n\\n## [3.7.9](https://github.com/gravity-ui/yagr/compare/v3.7.8...v3.7.9) (2023-08-18)\\n\\n\\n### Bug Fixes\\n\\n* fixed markers plugin initiation ([#133](https://github.com/gravity-ui/yagr/issues/133)) ([ed82236](https://github.com/gravity-ui/yagr/commit/ed822362f9acb3001505ed25265bb62f2531be3e))\\n\\n## [3.7.8](https://github.com/gravity-ui/yagr/compare/v3.7.7...v3.7.8) (2023-08-15)\\n\\n\\n### Bug Fixes\\n\\n* fixed tooltip pin/unpin for all strategies ([#131](https://github.com/gravity-ui/yagr/issues/131)) ([f1d5c28](https://github.com/gravity-ui/yagr/commit/f1d5c287cd02a3e35227da600763bad3dabea452))\\n\\n## [3.7.7](https://github.com/gravity-ui/yagr/compare/v3.7.6...v3.7.7) (2023-08-10)\\n\\n\\n### Bug Fixes\\n\\n* fixed data-refs plugin ([#128](https://github.com/gravity-ui/yagr/issues/128)) ([f7de2a9](https://github.com/gravity-ui/yagr/commit/f7de2a92a6a33d12f2b899847a81d1860e74c188))\\n* updated uplot ([#127](https://github.com/gravity-ui/yagr/issues/127)) ([642cda1](https://github.com/gravity-ui/yagr/commit/642cda1b03ea1fba0f7af101a71927691ec99d8b))\\n\\n## [3.7.6](https://github.com/gravity-ui/yagr/compare/v3.7.5...v3.7.6) (2023-08-09)\\n\\n\\n### Bug Fixes\\n\\n* fixed plotlines removes, update bug with cached uHook ([#125](https://github.com/gravity-ui/yagr/issues/125)) ([9709797](https://github.com/gravity-ui/yagr/commit/9709797f9f79f5308ff5b25d7c7ef8c45cf19e3d))\\n\\n## [3.7.5](https://github.com/gravity-ui/yagr/compare/v3.7.4...v3.7.5) (2023-08-03)\\n\\n\\n### Bug Fixes\\n\\n* fixed plotlines update ([#123](https://github.com/gravity-ui/yagr/issues/123)) ([d3f24d4](https://github.com/gravity-ui/yagr/commit/d3f24d452f8d86beedf9139fd091f4de7452f2a2))\\n\\n## [3.7.4](https://github.com/gravity-ui/yagr/compare/v3.7.3...v3.7.4) (2023-08-02)\\n\\n\\n### Bug Fixes\\n\\n* fixed cursor pin in case if uplot not rendered yet ([#121](https://github.com/gravity-ui/yagr/issues/121)) ([3b7e58c](https://github.com/gravity-ui/yagr/commit/3b7e58c1d102d7b90423ecc1a5d918fa78387b6b))\\n\\n## [3.7.3](https://github.com/gravity-ui/yagr/compare/v3.7.2...v3.7.3) (2023-08-01)\\n\\n\\n### Bug Fixes\\n\\n* fixde setScales method ([#119](https://github.com/gravity-ui/yagr/issues/119)) ([e693065](https://github.com/gravity-ui/yagr/commit/e69306532eeda4c55be0ddaae73f48d76cb3fb5b))\\n\\n## [3.7.2](https://github.com/gravity-ui/yagr/compare/v3.7.1...v3.7.2) (2023-07-31)\\n\\n\\n### Bug Fixes\\n\\n* fixed series update ([#117](https://github.com/gravity-ui/yagr/issues/117)) ([d5afe05](https://github.com/gravity-ui/yagr/commit/d5afe05d4ba4d8e9598496149b3209bcefc8213f))\\n\\n## [3.7.1](https://github.com/gravity-ui/yagr/compare/v3.7.0...v3.7.1) (2023-07-28)\\n\\n\\n### Bug Fixes\\n\\n* fixed hooks update ([#113](https://github.com/gravity-ui/yagr/issues/113)) ([9272e5e](https://github.com/gravity-ui/yagr/commit/9272e5e7016b5a7ef781c8c2c5e1c60b97a70b5f))\\n\\n## [3.7.0](https://github.com/gravity-ui/yagr/compare/v3.6.1...v3.7.0) (2023-07-24)\\n\\n\\n### Features\\n\\n* added tooltip on update strategy ([#111](https://github.com/gravity-ui/yagr/issues/111)) ([41f0c10](https://github.com/gravity-ui/yagr/commit/41f0c105eb3e42fc18644797e5fe113f146f3217))\\n\\n## [3.6.1](https://github.com/gravity-ui/yagr/compare/v3.6.0...v3.6.1) (2023-07-21)\\n\\n\\n### Bug Fixes\\n\\n* react and refs ([#109](https://github.com/gravity-ui/yagr/issues/109)) ([de8058d](https://github.com/gravity-ui/yagr/commit/de8058d85aea1390f9270c507fc7b3243388de59))\\n\\n## [3.6.0](https://github.com/gravity-ui/yagr/compare/v3.5.5...v3.6.0) (2023-07-17)\\n\\n\\n### Features\\n\\n* add new tooltip actions + reset method ([#104](https://github.com/gravity-ui/yagr/issues/104)) ([f02c3e8](https://github.com/gravity-ui/yagr/commit/f02c3e812b7b45f528c01369fa7724d69777ec64))\\n* added  hard-update option for setConfig and react component ([#105](https://github.com/gravity-ui/yagr/issues/105)) ([104334f](https://github.com/gravity-ui/yagr/commit/104334fe4ce9754193495337086aa50929edac78))\\n\\n\\n### Bug Fixes\\n\\n* ensure unique ticks ([#106](https://github.com/gravity-ui/yagr/issues/106)) ([67bd3d0](https://github.com/gravity-ui/yagr/commit/67bd3d0d6c58802468e7de631637af4a1e5d1f20))\\n\\n## [3.5.5](https://github.com/gravity-ui/yagr/compare/v3.5.4...v3.5.5) (2023-07-13)\\n\\n\\n### Bug Fixes\\n\\n* tooltip pinnig ([#102](https://github.com/gravity-ui/yagr/issues/102)) ([2d2b4a4](https://github.com/gravity-ui/yagr/commit/2d2b4a4ac26c2e4be1c203a4d9cfca452b4e8eef))\\n\\n## [3.5.4](https://github.com/gravity-ui/yagr/compare/v3.5.3...v3.5.4) (2023-07-13)\\n\\n\\n### Bug Fixes\\n\\n* fixed drawMarkersIfRequired ([#100](https://github.com/gravity-ui/yagr/issues/100)) ([0dee458](https://github.com/gravity-ui/yagr/commit/0dee45812240ab4c9c9107d4c415b39525bfaf9d))\\n\\n## [3.5.3](https://github.com/gravity-ui/yagr/compare/v3.5.2...v3.5.3) (2023-07-13)\\n\\n\\n### Bug Fixes\\n\\n* fixed pinning tooltip on range selection ([#98](https://github.com/gravity-ui/yagr/issues/98)) ([2762387](https://github.com/gravity-ui/yagr/commit/2762387c361104b9175651c827f83972ae59212b))\\n\\n## [3.5.2](https://github.com/gravity-ui/yagr/compare/v3.5.1...v3.5.2) (2023-07-13)\\n\\n\\n### Bug Fixes\\n\\n* fixed typings for tooltip and plotLines ([#96](https://github.com/gravity-ui/yagr/issues/96)) ([fe2f59b](https://github.com/gravity-ui/yagr/commit/fe2f59bac91915eef8a939a2e4d076322618ec6e))\\n\\n## [3.5.1](https://github.com/gravity-ui/yagr/compare/v3.5.0...v3.5.1) (2023-07-12)\\n\\n\\n### Bug Fixes\\n\\n* fixed setSeries for dots ([#94](https://github.com/gravity-ui/yagr/issues/94)) ([5fedb3d](https://github.com/gravity-ui/yagr/commit/5fedb3de41b07017c0a96c3ef9feeb82cb913e62))\\n\\n## [3.5.0](https://github.com/gravity-ui/yagr/compare/v3.4.1...v3.5.0) (2023-07-12)\\n\\n\\n### Features\\n\\n* added tooltip pin strategy + fixed dynamic updates of dot-series ([#92](https://github.com/gravity-ui/yagr/issues/92)) ([3babd4b](https://github.com/gravity-ui/yagr/commit/3babd4bf8d4dd65c2c3a9a8b0bd2eb8d61360da2))\\n\\n## [3.4.1](https://github.com/gravity-ui/yagr/compare/v3.4.0...v3.4.1) (2023-07-11)\\n\\n\\n### Bug Fixes\\n\\n* updated data refs notations ([#90](https://github.com/gravity-ui/yagr/issues/90)) ([79437df](https://github.com/gravity-ui/yagr/commit/79437df91917e352a777c00859778da3eca0a66f))\\n\\n## [3.4.0](https://github.com/gravity-ui/yagr/compare/v3.3.6...v3.4.0) (2023-07-10)\\n\\n\\n### Features\\n\\n* added .setTitle method, subscription state, data refs and range tracking ([8fbbb5c](https://github.com/gravity-ui/yagr/commit/8fbbb5ccfcb2ab7b78e78da108bba83c1e0e4d04))\\n\\n## [3.3.6](https://github.com/gravity-ui/yagr/compare/v3.3.5...v3.3.6) (2023-07-10)\\n\\n\\n### Bug Fixes\\n\\n* **dynamic-updates:** fixed series options override ([#86](https://github.com/gravity-ui/yagr/issues/86)) ([9fdd83e](https://github.com/gravity-ui/yagr/commit/9fdd83e3430b5380db2fb7d14aaa1885a6574407))\\n\\n## [3.3.5](https://github.com/gravity-ui/yagr/compare/v3.3.4...v3.3.5) (2023-07-06)\\n\\n\\n### Bug Fixes\\n\\n* removed redundant reinit after full update + fixed batch series update ([#84](https://github.com/gravity-ui/yagr/issues/84)) ([5f181ec](https://github.com/gravity-ui/yagr/commit/5f181ec76dff76be93a8c811a2f69cb4fbfbf384))\\n\\n## [3.3.4](https://github.com/gravity-ui/yagr/compare/v3.3.3...v3.3.4) (2023-07-05)\\n\\n\\n### Bug Fixes\\n\\n* fixed dynamic updates of series in case if changed only data ([#82](https://github.com/gravity-ui/yagr/issues/82)) ([9ff1979](https://github.com/gravity-ui/yagr/commit/9ff1979aa280b9f77272ba62134a4dcc4948424d))\\n\\n## [3.3.3](https://github.com/gravity-ui/yagr/compare/v3.3.2...v3.3.3) (2023-07-05)\\n\\n\\n### Bug Fixes\\n\\n* **react:** fixed react typings ([#80](https://github.com/gravity-ui/yagr/issues/80)) ([532d1f4](https://github.com/gravity-ui/yagr/commit/532d1f46b8c2c0a7e50e0601962ce154ba52dea6))\\n\\n## [3.3.2](https://github.com/gravity-ui/yagr/compare/v3.3.1...v3.3.2) (2023-07-04)\\n\\n\\n### Bug Fixes\\n\\n* fixed setConfig config update ([#78](https://github.com/gravity-ui/yagr/issues/78)) ([0c43ac1](https://github.com/gravity-ui/yagr/commit/0c43ac1bd568bb248da4b29f6cc5882ee076e3c2))\\n\\n## [3.3.1](https://github.com/gravity-ui/yagr/compare/v3.3.0...v3.3.1) (2023-07-02)\\n\\n\\n### Bug Fixes\\n\\n* fixed initRender to support updates without legend dom node change ([c8810d6](https://github.com/gravity-ui/yagr/commit/c8810d632dda66901f776bd372d4304868d25deb))\\n\\n## [3.3.0](https://github.com/gravity-ui/yagr/compare/v3.2.1...v3.3.0) (2023-06-30)\\n\\n\\n### Features\\n\\n* version bump ([#74](https://github.com/gravity-ui/yagr/issues/74)) ([e2d6743](https://github.com/gravity-ui/yagr/commit/e2d6743f05bb836fed77e98cbf926717e110d771))\\n\\n## [3.2.1](https://github.com/gravity-ui/yagr/compare/v3.2.0...v3.2.1) (2023-06-30)\\n\\n\\n### Bug Fixes\\n\\n* fixed setAxes method ([68ce5c1](https://github.com/gravity-ui/yagr/commit/68ce5c122ef1cbd7c748df7fdeef9e7998361677))\\n\\n## [3.2.0](https://github.com/gravity-ui/yagr/compare/v3.1.0...v3.2.0) (2023-06-23)\\n\\n### Features\\n\\n-   version bump ([e89d01c](https://github.com/gravity-ui/yagr/commit/e89d01c20222e6ab1d1afedccb0150d1d63c3297))\\n\\n## [3.1.0](https://github.com/gravity-ui/yagr/compare/v3.0.0...v3.1.0) (2023-06-23)\\n\\n### Features\\n\\n-   added single-ton tooltip, fixed package config ([55ffc2b](https://github.com/gravity-ui/yagr/commit/55ffc2b52da7c9c86b8cc317ee84cf98dcfd5164))\\n\\n### Bug Fixes\\n\\n-   remove tooltip handlers on dispose + don\'t reiniit hooks ([a33f666](https://github.com/gravity-ui/yagr/commit/a33f666d3a939f761fb3577c7d18357873c7bc6d))\\n-   removed redundant typings and .d.ts reexporter ([cb291bd](https://github.com/gravity-ui/yagr/commit/cb291bd496d016e65d8d45dc4ba44acd0765b31d))\\n\\n## [3.0.0](https://github.com/gravity-ui/yagr/compare/v2.2.6...v3.0.0) (2023-06-21)\\n\\n### Configuratoin\\n\\n-   Fixed typo `appereance` -> `appearance` in `YagrConfig[\'chart\']`\\n\\n### Refactor\\n\\n-   Refactored `YagrCore` class to use mixins.\\n-   Refactored batch mechanism to support multiple Yagr change calls in single batch\\n-   Refactored Yagr React component to support `setConfig` instead of re-initialization of Yagr instance on every config update\\n-   Got rid of Rollup, using ESBuild instead\\n\\n### Scales\\n\\n-   Fixed `setVisible` method for stacked areas\\n\\n### Methods\\n\\n-   Removed workaround to fix [uPlot issue](https://github.com/leeoniya/uPlot/issues/680) in `setVisible` method\\n-   Added `setScales` method\\n-   Added generic `setConfig` method. Currently in expriemental mode\\n\\n### Tooltip\\n\\n-   Fixed tooltip render initial position (now it renders in `boundClassName` element)\\n-   Added virtual tooltip mode\\n-   Added useCustomTooltip hook for React\\n\\n### Legend\\n\\n-   Fixed legend series mark background-color\\n\\n## [2.2.6](https://github.com/gravity-ui/yagr/compare/v2.2.5...v2.2.6) (2023-06-19)\\n\\n### Bug Fixes\\n\\n-   fixed legend rendering ([176a25d](https://github.com/gravity-ui/yagr/commit/176a25d8ba0c273c34b468b56656dfe1edc04fea))\\n\\n## [2.2.5](https://github.com/gravity-ui/yagr/compare/v2.2.4...v2.2.5) (2023-06-02)\\n\\n> > > > > > > main\\n\\n## Examples\\n\\n-   Added React + Custom React tooltip examples\\n-   Added `setScales`, dynamic updates and hooks examples\\n\\n## [2.2.5](https://github.com/gravity-ui/yagr/compare/v2.2.4...v2.2.5) (2023-06-02)\\n\\n### Bug Fixes\\n\\n-   **YagrCore:** fix resize handling ([#57](https://github.com/gravity-ui/yagr/issues/57)) ([3ae9b43](https://github.com/gravity-ui/yagr/commit/3ae9b436324fd1ec7a9585f48a82d436a7fb468c))\\n\\n## [2.2.4](https://github.com/gravity-ui/yagr/compare/v2.2.3...v2.2.4) (2023-04-13)\\n\\n### Bug Fixes\\n\\n-   change background color in case of dark-hc theme ([#53](https://github.com/gravity-ui/yagr/issues/53)) ([a647216](https://github.com/gravity-ui/yagr/commit/a647216f0c527b6bfdb9a0cfc630bd07acea3302))\\n\\n## [2.2.3](https://github.com/gravity-ui/yagr/compare/v2.2.2...v2.2.3) (2022-12-13)\\n\\n### Bug Fixes\\n\\n-   columns render options ([#48](https://github.com/gravity-ui/yagr/issues/48)) ([034d652](https://github.com/gravity-ui/yagr/commit/034d65279595b8971a6fb7c03a3e5c9619127123))\\n\\n## [2.2.2](https://github.com/gravity-ui/yagr/compare/v2.2.1...v2.2.2) (2022-12-12)\\n\\n### Bug Fixes\\n\\n-   legend show and hide all button ([da98045](https://github.com/gravity-ui/yagr/commit/da98045ee8f98ab3b3633deff0425c89ab1c6699))\\n\\n## [2.2.1](https://github.com/gravity-ui/yagr/compare/v2.2.0...v2.2.1) (2022-12-09)\\n\\n### Bug Fixes\\n\\n-   build dist with new release flow ([8da1b5d](https://github.com/gravity-ui/yagr/commit/8da1b5d0710d7ea3378fc6a5a6374a3b7a1d0ae2))\\n\\n## [2.2.0](https://github.com/gravity-ui/yagr/compare/v2.1.1...v2.2.0) (2022-12-09)\\n\\n### Features\\n\\n-   move yagr to gravity-ui organization ([24b3c27](https://github.com/gravity-ui/yagr/commit/24b3c27ac9902bab824b2897150e246c7c3541bf))\\n-   test release flow ([#34](https://github.com/gravity-ui/yagr/issues/34)) ([97baa13](https://github.com/gravity-ui/yagr/commit/97baa1336df66982b83250b0e1d9a578db1ddc8f))\\n\\n### Bug Fixes\\n\\n-   try fix release flow ([516b329](https://github.com/gravity-ui/yagr/commit/516b32976c4b352bd361515905f444997932555e))\\n\\n### 2.1.0 (08-12-2022)\\n\\n#### Column Series\\n\\n-   Added pass column render options to `series`\\n\\n#### PlotLines\\n\\n-   Added posibility to render dashed lines\\n\\n### 2.0.0 (19-04-2022)\\n\\n#### Documentation\\n\\n-   Updated documentation to meet new major version.\\n\\n#### Breaking changes\\n\\n##### Yagr instances\\n\\n-   Make charts adaptive by default.\\n-   All utility helpers (such as `theme`, `i18n`, `colorParser`) moved into `yagr.utils`.\\n-   Removed `refPoints` and simplified scale min/max calculations.\\n-   Renamed `toggleSerieVisibility` to `setVisible`, and changed signature to `setVisible(lineId: string | null, show: boolean): void`.\\n-   Changed `setFocus` signature to `setFocus(lineId: string | null, focus: boolean): void`.\\n\\n##### ColorParser\\n\\n-   `ColorParser` now is not a singleton and moved into `yagr.utils.colors`.\\n\\n##### ThemeDefaults\\n\\n-   `ThemeDefaults` now is not a singleton and moved into `yagr.utils.theme`.\\n\\n##### Config\\n\\n-   Removed `settings` fields.\\n-   Refactored `chart` field, now it includes all settings from `settings` field, and diverged fields by domains.\\n\\n##### Hooks\\n\\n-   All extended `yagr.hooks` now passing consistent `{chart: Yagr}` argument to handlers.\\n\\n##### Scales\\n\\n-   Removed `maxTicks` field. It was never worked.\\n\\n##### Typings\\n\\n-   Splited different series options by `type`, which allows to enable more comprehensible completions in TypeScript.\\n-   Renamed: `InterpolationSetting` -> `InterpolationType`.\\n\\n##### PlotLines\\n\\n-   Removed `setThreshold` (looks like duplicate for `addPlotLines`).\\n-   Renamed `addPlotLines` to `add`.\\n\\n#### New features\\n\\n##### Config\\n\\n-   Added custom Yagr plugins support.\\n\\n##### Yagr methods\\n\\n-   Added `yagr.setSeries` method which updates/sets series and redraws them.\\n-   Added `yagr.setAxes` method which updates/adds axes and redraws them if required.\\n-   Added `yagr.setLocale` method which changes locale and redraws all i18n-including elements.\\n-   Added `yagr.setTheme` method which changes theme and redraws chart.\\n-   Added `yagr,getSeriesById` which returns uPlot\'s `Series` type by Yagr\'s series ID.\\n-   Added `yagr.batch` which allows to run multiple changes in single redraw.\\n\\n##### Axes\\n\\n-   Added `splitsCount` which helps to render axes with given number of splits.\\n\\n##### Hooks\\n\\n-   Add `stage` hook which fires when `yagr.state.stage` changes.\\n-   All hooks\' types redesigned to support hook arguments completeions.\\n\\n##### Theme\\n\\n-   Themes now not shared between Yagr instances, they now can be different per instance.\\n-   Added theme customization docs.\\n\\n##### Tooltip\\n\\n-   Combined `tooltip.enabled` with `tooltip.show` (removed `enabled`).\\n-   Tooltip now support `.on(\'<action>\', <handler>)` which allows to subsribe on tooltip action emitting insted of single `onStateChange` callback. Also `.off` method is available.\\n-   Added `yagr.plugins.tooltip.display()` method which allows to display tooltip in given place with given X-axis index programmaticaly.\\n\\n##### Cursor\\n\\n-   Add `updatePoints` method which redraws cursor points in case of series options was changed.\\n\\n##### PlotLines\\n\\n-   Add `yagr.plugins.plotLines.get` method which returns current plotlines\\n\\n#### Fixes\\n\\n#### Yagr\\n\\n-   Fixed Yagr ID generation to avoid IDs starting with numbers\\n\\n#### Tooltip\\n\\n-   Fixed tooltip\'s HTML ID generation\\n-   Removed redundant `draw` hook calling on `setFocus(null)` via tooltip\\n\\n### 1.4.1 (15-03-2022)\\n\\n-   Exporting hooks\'s signature typings\\n\\n### 1.4.0 (11-02-2022)\\n\\n#### Hooks\\n\\n-   Add new parameter `chart` into the `onSelect` hook\\n-   use `timeMultiplier` to correctly evaluate `from` and `to` values\\n\\n### 1.3.8 (26-01-2022)\\n\\n#### Processing\\n\\n-   Fixed normalization in case of row sum equals zero\\n\\n### 1.3.7 (21-12-2021)\\n\\n#### Scales\\n\\n-   Properly define logarithmic scale values\\n\\n#### Legend\\n\\n-   Fixed legend series toggle\\n\\n### 1.3.6 (02-12-2021)\\n\\n#### Legend\\n\\n-   Fixed legend items\' `seried-idx` attribute\\n\\n### 1.3.5 (30-11-2021)\\n\\n#### Processing\\n\\n-   Fixed `left` interpolation\\n\\n### 1.3.4 (13-10-2021)\\n\\n#### Tooltip\\n\\n-   Properly render serie name by escaping html\\n\\n#### Legend\\n\\n-   Fix a problem with quoted series names\\n\\n### 1.3.3 (11-10-2021)\\n\\n#### Tooltip\\n\\n-   Store tooltip plugin in `yagr.plugins` for direct access to methods\\n-   Unpin and hide tooltip when plot resizing.\\n\\n#### Processing\\n\\n-   Added `snapToValues = false` for interpolation cursor snapping\\n","contributors":[{"login":"zefirka","avatarUrl":"https://avatars.githubusercontent.com/u/5380542?v=4","url":"https://github.com/zefirka","contributions":143},{"login":"artemluchin","avatarUrl":"https://avatars.githubusercontent.com/u/12445010?v=4","url":"https://github.com/artemluchin","contributions":14},{"login":"astandrik","avatarUrl":"https://avatars.githubusercontent.com/u/8037318?v=4","url":"https://github.com/astandrik","contributions":13},{"login":"feelsbadmans","avatarUrl":"https://avatars.githubusercontent.com/u/62965405?v=4","url":"https://github.com/feelsbadmans","contributions":7},{"login":"imsitnikov","avatarUrl":"https://avatars.githubusercontent.com/u/29424746?v=4","url":"https://github.com/imsitnikov","contributions":4},{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":3},{"login":"bt4R9","avatarUrl":"https://avatars.githubusercontent.com/u/1858946?v=4","url":"https://github.com/bt4R9","contributions":1},{"login":"alexey-milovidov","avatarUrl":"https://avatars.githubusercontent.com/u/18581488?v=4","url":"https://github.com/alexey-milovidov","contributions":1},{"login":"yndx-birman","avatarUrl":"https://avatars.githubusercontent.com/u/62902338?v=4","url":"https://github.com/yndx-birman","contributions":1}],"codeOwners":[]},"markdown-editor":{"stars":30,"version":"13.4.0","lastUpdate":"15.07.2024","license":"MIT License","issues":6,"readme":"# @gravity-ui/markdown-editor &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/markdown-editor)](https://www.npmjs.com/package/@gravity-ui/markdown-editor) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/markdown-editor/ci.yml?branch=main&label=CI)](https://github.com/gravity-ui/markdown-editor/actions/workflows/ci.yml?query=branch:main) [![Release](https://img.shields.io/github/actions/workflow/status/gravity-ui/markdown-editor/release.yml?branch=main&label=Release)](https://github.com/gravity-ui/markdown-editor/actions/workflows/release.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/md-editor/)\\n\\n## Markdown wysiwyg and markup editor\\n\\nMarkdownEditor is a powerful tool for working with Markdown, which combines WYSIWYG and Markup modes. This means that you can create and edit content in a convenient visual mode, as well as have full control over the markup.\\n\\n### \uD83D\uDD27 Main features\\n\\n- Support for the basic Markdown and [YFM](https://ydocs.tech) syntax.\\n- Extensibility through the use of ProseMirror and CodeMirror engines.\\n- The ability to work in WYSIWYG and Markup modes for maximum flexibility.\\n\\n## Install\\n\\n```shell\\nnpm install @gravity-ui/markdown-editor\\n```\\n\\n### Required dependencies\\n\\nPlease note that to start using the package, your project must also have the following installed: `@diplodoc/transform`, `react`, `react-dom`, `@gravity-ui/uikit`, `@gravity-ui/components` and some others. Check out the `peerDependencies` section of `package.json` for accurate information.\\n\\n## Getting started\\n\\nThe markdown editor is supplied as a React hook to create an instance of editor and a component for rendering the view.\\\\\\nTo set up styling and theme see [UIKit docs](https://github.com/gravity-ui/uikit?tab=readme-ov-file#styles).\\n\\n```tsx\\nimport React from \'react\';\\nimport {useMarkdownEditor, MarkdownEditorView} from \'@gravity-ui/markdown-editor\';\\nimport {toaster} from \'@gravity-ui/uikit/toaster-singleton-react-18\';\\n\\nfunction Editor({onSubmit}) {\\n  const editor = useMarkdownEditor({allowHTML: false});\\n\\n  React.useEffect(() => {\\n    function submitHandler() {\\n      // Serialize current content to markdown markup\\n      const value = editor.getValue();\\n      onSubmit(value);\\n    }\\n\\n    editor.on(\'submit\', submitHandler);\\n    return () => {\\n      editor.off(\'submit\', submitHandler);\\n    };\\n  }, [onSubmit]);\\n\\n  return <MarkdownEditorView autofocus toaster={toaster} editor={editor} />;\\n}\\n```\\n\\n### i18n\\n\\nTo set up internationalization, you just need to use the `configure`:\\n\\n```typescript\\nimport {configure} from \'@gravity-ui/markdown-editor\';\\n\\nconfigure({\\n  lang: \'ru\',\\n});\\n```\\n\\nDon\'t forget to call `configure()` from [UIKit](https://github.com/gravity-ui/uikit?tab=readme-ov-file#i18n) and other UI libraries.\\n\\n## Development\\n\\nTo start the dev storybook\\n\\n```shell\\nnpm start\\n```\\n","changelog":"# Changelog\\n\\n## [13.4.0](https://github.com/gravity-ui/markdown-editor/compare/v13.3.0...v13.4.0) (2024-07-15)\\n\\n\\n### Features\\n\\n* **YfmHtmlBlock:** added YfmHtmlBlock extension ([#281](https://github.com/gravity-ui/markdown-editor/issues/281)) ([1eb4d11](https://github.com/gravity-ui/markdown-editor/commit/1eb4d11f1f51668252d04da4f16900620a634894))\\n\\n## [13.3.0](https://github.com/gravity-ui/markdown-editor/compare/v13.2.0...v13.3.0) (2024-07-15)\\n\\n\\n### Features\\n\\n* **bundle:** prevent loss of focus after pressing tab or shift+tab ([#287](https://github.com/gravity-ui/markdown-editor/issues/287)) ([63feec2](https://github.com/gravity-ui/markdown-editor/commit/63feec2ffbe46d540f9003698be887511f84f725))\\n* pass extra codemirror extensions ([#289](https://github.com/gravity-ui/markdown-editor/issues/289)) ([4996b12](https://github.com/gravity-ui/markdown-editor/commit/4996b122da55a9505af591353d33484af30b66d9))\\n\\n\\n### Bug Fixes\\n\\n* **markup:** insert tab when selection is empty ([#286](https://github.com/gravity-ui/markdown-editor/issues/286)) ([cba9f28](https://github.com/gravity-ui/markdown-editor/commit/cba9f286ba7def9211a3038b263c6c7c779541d3))\\n\\n## [13.2.0](https://github.com/gravity-ui/markdown-editor/compare/v13.1.2...v13.2.0) (2024-07-10)\\n\\n\\n### Features\\n\\n* **SelectionContext:** support for hiding menu items when action in selection menu is disabled ([#283](https://github.com/gravity-ui/markdown-editor/issues/283)) ([6948cc4](https://github.com/gravity-ui/markdown-editor/commit/6948cc49d4f3208382572d95157b67612a8d9255))\\n* **YfmHeading:** support folding attribute ([#285](https://github.com/gravity-ui/markdown-editor/issues/285)) ([100a548](https://github.com/gravity-ui/markdown-editor/commit/100a5488b3a8fde8489677d60cf36c049cf8515a))\\n\\n\\n### Bug Fixes\\n\\n* **markup:** add gravity theme to autocomplete snippet ([#279](https://github.com/gravity-ui/markdown-editor/issues/279)) ([0836bce](https://github.com/gravity-ui/markdown-editor/commit/0836bcefdfcb86cf97ea6bb86cbed6a1e4d14262))\\n\\n## [13.1.2](https://github.com/gravity-ui/markdown-editor/compare/v13.1.1...v13.1.2) (2024-06-25)\\n\\n\\n### Bug Fixes\\n\\n* **Lists:** fixed merging of nested lists ([#276](https://github.com/gravity-ui/markdown-editor/issues/276)) ([2c435bd](https://github.com/gravity-ui/markdown-editor/commit/2c435bd42d603e97c6849e67538c5d7790660fe8))\\n* **Lists:** preserve markup of list items ([#278](https://github.com/gravity-ui/markdown-editor/issues/278)) ([70ee410](https://github.com/gravity-ui/markdown-editor/commit/70ee410f8eb52c93a601253fec8f68e233672899))\\n\\n## [13.1.1](https://github.com/gravity-ui/markdown-editor/compare/v13.1.0...v13.1.1) (2024-06-21)\\n\\n\\n### Bug Fixes\\n\\n* **YfmTable:** fix runtime error in table cell nodeView ([#274](https://github.com/gravity-ui/markdown-editor/issues/274)) ([15e0cd4](https://github.com/gravity-ui/markdown-editor/commit/15e0cd4fbbfe3bd75a0138daf5b98e949f602a2a))\\n\\n## [13.1.0](https://github.com/gravity-ui/markdown-editor/compare/v13.0.0...v13.1.0) (2024-06-10)\\n\\n\\n### Features\\n\\n* add i18n submodule ([#270](https://github.com/gravity-ui/markdown-editor/issues/270)) ([23f71f1](https://github.com/gravity-ui/markdown-editor/commit/23f71f1374cad86ed30c6961d8188b38a67dd887))\\n* **deps:** update prosemirror dependencies ([#272](https://github.com/gravity-ui/markdown-editor/issues/272)) ([c1ae1e2](https://github.com/gravity-ui/markdown-editor/commit/c1ae1e272a51779258b818bdd2fcdfcf173d4338))\\n\\n## [13.0.0](https://github.com/gravity-ui/markdown-editor/compare/v12.4.0...v13.0.0) (2024-06-07)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* transfer connection of markdown-it-attrs plugin to YfmConfigs extension ([#263](https://github.com/gravity-ui/markdown-editor/issues/263))\\n* **bundle:** rename editorType ––> editorMode ([#260](https://github.com/gravity-ui/markdown-editor/issues/260))\\n* **bundle:** rename yfm ––> markdown in variable and file names ([#259](https://github.com/gravity-ui/markdown-editor/issues/259))\\n* **bundle:** remove deprecated YfmEditor component ([#258](https://github.com/gravity-ui/markdown-editor/issues/258))\\n* change package name ([#254](https://github.com/gravity-ui/markdown-editor/issues/254))\\n* rename yfm -> md in core and dependent modules ([#249](https://github.com/gravity-ui/markdown-editor/issues/249))\\n* update markup mode to codemirror6 ([#234](https://github.com/gravity-ui/markdown-editor/issues/234))\\n\\n### Features\\n\\n* add editor presets ([#265](https://github.com/gravity-ui/markdown-editor/issues/265)) ([a2d8153](https://github.com/gravity-ui/markdown-editor/commit/a2d815346b230ae1d593fe499dd76f7e7b4f14d3))\\n* add g-md-editor classname to editor dom elem, change default prefix for internal classnames ([#257](https://github.com/gravity-ui/markdown-editor/issues/257)) ([82b42ce](https://github.com/gravity-ui/markdown-editor/commit/82b42ceb1d8e450b3697c98c9b8b4a2210beb085))\\n* add re-export from bundle to root export ([#267](https://github.com/gravity-ui/markdown-editor/issues/267)) ([86fcb00](https://github.com/gravity-ui/markdown-editor/commit/86fcb00f776edaf022e620b21c03bdb6285e9f34))\\n* add re-export of codemirror core modules ([#266](https://github.com/gravity-ui/markdown-editor/issues/266)) ([9ccf3b1](https://github.com/gravity-ui/markdown-editor/commit/9ccf3b1a6d0207c0587ffda58f84318670993e3b))\\n* **bundle:** remove deprecated YfmEditor component ([#258](https://github.com/gravity-ui/markdown-editor/issues/258)) ([db3749a](https://github.com/gravity-ui/markdown-editor/commit/db3749ae150686a33ee1b07ce8b5129535dca292))\\n* **bundle:** rename editorType ––&gt; editorMode ([#260](https://github.com/gravity-ui/markdown-editor/issues/260)) ([bd0afe8](https://github.com/gravity-ui/markdown-editor/commit/bd0afe8093120d27857d553d149f81676dc55634))\\n* **bundle:** rename yfm ––&gt; markdown in variable and file names ([#259](https://github.com/gravity-ui/markdown-editor/issues/259)) ([c63381f](https://github.com/gravity-ui/markdown-editor/commit/c63381f6990a1f1bd6b708f09f31ae38e46c9c83))\\n* change package name ([#254](https://github.com/gravity-ui/markdown-editor/issues/254)) ([85cc2af](https://github.com/gravity-ui/markdown-editor/commit/85cc2affc4b52a3dacfd02995e5d8e02221fe260))\\n* **Lists:** add auto merging of adjacent list of same type ([#241](https://github.com/gravity-ui/markdown-editor/issues/241)) ([c02de80](https://github.com/gravity-ui/markdown-editor/commit/c02de80168cdc492106efc34c6485a0002feb165))\\n* **note, tabs:** added leave block logic for second enter ([#248](https://github.com/gravity-ui/markdown-editor/issues/248)) ([ed8ba66](https://github.com/gravity-ui/markdown-editor/commit/ed8ba6617d20ed7e7a31034a1e94697a4f4dc55d))\\n* rename yfm -&gt; md in core and dependent modules ([#249](https://github.com/gravity-ui/markdown-editor/issues/249)) ([e12abda](https://github.com/gravity-ui/markdown-editor/commit/e12abdaef26a1c5624183cdfae40c61bdf5e5e91))\\n* transfer connection of markdown-it-attrs plugin to YfmConfigs extension ([#263](https://github.com/gravity-ui/markdown-editor/issues/263)) ([2816c18](https://github.com/gravity-ui/markdown-editor/commit/2816c18f2176edccb9e3523ecbf1dad76105da5a))\\n* update markup mode to codemirror6 ([#234](https://github.com/gravity-ui/markdown-editor/issues/234)) ([5b416b2](https://github.com/gravity-ui/markdown-editor/commit/5b416b295396ff3791192ecbd45f842f6294cfd7))\\n\\n\\n### Bug Fixes\\n\\n* **CodeBlock:** Fixed code insert ([#251](https://github.com/gravity-ui/markdown-editor/issues/251)) ([df9848e](https://github.com/gravity-ui/markdown-editor/commit/df9848eb23c045f87803444db2bbb1b7a645022c))\\n* don\'t split code_block in lists when pressing enter key ([#243](https://github.com/gravity-ui/markdown-editor/issues/243)) ([c494301](https://github.com/gravity-ui/markdown-editor/commit/c4943018be617bdfc8eaf7024e792937a8e56411))\\n* **forms:** deleted unused iframe_ keysets ([#242](https://github.com/gravity-ui/markdown-editor/issues/242)) ([e6d6ba4](https://github.com/gravity-ui/markdown-editor/commit/e6d6ba443db4856036d0d637a0cf50cd4894e7e8))\\n* **ImageForm:** updated autofocus logic, added useAutoFocus ([#245](https://github.com/gravity-ui/markdown-editor/issues/245)) ([c4da6bd](https://github.com/gravity-ui/markdown-editor/commit/c4da6bd98a6279dc9a2326f304d0a3a99cc39480))\\n* **Link:** ascape parentheses in link url ([#244](https://github.com/gravity-ui/markdown-editor/issues/244)) ([046dd2e](https://github.com/gravity-ui/markdown-editor/commit/046dd2e21265958e56b594e897f475a47e8f39ee))\\n* **react-utils:** fix for useNodeEditing and useNodeHover hooks ([#239](https://github.com/gravity-ui/markdown-editor/issues/239)) ([48d018d](https://github.com/gravity-ui/markdown-editor/commit/48d018d05de01ab30b75cc0cc03b36a99c5f5e83))\\n\\n## [12.4.0](https://github.com/yandex-cloud/yfm-editor/compare/v12.3.0...v12.4.0) (2024-04-19)\\n\\n\\n### Features\\n\\n* **BaseKeymap:** remove keymap for joinUp and joinDown commands ([#233](https://github.com/yandex-cloud/yfm-editor/issues/233)) ([c34ef8a](https://github.com/yandex-cloud/yfm-editor/commit/c34ef8ab7b02cb02feee3c8896844c896a744271))\\n* **toolbar, bundle:** add ToolbarButtonPopup type and use it for link, image and file actions in murkup mode ([#228](https://github.com/yandex-cloud/yfm-editor/issues/228)) ([0040e2a](https://github.com/yandex-cloud/yfm-editor/commit/0040e2a0d1c91b39cf5c50a270abdc37d435d3af))\\n\\n\\n### Bug Fixes\\n\\n* fixed position of HelpPopover ([#230](https://github.com/yandex-cloud/yfm-editor/issues/230)) ([bb9c9b6](https://github.com/yandex-cloud/yfm-editor/commit/bb9c9b6ddf7056bb612124b460a6331bc632c281))\\n* **table-utils:** fix deleting columns in tables with nested tables ([#231](https://github.com/yandex-cloud/yfm-editor/issues/231)) ([64d81a6](https://github.com/yandex-cloud/yfm-editor/commit/64d81a65dc5ff245f543d68294328419dac9a01a))\\n* **YfmTableAdditions:** fix positioning of floating buttons of yfm-table ([#232](https://github.com/yandex-cloud/yfm-editor/issues/232)) ([52ef503](https://github.com/yandex-cloud/yfm-editor/commit/52ef503862c0ee1e59da4eccada71761bca247ec))\\n\\n## [12.3.0](https://github.com/yandex-cloud/yfm-editor/compare/v12.2.1...v12.3.0) (2024-04-17)\\n\\n\\n### Features\\n\\n* support button changes in uikit 6.11.0 ([#227](https://github.com/yandex-cloud/yfm-editor/issues/227)) ([cdbc022](https://github.com/yandex-cloud/yfm-editor/commit/cdbc022b9bb2275ffa5a96d46bdb206af88b618b))\\n* support uploading files dragged and dropped from device in markup mode ([#226](https://github.com/yandex-cloud/yfm-editor/issues/226)) ([c60f72e](https://github.com/yandex-cloud/yfm-editor/commit/c60f72e2d0a5b1285b10b5cee585b90a79177d04))\\n\\n\\n### Bug Fixes\\n\\n* do not apply input rule to text with code mark ([#224](https://github.com/yandex-cloud/yfm-editor/issues/224)) ([237c77c](https://github.com/yandex-cloud/yfm-editor/commit/237c77c3a096f80eb30b5be32672ed5944475409))\\n\\n## [12.2.1](https://github.com/yandex-cloud/yfm-editor/compare/v12.2.0...v12.2.1) (2024-04-09)\\n\\n\\n### Bug Fixes\\n\\n* added more exports to package.json ([#222](https://github.com/yandex-cloud/yfm-editor/issues/222)) ([87817ae](https://github.com/yandex-cloud/yfm-editor/commit/87817ae81291f284a9f2bde77df593216930ad59))\\n\\n## [12.2.0](https://github.com/yandex-cloud/yfm-editor/compare/v12.1.0...v12.2.0) (2024-04-08)\\n\\n\\n### Features\\n\\n* **Checkbox:** improve checkbox insertion ([#220](https://github.com/yandex-cloud/yfm-editor/issues/220)) ([cbcebf3](https://github.com/yandex-cloud/yfm-editor/commit/cbcebf3f60c8a8583422499b146b61dcb7cb07de))\\n* **HorizontalRule:** improve horizontal line insertion ([#218](https://github.com/yandex-cloud/yfm-editor/issues/218)) ([71813a2](https://github.com/yandex-cloud/yfm-editor/commit/71813a294e97fd1e5262da043a4d20dfccf9a8dc))\\n\\n\\n### Bug Fixes\\n\\n* fixed `typesVersions` field in package.json ([#221](https://github.com/yandex-cloud/yfm-editor/issues/221)) ([66dbcc5](https://github.com/yandex-cloud/yfm-editor/commit/66dbcc5fbc0fc0193b478f708c6676a4d91d0594))\\n\\n## [12.1.0](https://github.com/yandex-cloud/yfm-editor/compare/v12.0.1...v12.1.0) (2024-04-05)\\n\\n\\n### Features\\n\\n* added colors from uikit, added nore exports ([#216](https://github.com/yandex-cloud/yfm-editor/issues/216)) ([feefd82](https://github.com/yandex-cloud/yfm-editor/commit/feefd820a8051c45f08ce9e6cd337f4844a864dc))\\n* support uploading files dragged and dropped from device ([#214](https://github.com/yandex-cloud/yfm-editor/issues/214)) ([3367f4b](https://github.com/yandex-cloud/yfm-editor/commit/3367f4b83143d6b370e08d931cfdbabf393788d5))\\n\\n## [12.0.1](https://github.com/yandex-cloud/yfm-editor/compare/v12.0.0...v12.0.1) (2024-04-04)\\n\\n\\n### Bug Fixes\\n\\n* fixed style, exports and typings after adding more functionality ([#213](https://github.com/yandex-cloud/yfm-editor/issues/213)) ([ad320a7](https://github.com/yandex-cloud/yfm-editor/commit/ad320a7dfed28d94c578a39296208cfabdd9e668))\\n* **LinkEnhance:** show creation widget when create link with whitespaces at end of selected text ([#211](https://github.com/yandex-cloud/yfm-editor/issues/211)) ([978a828](https://github.com/yandex-cloud/yfm-editor/commit/978a828784ed829689a3266f14bbf4b325530bba))\\n* **Placeholder:** fixed issue with displaying a fake cursor in Safari ([#212](https://github.com/yandex-cloud/yfm-editor/issues/212)) ([c9c6fb5](https://github.com/yandex-cloud/yfm-editor/commit/c9c6fb581ac00198504c9d8425b3656c924e3fdd))\\n* **SelectionContext:** dont show selection menu until mouse is pressed ([#209](https://github.com/yandex-cloud/yfm-editor/issues/209)) ([cde768c](https://github.com/yandex-cloud/yfm-editor/commit/cde768c66c291970b4b7104b38fce1be3b3fb613))\\n\\n## [12.0.0](https://github.com/yandex-cloud/yfm-editor/compare/v11.0.0...v12.0.0) (2024-03-26)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* added more functionality ([#207](https://github.com/yandex-cloud/yfm-editor/issues/207))\\n\\n### Features\\n\\n* added more functionality ([#207](https://github.com/yandex-cloud/yfm-editor/issues/207)) ([de54991](https://github.com/yandex-cloud/yfm-editor/commit/de549914279be23f6b45dda50aec5ba7fdb7c439))\\n\\n## [11.0.0](https://github.com/yandex-cloud/yfm-editor/compare/v10.2.3...v11.0.0) (2024-03-04)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update @gravity-ui/uikit to verison 6 ([#205](https://github.com/yandex-cloud/yfm-editor/issues/205))\\n\\n### Features\\n\\n* update @gravity-ui/uikit to verison 6 ([#205](https://github.com/yandex-cloud/yfm-editor/issues/205)) ([7cf7347](https://github.com/yandex-cloud/yfm-editor/commit/7cf7347740392e53520d9940d753c6a9cf356421))\\n\\n## [10.2.3](https://github.com/yandex-cloud/yfm-editor/compare/v10.2.2...v10.2.3) (2024-03-01)\\n\\n\\n### Bug Fixes\\n\\n* **Clipboard:** copy only text content from codeblock ([#204](https://github.com/yandex-cloud/yfm-editor/issues/204)) ([67e55fc](https://github.com/yandex-cloud/yfm-editor/commit/67e55fc1bbe1b52cf407a340efbd43534c0957c8))\\n* **CodeBlock:** fixed parsing of language from token.info and added support for different code_block markup ([#202](https://github.com/yandex-cloud/yfm-editor/issues/202)) ([85509ff](https://github.com/yandex-cloud/yfm-editor/commit/85509ff30bf91b3ec9afa6b0f987f45f3f6ebf7f))\\n\\n## [10.2.2](https://github.com/yandex-cloud/yfm-editor/compare/v10.2.1...v10.2.2) (2024-02-22)\\n\\n\\n### Bug Fixes\\n\\n* **Table:** correct serialization of the table inside blockquote ([#199](https://github.com/yandex-cloud/yfm-editor/issues/199)) ([9d27a3f](https://github.com/yandex-cloud/yfm-editor/commit/9d27a3fcf381894c009b676916911d3fc232eb95))\\n* **YfmTabs:** correct serialization of yfm-tabs inside blockqoute ([#201](https://github.com/yandex-cloud/yfm-editor/issues/201)) ([e2f5d27](https://github.com/yandex-cloud/yfm-editor/commit/e2f5d2792f1646eae48252bca3bb26e7831bd27b))\\n\\n## [10.2.1](https://github.com/yandex-cloud/yfm-editor/compare/v10.2.0...v10.2.1) (2024-02-20)\\n\\n\\n### Bug Fixes\\n\\n* **Math:** allow to modify dom-attributes of math nodes ([#197](https://github.com/yandex-cloud/yfm-editor/issues/197)) ([c7fd967](https://github.com/yandex-cloud/yfm-editor/commit/c7fd96764e61f4d086b431c87901f0ed2331c8ba))\\n\\n## [10.2.0](https://github.com/yandex-cloud/yfm-editor/compare/v10.1.0...v10.2.0) (2024-02-20)\\n\\n\\n### Features\\n\\n* adding a link to image when pasting a link on selected image node ([#194](https://github.com/yandex-cloud/yfm-editor/issues/194)) ([c64dd68](https://github.com/yandex-cloud/yfm-editor/commit/c64dd68e4b46551903894d73fdae9a13e99b2d89))\\n* option to not highlighting active list button and toParagraph action improvement ([#196](https://github.com/yandex-cloud/yfm-editor/issues/196)) ([35d0219](https://github.com/yandex-cloud/yfm-editor/commit/35d0219b8414ec210c5442497f24ba982c512991))\\n\\n## [10.1.0](https://github.com/yandex-cloud/yfm-editor/compare/v10.0.0...v10.1.0) (2024-02-16)\\n\\n\\n### Features\\n\\n* heading button that resets heading back to paragraph ([#190](https://github.com/yandex-cloud/yfm-editor/issues/190)) ([475c879](https://github.com/yandex-cloud/yfm-editor/commit/475c87942897e775f6a8dd922373aa0f746879f7))\\n* **toolbar:** add property to show custom hint when action is disabled ([#193](https://github.com/yandex-cloud/yfm-editor/issues/193)) ([f08366a](https://github.com/yandex-cloud/yfm-editor/commit/f08366a2efcd1564ad01fcd6add3af80a411e8b1))\\n* **YfmCut:** add border to editable yfm-cut nodes ([#189](https://github.com/yandex-cloud/yfm-editor/issues/189)) ([03a1ad2](https://github.com/yandex-cloud/yfm-editor/commit/03a1ad257b4439ec2b30339ff7d13bc45feb8839))\\n* **YfmCut:** improve the behavior when creating yfm-cut ([#191](https://github.com/yandex-cloud/yfm-editor/issues/191)) ([67c2300](https://github.com/yandex-cloud/yfm-editor/commit/67c230025cea5c763d7754e7805c1b4783c23db7))\\n* **YfmTabs:** change text color of yfm-tabs tab placeholder ([#192](https://github.com/yandex-cloud/yfm-editor/issues/192)) ([42be1aa](https://github.com/yandex-cloud/yfm-editor/commit/42be1aa7bc89a3a194da82e3f31efd57030487be))\\n\\n\\n### Bug Fixes\\n\\n* **deps:** add markdown-it-attrs to deps ([#187](https://github.com/yandex-cloud/yfm-editor/issues/187)) ([21fdd74](https://github.com/yandex-cloud/yfm-editor/commit/21fdd74e3cdc2566e5cb49543014392da3afb07d))\\n\\n## [10.0.0](https://github.com/yandex-cloud/yfm-editor/compare/v9.3.1...v10.0.0) (2024-02-06)\\n\\n### ⚠ BREAKING CHANGES\\n\\n* feat!: use diplodoc/latex-extension instead of markdown-it-katex ([#184](https://github.com/yandex-cloud/yfm-editor/issues/184))\\n  > - added packages to peerDependencies: `@diplodoc/latex-extension`, `katex`, `markdown-it`\\n  > - editor\'s Math extension now use `@diplodoc/latex-extension` instead of `markdown-it-katex`\\n  > - Math extension removed from YfmPreset/YfmSpecsPreset and package root export\\n  > - added options to Math extension\\n  >\\n  > Example of using a Math extension:\\n  >\\n  > ```js\\n  > import {Math} from \'@doc-tools/yfm-editor/_/extensions/yfm/Math\';\\n  >\\n  > // ...\\n  >\\n  > builder.use(Math, {\\n  > // required\\n  > loadRuntimeScript: async () => {\\n  >     await Promise.all([\\n  >     import(\'@diplodoc/latex-extension/runtime\'),\\n  >     import(\'@diplodoc/latex-extension/runtime/styles\'),\\n  >     ]);\\n  > },\\n  > // optional; if you need custom sanitizing\\n  > sanitize: (html) => /* sanitize html */ html,\\n  > // optional; options to be passed to katex\\n  > katexOptions: {},\\n  > });\\n  > ```\\n\\n### Features\\n\\n* feat!: use diplodoc/latex-extension instead of markdown-it-katex ([#184](https://github.com/yandex-cloud/yfm-editor/issues/184)) ([80ad40f](https://github.com/yandex-cloud/yfm-editor/commit/80ad40f822a92eebc7215a6adb21f1f1007f32c8))\\n\\n### Bug Fixes\\n\\n* **YfmCut:** reduce code duplication ([#185](https://github.com/yandex-cloud/yfm-editor/issues/185)) ([76974ce](https://github.com/yandex-cloud/yfm-editor/commit/76974ceede9d2345980b7d11dcd6dc3deccf3b49))\\n\\n## [9.3.1](https://github.com/yandex-cloud/yfm-editor/compare/v9.3.0...v9.3.1) (2024-02-01)\\n\\n\\n### Bug Fixes\\n\\n* increased priority of list keymap ([#182](https://github.com/yandex-cloud/yfm-editor/issues/182)) ([96fed08](https://github.com/yandex-cloud/yfm-editor/commit/96fed08bdb1841ea81979bcff6d805ee9323bf15))\\n\\n## [9.3.0](https://github.com/yandex-cloud/yfm-editor/compare/v9.2.0...v9.3.0) (2024-01-26)\\n\\n\\n### Features\\n\\n* **core:** allow to parse blocks with noCloseToken=true with content from children tokens ([#180](https://github.com/yandex-cloud/yfm-editor/issues/180)) ([d362717](https://github.com/yandex-cloud/yfm-editor/commit/d36271755e96a0807bcf64d75014a4fc6f599f78))\\n\\n## [9.2.0](https://github.com/yandex-cloud/yfm-editor/compare/v9.1.1...v9.2.0) (2024-01-25)\\n\\n\\n### Features\\n\\n* add re-export of markdown-it plugins ([#179](https://github.com/yandex-cloud/yfm-editor/issues/179)) ([affd462](https://github.com/yandex-cloud/yfm-editor/commit/affd462578a1a4158fd209fbddcdc3d1c6806dc3))\\n* added ability to pass marks to updateAttributes method of ReactNodeView ([#177](https://github.com/yandex-cloud/yfm-editor/issues/177)) ([93e63de](https://github.com/yandex-cloud/yfm-editor/commit/93e63de452f1743a99e5e60ab3364cc84bccb9e0))\\n\\n## [9.1.1](https://github.com/yandex-cloud/yfm-editor/compare/v9.1.0...v9.1.1) (2023-12-26)\\n\\n\\n### Bug Fixes\\n\\n* update lint rules and remove import of lodash global object ([#175](https://github.com/yandex-cloud/yfm-editor/issues/175)) ([64c83fb](https://github.com/yandex-cloud/yfm-editor/commit/64c83fb163906c7b3e390367023ee58f5f3da5ea))\\n\\n## [9.1.0](https://github.com/yandex-cloud/yfm-editor/compare/v9.0.0...v9.1.0) (2023-12-21)\\n\\n\\n### Features\\n\\n* add core submodule to package exports ([#171](https://github.com/yandex-cloud/yfm-editor/issues/171)) ([2c967b5](https://github.com/yandex-cloud/yfm-editor/commit/2c967b5e5340766fbf0f0b642e3a106d9fba5d62))\\n* add re-export of prosemirror-test-builder ([#174](https://github.com/yandex-cloud/yfm-editor/issues/174)) ([6eaf21b](https://github.com/yandex-cloud/yfm-editor/commit/6eaf21b26980d5348c385087c8f8f79bac2c575b))\\n* update prosemirror packages ([#173](https://github.com/yandex-cloud/yfm-editor/issues/173)) ([bee420d](https://github.com/yandex-cloud/yfm-editor/commit/bee420d7af377a21146b8106eecacc156efcb83b))\\n\\n## [9.0.0](https://github.com/yandex-cloud/yfm-editor/compare/v8.2.1...v9.0.0) (2023-12-20)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* add package exports ([#169](https://github.com/yandex-cloud/yfm-editor/issues/169))\\n\\n### Features\\n\\n* add package exports ([#169](https://github.com/yandex-cloud/yfm-editor/issues/169)) ([b312dc7](https://github.com/yandex-cloud/yfm-editor/commit/b312dc7934890c8304815d0f6e461d8f280812b3))\\n\\n## [8.2.1](https://github.com/yandex-cloud/yfm-editor/compare/v8.2.0...v8.2.1) (2023-12-18)\\n\\n\\n### Bug Fixes\\n\\n* wrong position when adding new row ([#167](https://github.com/yandex-cloud/yfm-editor/issues/167)) ([a40557a](https://github.com/yandex-cloud/yfm-editor/commit/a40557ac3873b7a7de538d796adc43d4a1260c15))\\n\\n## [8.2.0](https://github.com/yandex-cloud/yfm-editor/compare/v8.1.0...v8.2.0) (2023-12-11)\\n\\n\\n### Features\\n\\n* support image loading attribute ([#165](https://github.com/yandex-cloud/yfm-editor/issues/165)) ([6750a3f](https://github.com/yandex-cloud/yfm-editor/commit/6750a3f654775b6244846b28d171202832970ae1))\\n\\n## [8.1.0](https://github.com/yandex-cloud/yfm-editor/compare/v8.0.0...v8.1.0) (2023-12-07)\\n\\n\\n### Features\\n\\n* added a node view for rendering react block ([#163](https://github.com/yandex-cloud/yfm-editor/issues/163)) ([67a325a](https://github.com/yandex-cloud/yfm-editor/commit/67a325a048694dd44ce1e5da8b408e4c79ce70eb))\\n\\n## [8.0.0](https://github.com/yandex-cloud/yfm-editor/compare/v7.2.0...v8.0.0) (2023-12-01)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* content node for yfm note ([#161](https://github.com/yandex-cloud/yfm-editor/issues/161))\\n\\n### Features\\n\\n* content node for yfm note ([#161](https://github.com/yandex-cloud/yfm-editor/issues/161)) ([6566d78](https://github.com/yandex-cloud/yfm-editor/commit/6566d78460f93dea8b0378d044fff56250ed64ba))\\n\\n## [7.2.0](https://github.com/yandex-cloud/yfm-editor/compare/v7.1.0...v7.2.0) (2023-11-20)\\n\\n\\n### Features\\n\\n* **YfmTabs:** auto-switching tabs in yfm-tabs when dragging over it ([#157](https://github.com/yandex-cloud/yfm-editor/issues/157)) ([c4fdcbc](https://github.com/yandex-cloud/yfm-editor/commit/c4fdcbc65e0d3a4cde44fa6f748411feff32da4a))\\n\\n\\n### Bug Fixes\\n\\n* improvements for toolbar hidden actions ([#155](https://github.com/yandex-cloud/yfm-editor/issues/155)) ([d15839b](https://github.com/yandex-cloud/yfm-editor/commit/d15839b3dd04b5ea917f4ae86a03cad25a2f1fd4))\\n\\n## [7.1.0](https://github.com/yandex-cloud/yfm-editor/compare/v7.0.0...v7.1.0) (2023-11-17)\\n\\n\\n### Features\\n\\n* **YfmCut:** auto-opening yfm-cut when dragging over it ([#152](https://github.com/yandex-cloud/yfm-editor/issues/152)) ([a7612c3](https://github.com/yandex-cloud/yfm-editor/commit/a7612c3118866709a225db391ac999118c2a7ec9))\\n* Add data-line attrs support for heading and paragraph ([#152](https://github.com/yandex-cloud/yfm-editor/issues/158))\\n\\n## [7.0.0](https://github.com/yandex-cloud/yfm-editor/compare/v6.7.0...v7.0.0) (2023-11-09)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* replace @doc-tools/transform@3.10.2 with @diplodoc/transform@4.2.1 ([#151](https://github.com/yandex-cloud/yfm-editor/issues/151))\\n\\n### Features\\n\\n* replace @doc-tools/transform@3.10.2 with @diplodoc/transform@4.2.1 ([#151](https://github.com/yandex-cloud/yfm-editor/issues/151)) ([b6c0c73](https://github.com/yandex-cloud/yfm-editor/commit/b6c0c73b5747a1f1424bb172d14bd510579a61d3))\\n\\n## [6.7.0](https://github.com/yandex-cloud/yfm-editor/compare/v6.6.0...v6.7.0) (2023-10-31)\\n\\n\\n### Features\\n\\n* **Breaks:** parse &lt;br/&gt; to preffered break ([#147](https://github.com/yandex-cloud/yfm-editor/issues/147)) ([8253496](https://github.com/yandex-cloud/yfm-editor/commit/82534968f743b37449ef38f411bc6cbfe054a692))\\n* **Breaks:** replace double breaks with new paragraph ([#149](https://github.com/yandex-cloud/yfm-editor/issues/149)) ([2189de1](https://github.com/yandex-cloud/yfm-editor/commit/2189de1579be45656a1237663f08f86254746a21))\\n\\n\\n### Bug Fixes\\n\\n* **toolbar:** correct calc of actions to show in presence of hiddenActions ([#150](https://github.com/yandex-cloud/yfm-editor/issues/150)) ([f91113d](https://github.com/yandex-cloud/yfm-editor/commit/f91113dcc2a204109997b43c040eee412adbe829))\\n\\n## [6.6.0](https://github.com/yandex-cloud/yfm-editor/compare/v6.5.0...v6.6.0) (2023-10-27)\\n\\n\\n### Features\\n\\n* add options for placeholders ([#141](https://github.com/yandex-cloud/yfm-editor/issues/141)) ([875d025](https://github.com/yandex-cloud/yfm-editor/commit/875d0256f23565c3f81714d29fff25ba23a7d950))\\n\\n## [6.5.0](https://github.com/yandex-cloud/yfm-editor/compare/v6.4.0...v6.5.0) (2023-10-26)\\n\\n\\n### Features\\n\\n* ability to add hidden action to toolbar ([#144](https://github.com/yandex-cloud/yfm-editor/issues/144)) ([d100d9b](https://github.com/yandex-cloud/yfm-editor/commit/d100d9bd8ef95a350b3d169c4cd288c92f0a768e))\\n\\n## [6.4.0](https://github.com/yandex-cloud/yfm-editor/compare/v6.3.0...v6.4.0) (2023-10-25)\\n\\n\\n### Features\\n\\n* **CodeBlock:** add custom tab key press handling in the codeblock ([fb3284c](https://github.com/yandex-cloud/yfm-editor/commit/fb3284c45bb980b9b86be73caa3a0179fad78203))\\n* **CodeBlock:** do not select codeblock node when clicking on it ([67bad99](https://github.com/yandex-cloud/yfm-editor/commit/67bad99b18e6216e6e066810dc6700fc9d9f5a0c))\\n\\n## [6.3.0](https://github.com/yandex-cloud/yfm-editor/compare/v6.2.0...v6.3.0) (2023-10-10)\\n\\n\\n### Features\\n\\n* **Color:** add parseDOM rules to specs ([#137](https://github.com/yandex-cloud/yfm-editor/issues/137)) ([198f805](https://github.com/yandex-cloud/yfm-editor/commit/198f8059878d2970d2eee62918868232d4195e46))\\n\\n\\n### Bug Fixes\\n\\n* correct parsing of `\\\\n` in inline code ([#135](https://github.com/yandex-cloud/yfm-editor/issues/135)) ([ebf37d7](https://github.com/yandex-cloud/yfm-editor/commit/ebf37d71488afa554031af349fa5d835f92ee08c))\\n* selected node styles appear only if ProseMirror is focused ([#138](https://github.com/yandex-cloud/yfm-editor/issues/138)) ([dd873de](https://github.com/yandex-cloud/yfm-editor/commit/dd873deae5f87cc80045067bd2a50934f2589ee5))\\n* trying to add a row or column to an outer table caused it to be added into inner one ([#139](https://github.com/yandex-cloud/yfm-editor/issues/139)) ([41d4a46](https://github.com/yandex-cloud/yfm-editor/commit/41d4a46fad15e77368d08eeee231f5486faf2f9a))\\n\\n## [6.2.0](https://github.com/yandex-cloud/yfm-editor/compare/v6.1.4...v6.2.0) (2023-09-29)\\n\\n\\n### Features\\n\\n* add esbuild compatability tests ([#125](https://github.com/yandex-cloud/yfm-editor/issues/125)) ([58e1135](https://github.com/yandex-cloud/yfm-editor/commit/58e113597e34cf9c779eb0a241023945b469e3c7))\\n\\n\\n### Bug Fixes\\n\\n* remove ambiguous export ([#134](https://github.com/yandex-cloud/yfm-editor/issues/134)) ([3a276e8](https://github.com/yandex-cloud/yfm-editor/commit/3a276e84202ad01b847f609526166e5ec498739f))\\n\\n## [6.1.4](https://github.com/yandex-cloud/yfm-editor/compare/v6.1.3...v6.1.4) (2023-09-25)\\n\\n\\n### Bug Fixes\\n\\n* **YfmTabs:** fix tab-panel content spec ([#131](https://github.com/yandex-cloud/yfm-editor/issues/131)) ([4e61d57](https://github.com/yandex-cloud/yfm-editor/commit/4e61d574346e488a02cb671585c17fdb3cf0efb8))\\n\\n## [6.1.3](https://github.com/yandex-cloud/yfm-editor/compare/v6.1.2...v6.1.3) (2023-09-23)\\n\\n\\n### Bug Fixes\\n\\n* replace require() with esm import ([#129](https://github.com/yandex-cloud/yfm-editor/issues/129)) ([fcb3422](https://github.com/yandex-cloud/yfm-editor/commit/fcb3422e58367f0cf638551773fc5ad49b1f7937))\\n\\n## [6.1.2](https://github.com/yandex-cloud/yfm-editor/compare/v6.1.1...v6.1.2) (2023-09-20)\\n\\n\\n### Bug Fixes\\n\\n* import lodash methods directly ([#126](https://github.com/yandex-cloud/yfm-editor/issues/126)) ([16c423b](https://github.com/yandex-cloud/yfm-editor/commit/16c423ba01c244ee892fd6b5799b79343dbe235c))\\n\\n## [6.1.1](https://github.com/yandex-cloud/yfm-editor/compare/v6.1.0...v6.1.1) (2023-09-04)\\n\\n\\n### Bug Fixes\\n\\n* new attributes when creating tabs ([#123](https://github.com/yandex-cloud/yfm-editor/issues/123)) ([592fcdf](https://github.com/yandex-cloud/yfm-editor/commit/592fcdfc82da7b60563e63f0d2879a3e64686754))\\n\\n## [6.1.0](https://github.com/yandex-cloud/yfm-editor/compare/v6.0.0...v6.1.0) (2023-09-04)\\n\\n\\n### Features\\n\\n* upd @doc-tools/transform ([#121](https://github.com/yandex-cloud/yfm-editor/issues/121)) ([96c6c9b](https://github.com/yandex-cloud/yfm-editor/commit/96c6c9b8bcd61a66c816abe4aba055fd8f6a32ec))\\n\\n## [6.0.0](https://github.com/yandex-cloud/yfm-editor/compare/v5.6.0...v6.0.0) (2023-07-28)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update to uikit@5, node@18, storybook@7; remove assets ([#116](https://github.com/yandex-cloud/yfm-editor/issues/116))\\n\\n### Features\\n\\n* update to uikit@5, node@18, storybook@7; remove assets ([#116](https://github.com/yandex-cloud/yfm-editor/issues/116)) ([01e021f](https://github.com/yandex-cloud/yfm-editor/commit/01e021fcce856b6f47cb40442473dcc90b78cce8))\\n\\n## [5.6.0](https://github.com/yandex-cloud/yfm-editor/compare/v5.5.1...v5.6.0) (2023-07-04)\\n\\n\\n### Features\\n\\n* tabs action ([#114](https://github.com/yandex-cloud/yfm-editor/issues/114)) ([ae45a72](https://github.com/yandex-cloud/yfm-editor/commit/ae45a729651eff01b31cab1a6ecdd03ccee9c215))\\n\\n## [5.5.1](https://github.com/yandex-cloud/yfm-editor/compare/v5.5.0...v5.5.1) (2023-06-29)\\n\\n\\n### Bug Fixes\\n\\n* **Deflist:** use internal isNodeSelection helper ([#112](https://github.com/yandex-cloud/yfm-editor/issues/112)) ([1eeb0c0](https://github.com/yandex-cloud/yfm-editor/commit/1eeb0c0752e5c6df59c89af7c0b0f1aa20abf116))\\n\\n## [5.5.0](https://github.com/yandex-cloud/yfm-editor/compare/v5.4.0...v5.5.0) (2023-06-29)\\n\\n\\n### Features\\n\\n* **deps:** support @doc-tools/transform@3 ([#110](https://github.com/yandex-cloud/yfm-editor/issues/110)) ([495ecf1](https://github.com/yandex-cloud/yfm-editor/commit/495ecf173d7098c553d621b2e426673d6cd66018))\\n\\n## [5.4.0](https://github.com/yandex-cloud/yfm-editor/compare/v5.3.0...v5.4.0) (2023-06-26)\\n\\n\\n### Features\\n\\n* add re-export serializeForClipboard function from prosemirror-view ([#107](https://github.com/yandex-cloud/yfm-editor/issues/107)) ([3574ea2](https://github.com/yandex-cloud/yfm-editor/commit/3574ea2cbaa5f97c08440946523ccfcfbe207a14))\\n* allow selection for list-item, heading and checkbox ([#109](https://github.com/yandex-cloud/yfm-editor/issues/109)) ([e0ade05](https://github.com/yandex-cloud/yfm-editor/commit/e0ade05fed9fc9d4caabd6cf4f1f3d7e727c10c4))\\n\\n## [5.3.0](https://github.com/yandex-cloud/yfm-editor/compare/v5.2.0...v5.3.0) (2023-06-16)\\n\\n\\n### Features\\n\\n* add logging keymap actions ([#106](https://github.com/yandex-cloud/yfm-editor/issues/106)) ([20a2657](https://github.com/yandex-cloud/yfm-editor/commit/20a2657cab3ac1ff5199a0a4c8335bf19b22de8b))\\n\\n\\n### Bug Fixes\\n\\n* escape whitespaces within superscript and subscript ([#104](https://github.com/yandex-cloud/yfm-editor/issues/104)) ([db35e5b](https://github.com/yandex-cloud/yfm-editor/commit/db35e5b13a6c7f9281927be1953a9e08b102969c))\\n\\n## [5.2.0](https://github.com/yandex-cloud/yfm-editor/compare/v5.1.0...v5.2.0) (2023-05-22)\\n\\n\\n### Features\\n\\n* **Math:** add background on hover ([#103](https://github.com/yandex-cloud/yfm-editor/issues/103)) ([ab869cd](https://github.com/yandex-cloud/yfm-editor/commit/ab869cd1deaf0315d9fc654bfec2414af97d397b))\\n* **Selecion:** support backspace action for fake paragraph ([#100](https://github.com/yandex-cloud/yfm-editor/issues/100)) ([efaa359](https://github.com/yandex-cloud/yfm-editor/commit/efaa359842228b06f510f48033b1b0a20a115832))\\n* **YfmCut:** add a border when hovering ([#102](https://github.com/yandex-cloud/yfm-editor/issues/102)) ([b316f08](https://github.com/yandex-cloud/yfm-editor/commit/b316f085f9d9cf8d68a4636ed5cd0fde0f13d0b4))\\n* **YfmCut:** allow inline nodes in cut title ([1408cee](https://github.com/yandex-cloud/yfm-editor/commit/1408cee299e3cb910d4bad9311f958f90e363b85))\\n* **YfmNote:** allow inline nodes in note title ([8b40679](https://github.com/yandex-cloud/yfm-editor/commit/8b40679b2a8e679cbdfaa90b3cd65b53bcaec6da))\\n\\n\\n### Bug Fixes\\n\\n* remove marks from breaks that are the last node inside that mark ([#101](https://github.com/yandex-cloud/yfm-editor/issues/101)) ([88c3d1a](https://github.com/yandex-cloud/yfm-editor/commit/88c3d1a9f3a26e8e401553fdd776c3ba6a272683))\\n\\n## [5.1.0](https://github.com/yandex-cloud/yfm-editor/compare/v5.0.0...v5.1.0) (2023-04-12)\\n\\n\\n### Features\\n\\n* improvements for tabs UX ([#93](https://github.com/yandex-cloud/yfm-editor/issues/93)) ([7d618c2](https://github.com/yandex-cloud/yfm-editor/commit/7d618c24f54f60196bd5e218c275a4957d03d000))\\n\\n\\n### Bug Fixes\\n\\n* **CodeBlock:** fix parsing and serialization of code and fence blocks ([#96](https://github.com/yandex-cloud/yfm-editor/issues/96)) ([4824813](https://github.com/yandex-cloud/yfm-editor/commit/4824813f15886e45797003cbb96893c4e5ef1141))\\n\\n## [5.0.0](https://github.com/yandex-cloud/yfm-editor/compare/v4.5.0...v5.0.0) (2023-04-11)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* **Math:** add math hints\\n\\n### Features\\n\\n* add i18n ([4e2c49c](https://github.com/yandex-cloud/yfm-editor/commit/4e2c49c5f4a562738724f0739b7de359e697c56e))\\n* add ReactRenderer extension ([d73eb8e](https://github.com/yandex-cloud/yfm-editor/commit/d73eb8e1afcf2dee3cc7c70f26ce99d9490dd681))\\n* **Blockquote:** support for joining the previous blockquote ([#90](https://github.com/yandex-cloud/yfm-editor/issues/90)) ([9d055c4](https://github.com/yandex-cloud/yfm-editor/commit/9d055c41ef5df17a505399968f7e5e186f09ed2c))\\n* **Lists:** support for joining the previous list ([#92](https://github.com/yandex-cloud/yfm-editor/issues/92)) ([3e38618](https://github.com/yandex-cloud/yfm-editor/commit/3e38618445165267979ab7489e1b0b5a338dad55))\\n* **Math:** add math hints ([9d7293d](https://github.com/yandex-cloud/yfm-editor/commit/9d7293d928a2604322489b8fede5d2b826a44153))\\n\\n## [4.5.0](https://github.com/yandex-cloud/yfm-editor/compare/v4.4.1...v4.5.0) (2023-03-21)\\n\\n\\n### Features\\n\\n* **Lists:** return true from toList command when selection is in list with current list type ([#88](https://github.com/yandex-cloud/yfm-editor/issues/88)) ([74dd90c](https://github.com/yandex-cloud/yfm-editor/commit/74dd90c99e62413172830728d37ce52eee610e33))\\n\\n\\n### Bug Fixes\\n\\n* improvements for checkbox behavior ([#87](https://github.com/yandex-cloud/yfm-editor/issues/87)) ([12d0702](https://github.com/yandex-cloud/yfm-editor/commit/12d070219f741f43c307fe8453ceef51cb9ad945))\\n\\n## [4.4.1](https://github.com/yandex-cloud/yfm-editor/compare/v4.4.0...v4.4.1) (2023-03-16)\\n\\n\\n### Bug Fixes\\n\\n* support react18 strict mode ([#85](https://github.com/yandex-cloud/yfm-editor/issues/85)) ([03832d6](https://github.com/yandex-cloud/yfm-editor/commit/03832d6a9fd5b89c43cca4f2ff093e828950beaa))\\n\\n## [4.4.0](https://github.com/yandex-cloud/yfm-editor/compare/v4.3.0...v4.4.0) (2023-03-13)\\n\\n\\n### Features\\n\\n* **deps:** support uikit@4 ([#82](https://github.com/yandex-cloud/yfm-editor/issues/82)) ([1964b59](https://github.com/yandex-cloud/yfm-editor/commit/1964b59602efca99aa1c86b948dd7fc8589c2171))\\n* **deps:** support react@18 ([#83](https://github.com/yandex-cloud/yfm-editor/issues/83)) ([f77b68b](https://github.com/yandex-cloud/yfm-editor/commit/f77b68b758e669709f185315dca5b5b7ba77d396))\\n\\n## [4.3.0](https://github.com/yandex-cloud/yfm-editor/compare/v4.2.0...v4.3.0) (2023-02-27)\\n\\n\\n### Features\\n\\n* move schema, parser and serializer specs to separate extensions ([#80](https://github.com/yandex-cloud/yfm-editor/issues/80)) ([38064ac](https://github.com/yandex-cloud/yfm-editor/commit/38064ac7f156cc8bf1d283b0b522818db4d73f71))\\n\\n\\n### Bug Fixes\\n\\n* optimisation for large tables ([#79](https://github.com/yandex-cloud/yfm-editor/issues/79)) ([bf8d961](https://github.com/yandex-cloud/yfm-editor/commit/bf8d96122187369e58098c2821ece146013ce4f6))\\n\\n## [4.2.0](https://github.com/yandex-cloud/yfm-editor/compare/v4.1.0...v4.2.0) (2023-02-15)\\n\\n\\n### Features\\n\\n* apllying codemark when typing text between backticks ([#75](https://github.com/yandex-cloud/yfm-editor/issues/75)) ([50560f2](https://github.com/yandex-cloud/yfm-editor/commit/50560f2c06d827f5069ad074631431e16b215521))\\n* **Clipboard:** get markup from html that has only text ([#78](https://github.com/yandex-cloud/yfm-editor/issues/78)) ([6a4628f](https://github.com/yandex-cloud/yfm-editor/commit/6a4628f6d06d14a445d507d8b2049d04c676a3ee))\\n* **HorizontalRule:** add input rules for horizontal line ([#77](https://github.com/yandex-cloud/yfm-editor/issues/77)) ([d11e9e0](https://github.com/yandex-cloud/yfm-editor/commit/d11e9e037b712fc8530956978674dc4afb3e2f4b))\\n\\n## [4.1.0](https://github.com/yandex-cloud/yfm-editor/compare/v4.0.1...v4.1.0) (2023-02-09)\\n\\n\\n### Features\\n\\n* add more items from Cursor and Selection extensions to root export ([#73](https://github.com/yandex-cloud/yfm-editor/issues/73)) ([8499232](https://github.com/yandex-cloud/yfm-editor/commit/8499232569e06dbd7257efa6a7ba1c58f3d16230))\\n* **Placeholder:** don\'t render placeholder when content is null ([#72](https://github.com/yandex-cloud/yfm-editor/issues/72)) ([a91d1cd](https://github.com/yandex-cloud/yfm-editor/commit/a91d1cd9bb35611c96b157179592f02e10e1aeee))\\n\\n## [4.0.1](https://github.com/yandex-cloud/yfm-editor/compare/v4.0.0...v4.0.1) (2023-02-07)\\n\\n\\n### Bug Fixes\\n\\n* **Selection:** fix creation of fake cursor on edges of blocks with flag gapcursor:false ([#71](https://github.com/yandex-cloud/yfm-editor/issues/71)) ([63dcdf2](https://github.com/yandex-cloud/yfm-editor/commit/63dcdf23142b31191da27117984d834864cf0ee0))\\n* **YfmCut:** allow editing of yfm-cut title ([#69](https://github.com/yandex-cloud/yfm-editor/issues/69)) ([b440844](https://github.com/yandex-cloud/yfm-editor/commit/b4408442386078be8356c3e577a51bb18771963a))\\n\\n## [4.0.0](https://github.com/yandex-cloud/yfm-editor/compare/v3.7.0...v4.0.0) (2023-02-01)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* **toolbar:** update @gravity-ui/uikit@3.18 and use Hotkey and ActionTooltip components in Toolbar ([#66](https://github.com/yandex-cloud/yfm-editor/issues/66))\\n* **Selection, Cursor:** rewrite code for fake-paragraph behaviour ([#65](https://github.com/yandex-cloud/yfm-editor/issues/65))\\n\\n### Features\\n\\n* **Selection, Cursor:** rewrite code for fake-paragraph behaviour ([#65](https://github.com/yandex-cloud/yfm-editor/issues/65)) ([991107a](https://github.com/yandex-cloud/yfm-editor/commit/991107a749d9572a414d39c4ce4af1231ee52386))\\n* **toolbar:** update @gravity-ui/uikit@3.18 and use Hotkey and ActionTooltip components in Toolbar ([#66](https://github.com/yandex-cloud/yfm-editor/issues/66)) ([c67453f](https://github.com/yandex-cloud/yfm-editor/commit/c67453f2cbcafd1fced0130d1b86fa77e6613c35))\\n\\n## [3.7.0](https://github.com/yandex-cloud/yfm-editor/compare/v3.6.0...v3.7.0) (2023-02-01)\\n\\n\\n### Features\\n\\n* parser and serializer props ([190384b](https://github.com/yandex-cloud/yfm-editor/commit/190384b7b9b3aa0a90975b98a8f7d60067d7d235))\\n* serialization of selection content when creating codeblock ([#67](https://github.com/yandex-cloud/yfm-editor/issues/67)) ([c170560](https://github.com/yandex-cloud/yfm-editor/commit/c170560df5f4669d9258726ca7ea273fda825dc7))\\n\\n\\n### Bug Fixes\\n\\n* **Placeholder:** create new decorations on every EditorProps.decorations() call ([#62](https://github.com/yandex-cloud/yfm-editor/issues/62)) ([e6a8320](https://github.com/yandex-cloud/yfm-editor/commit/e6a83206988834565226a33ae8ef265967c8a791))\\n\\n## [3.6.0](https://github.com/yandex-cloud/yfm-editor/compare/v3.5.0...v3.6.0) (2023-01-25)\\n\\n\\n### Features\\n\\n* improvements for tabs removement ([f21f6f5](https://github.com/yandex-cloud/yfm-editor/commit/f21f6f5d9818a1a8bd0faaa4f18a7c7a1008a5b6))\\n\\n## [3.5.0](https://github.com/yandex-cloud/yfm-editor/compare/v3.4.5...v3.5.0) (2023-01-24)\\n\\n\\n### Features\\n\\n* **Placeholder:** pass the parent node to the placeholder\'s content callback ([#59](https://github.com/yandex-cloud/yfm-editor/issues/59)) ([96cf1d3](https://github.com/yandex-cloud/yfm-editor/commit/96cf1d3b741fdabe9a39de5a93c1644f33acf786))\\n\\n## [3.4.5](https://github.com/yandex-cloud/yfm-editor/compare/v3.4.4...v3.4.5) (2023-01-24)\\n\\n\\n### Bug Fixes\\n\\n* **Clipboard:** replace require with es-import ([#57](https://github.com/yandex-cloud/yfm-editor/issues/57)) ([0347ed0](https://github.com/yandex-cloud/yfm-editor/commit/0347ed0556797670c25de9f207d8f8a68c381766))\\n\\n## [3.4.4](https://github.com/yandex-cloud/yfm-editor/compare/v3.4.3...v3.4.4) (2023-01-23)\\n\\n\\n### Bug Fixes\\n\\n* replace asterisk exports with named exports ([#55](https://github.com/yandex-cloud/yfm-editor/issues/55)) ([e46c512](https://github.com/yandex-cloud/yfm-editor/commit/e46c5129547bbfb6de989d2237e14643f46cbdd0))\\n\\n## [3.4.3](https://github.com/yandex-cloud/yfm-editor/compare/v3.4.2...v3.4.3) (2023-01-23)\\n\\n\\n### Bug Fixes\\n\\n* add missing exports from extensions ([#53](https://github.com/yandex-cloud/yfm-editor/issues/53)) ([25c3668](https://github.com/yandex-cloud/yfm-editor/commit/25c36684198d43af35156ad02cca662ff711e8da))\\n\\n## [3.4.2](https://github.com/yandex-cloud/yfm-editor/compare/v3.4.1...v3.4.2) (2022-12-16)\\n\\n\\n### Bug Fixes\\n\\n* blockquote button breaks when selection has 0 depth ([2a38575](https://github.com/yandex-cloud/yfm-editor/commit/2a38575ea142ec652aa47705768661e41012b188))\\n\\n## [3.4.1](https://github.com/yandex-cloud/yfm-editor/compare/v3.4.0...v3.4.1) (2022-12-13)\\n\\n\\n### Bug Fixes\\n\\n* **YfmNote:** serialize placeholder content if node content is empty ([#48](https://github.com/yandex-cloud/yfm-editor/issues/48)) ([f999943](https://github.com/yandex-cloud/yfm-editor/commit/f9999434ed3cf37ee2690acf1b54315a79fba56a))\\n\\n## [3.4.0](https://github.com/yandex-cloud/yfm-editor/compare/v3.3.0...v3.4.0) (2022-12-09)\\n\\n\\n### Features\\n\\n* **Math:** improve ux with inline math ([#43](https://github.com/yandex-cloud/yfm-editor/issues/43)) ([e09dca4](https://github.com/yandex-cloud/yfm-editor/commit/e09dca4603696ab0e10648347db86a42a32fe3e2))\\n* **YfmCut:** auto openning yfm-cut if selection is inside cut\'s content ([#46](https://github.com/yandex-cloud/yfm-editor/issues/46)) ([f3084f8](https://github.com/yandex-cloud/yfm-editor/commit/f3084f8fa953c2a7c79a7089f4236928d66630a6))\\n* **YfmCut:** don\'t open/close yfm-cut by clicking on the title ([#47](https://github.com/yandex-cloud/yfm-editor/issues/47)) ([1e13715](https://github.com/yandex-cloud/yfm-editor/commit/1e13715a6cc1fff5586d784df4c060a00c3fa0a8))\\n\\n\\n### Bug Fixes\\n\\n* **Placeholder:** show placeholders immediately after initialization ([#45](https://github.com/yandex-cloud/yfm-editor/issues/45)) ([723a79d](https://github.com/yandex-cloud/yfm-editor/commit/723a79d55c486243fa8f47a68f30f7937d3dcaf9))\\n\\n## [3.3.0](https://github.com/yandex-cloud/yfm-editor/compare/v3.2.0...v3.3.0) (2022-11-23)\\n\\n\\n### Features\\n\\n* parse html from the clipboard when pasting ([#40](https://github.com/yandex-cloud/yfm-editor/issues/40)) ([b27e9b8](https://github.com/yandex-cloud/yfm-editor/commit/b27e9b8d59f4d717258c9ebd88f777be861ff1fb))\\n* **YfmNote:** do not fill in the note title when creating a new note ([#41](https://github.com/yandex-cloud/yfm-editor/issues/41)) ([f65b342](https://github.com/yandex-cloud/yfm-editor/commit/f65b3424232629a1c5f56c1818fd62b26f5f4da8))\\n* **YfmTable:** clear selected table cells and delete empty rows or a table when the backspace button is pressed ([d4e1623](https://github.com/yandex-cloud/yfm-editor/commit/d4e1623e9f074523d595eb82729dad4a687e0bda))\\n\\n\\n### Bug Fixes\\n\\n* **core:** escape the pipe symbol during serialization to markdown ([#36](https://github.com/yandex-cloud/yfm-editor/issues/36)) ([f766021](https://github.com/yandex-cloud/yfm-editor/commit/f76602119fffe0d83d1c17b15c438b59a180a327))\\n* re-export MathNode classes ([#38](https://github.com/yandex-cloud/yfm-editor/issues/38)) ([b4ee9b4](https://github.com/yandex-cloud/yfm-editor/commit/b4ee9b4361bddcbe8b6be7031d24d108ef30df60))\\n\\n## [3.2.0](https://github.com/yandex-cloud/yfm-editor/compare/v3.1.0...v3.2.0) (2022-11-10)\\n\\n\\n### Features\\n\\n* add support to linkify urls with custom tlds ([#31](https://github.com/yandex-cloud/yfm-editor/issues/31)) ([1b0d44a](https://github.com/yandex-cloud/yfm-editor/commit/1b0d44a041f3a1854ce25ff54fb77acdd5e893f6))\\n* **Clipboard:** insert markup, html and text of the selected fragment into the clipboard ([#30](https://github.com/yandex-cloud/yfm-editor/issues/30)) ([f438588](https://github.com/yandex-cloud/yfm-editor/commit/f438588ff0394be405db07e73d170112b636f969))\\n* **Clipboard:** smarter copying ([#33](https://github.com/yandex-cloud/yfm-editor/issues/33)) ([a458d46](https://github.com/yandex-cloud/yfm-editor/commit/a458d469bfe7fc254e0954c5ecf244beecc363c1))\\n* **core:** added priority for marks in extension builder ([395f97b](https://github.com/yandex-cloud/yfm-editor/commit/395f97b2951e61524a1633ed79dbac020b958127))\\n* **Link:** when pasting, create a link with the pasted URL and selected text ([#28](https://github.com/yandex-cloud/yfm-editor/issues/28)) ([1230601](https://github.com/yandex-cloud/yfm-editor/commit/1230601a767ad0b0bb586003e9b6cee9ae87a3fa))\\n\\n\\n### Bug Fixes\\n\\n* **Checkbox:** write placeholder content when label constains only whitespace characters ([#32](https://github.com/yandex-cloud/yfm-editor/issues/32)) ([3ded049](https://github.com/yandex-cloud/yfm-editor/commit/3ded049a01b2c042b482e40170b5d3b11a77c421))\\n* **Code:** set lowest priority for inline code mark ([b4f9ae0](https://github.com/yandex-cloud/yfm-editor/commit/b4f9ae0ac0e031c4cc3a53647ad255f8b3a2b43a))\\n\\n## [3.1.0](https://github.com/yandex-cloud/yfm-editor/compare/v3.0.0...v3.1.0) (2022-10-27)\\n\\n\\n### Features\\n\\n* **core:** when appending replace last empty paragraph with new content and add empty paragraph after ([#25](https://github.com/yandex-cloud/yfm-editor/issues/25)) ([a7333ad](https://github.com/yandex-cloud/yfm-editor/commit/a7333ad52cdfdbee9e1b399a75bdb5504a078cf8))\\n* **Lists:** breaking the list when deleting a list item ([#26](https://github.com/yandex-cloud/yfm-editor/issues/26)) ([a5e5362](https://github.com/yandex-cloud/yfm-editor/commit/a5e5362be18056c7297019b390a8b82857cc652a))\\n\\n## [3.0.0](https://github.com/yandex-cloud/yfm-editor/compare/v2.1.0...v3.0.0) (2022-10-14)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* **core:** use one builder for all plug-in extensions\\n\\n### Features\\n\\n* **core:** add context to extension builder ([#22](https://github.com/yandex-cloud/yfm-editor/issues/22)) ([dc66438](https://github.com/yandex-cloud/yfm-editor/commit/dc66438151542a436409253a1f3c8b7776ff693d))\\n* **core:** move plugins sorting to the extension builder ([fcc4d35](https://github.com/yandex-cloud/yfm-editor/commit/fcc4d35c3c9dec80abe5e6c45d21a3d2fce7006c))\\n* **core:** use one builder for all plug-in extensions ([66de15e](https://github.com/yandex-cloud/yfm-editor/commit/66de15edcd73b8c5a07375b31a02ddc875373cfc))\\n* table arrow controls ([3e00e6a](https://github.com/yandex-cloud/yfm-editor/commit/3e00e6aee7a6a1c93ee1ba42963d80605dfd57f6))\\n\\n## [2.1.0](https://github.com/yandex-cloud/yfm-editor/compare/v2.0.0...v2.1.0) (2022-10-05)\\n\\n\\n### Features\\n\\n* added new field for selection interface ([4ccfdaa](https://github.com/yandex-cloud/yfm-editor/commit/4ccfdaa2f5c5f6e27c89d87181f1d6c615888c9c))\\n* **core:** escape corner brackets during serialization ([#17](https://github.com/yandex-cloud/yfm-editor/issues/17)) ([01ad8a8](https://github.com/yandex-cloud/yfm-editor/commit/01ad8a8717e902cbe74e2461b452ef1c94ff8e10))\\n* **toolbar:** add tooltip to list-buttons ([af158ff](https://github.com/yandex-cloud/yfm-editor/commit/af158ffdc75e68d1d993744a790892f09944a184))\\n* **tooltip:** add delay before open and close tooltip ([2c17593](https://github.com/yandex-cloud/yfm-editor/commit/2c17593dd31a3f5d7f5907ab63223216a73bdb85))\\n\\n## [2.0.0](https://github.com/yandex-cloud/yfm-editor/compare/v1.2.0...v2.0.0) (2022-10-04)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update to uikit@3\\n\\n### Features\\n\\n* **Html:** use html sanitizer from yfm-transform ([#14](https://github.com/yandex-cloud/yfm-editor/issues/14)) ([cf8ce23](https://github.com/yandex-cloud/yfm-editor/commit/cf8ce23513a2e3cddbc7321e6b890447c4f3085c))\\n* update to uikit@3 ([bd6c517](https://github.com/yandex-cloud/yfm-editor/commit/bd6c517cf43c12a9c1f6301901f48ad76e528232))\\n\\n## [1.2.0](https://github.com/yandex-cloud/yfm-editor/compare/v1.1.1...v1.2.0) (2022-09-28)\\n\\n\\n### Features\\n\\n* **YfmCut:** move cursor to end of cut\'s title when press backspace in the beginning of its content ([007773a](https://github.com/yandex-cloud/yfm-editor/commit/007773a6e6577bcab4e85a8493c38d7a860a9432))\\n* **YfmCut:** remove cut on press backspace in the beginning of his title ([b715b38](https://github.com/yandex-cloud/yfm-editor/commit/b715b38ef3b2004b735f3d0f0fff898bc578923a))\\n* **YfmNote:** move cursor to end of note\'s title when press backspace in the beginning of its content ([a485fc9](https://github.com/yandex-cloud/yfm-editor/commit/a485fc9298c3a149281b1715d63444f05fd01e33))\\n* **YfmNote:** remove note on press backspace in the beginning of his title ([c1865ed](https://github.com/yandex-cloud/yfm-editor/commit/c1865edd488c70f7effb3c5418c9bf4cd19c4dc7))\\n\\n## [1.1.1](https://github.com/yandex-cloud/yfm-editor/compare/v1.1.0...v1.1.1) (2022-09-26)\\n\\n\\n### Bug Fixes\\n\\n* **Placeholder:** fix display of fake cursor before placeholder ([#8](https://github.com/yandex-cloud/yfm-editor/issues/8)) ([5ffdd35](https://github.com/yandex-cloud/yfm-editor/commit/5ffdd35b144dae2b9bdceb85a9386409e0a8ca9d))\\n\\n## [1.1.0](https://github.com/yandex-cloud/yfm-editor/compare/v1.0.0...v1.1.0) (2022-09-22)\\n\\n\\n### Features\\n\\n* hints ([14360de](https://github.com/yandex-cloud/yfm-editor/commit/14360de3d7dc1b5838649eda3313759a77a36d8e))\\n\\n## 1.0.0 (2022-09-21)\\n\\n\\n### Features\\n\\n* **clipboard:** parse text without processing attributes ([65417b4](https://github.com/yandex-cloud/yfm-editor/commit/65417b4a5a684775ba611e1f8a1e05b4f00edff6))\\n\\n\\n### Bug Fixes\\n\\n* instanceof issue ([cb079db](https://github.com/yandex-cloud/yfm-editor/commit/cb079db91bfe9863e7614df97b1ceff72bc3fe5a))\\n* lint ([3a53e7e](https://github.com/yandex-cloud/yfm-editor/commit/3a53e7eb4e486242112cd8dbd4e5bc5a9cb43d93))\\n","contributors":[{"login":"d3m1d0v","avatarUrl":"https://avatars.githubusercontent.com/u/26671342?v=4","url":"https://github.com/d3m1d0v","contributions":158},{"login":"smsochneg","avatarUrl":"https://avatars.githubusercontent.com/u/15200559?v=4","url":"https://github.com/smsochneg","contributions":50},{"login":"makhnatkin","avatarUrl":"https://avatars.githubusercontent.com/u/1963954?v=4","url":"https://github.com/makhnatkin","contributions":10},{"login":"rusandorx","avatarUrl":"https://avatars.githubusercontent.com/u/53060411?v=4","url":"https://github.com/rusandorx","contributions":6},{"login":"burashka","avatarUrl":"https://avatars.githubusercontent.com/u/2195887?v=4","url":"https://github.com/burashka","contributions":6},{"login":"beliarh","avatarUrl":"https://avatars.githubusercontent.com/u/4661335?v=4","url":"https://github.com/beliarh","contributions":1},{"login":"teleginzhenya","avatarUrl":"https://avatars.githubusercontent.com/u/24455680?v=4","url":"https://github.com/teleginzhenya","contributions":1},{"login":"isqua","avatarUrl":"https://avatars.githubusercontent.com/u/529247?v=4","url":"https://github.com/isqua","contributions":1},{"login":"sofiushko","avatarUrl":"https://avatars.githubusercontent.com/u/5218950?v=4","url":"https://github.com/sofiushko","contributions":1}],"codeOwners":[]},"nodekit":{"stars":5,"version":"1.3.0","lastUpdate":"08.12.2023","license":"MIT License","issues":9,"readme":"# NodeKit\\n\\nNodeKit is a simple toolkit for your Node.js apps, scripts and libraries. It provides functionality for logging, telemetry, configuration and error handling, so you can have familiar foundation in your different projects.\\n\\n## Getting started\\n\\nAdd dependency to your project:\\n\\n```bash\\nnpm install --save @gravity-ui/nodekit\\n```\\n\\nAnd then import and init NodeKit in your application:\\n\\n```typescript\\nimport {NodeKit} from \'@gravity-ui/nodekit\';\\n\\nconst nodeKit = new NodeKit();\\nnodekit.ctx.log(\'App is ready\');\\n```\\n\\n## Documentation\\n\\nSee `docs/` directory for additional documentation:\\n\\n- [`docs/configuration.md`](https://github.com/gravity-ui/nodekit/blob/main/docs/configuration.md) specifies how you can configure both nodekit itself and your nodekit-based applications\\n- [`docs/contexts.md`](https://github.com/gravity-ui/nodekit/blob/main/docs/contexts.md) describes concept of NodeKit contexts, logging and tracing\\n- [`docs/app-error.md`](https://github.com/gravity-ui/nodekit/blob/main/docs/app-error.md) contains description of useful custom error class they NodeKit provides for your applications\\n- [`docs/utils.md`](https://github.com/gravity-ui/nodekit/blob/main/docs/utils.md) lists some additional helper functions that are bundled with NodeKit\\n\\n## Contributing\\n\\n### Getting started\\n\\nGrab a copies of NodeKit repository and example applications:\\n\\n```bash\\ngit clone git@github.com:gravity-ui/nodekit\\ngit clone git@github.com:gravity-ui/nodekit-examples\\n```\\n\\nLink your nodekit to npm and start a compiler:\\n\\n```bash\\ncd nodekit && npm link && npm run dev\\n```\\n\\nThen, in another terminal, go to examples, open the one that you\'re interested in, link your nodekit there, then start the app:\\n\\n```bash\\ncd nodekit-examples/basic-app && npm i && npm link @gravity-ui/nodekit\\nnpm run dev\\n```\\n\\nAt this point you can make changes both to NodeKit and demo app, and see results in real time.\\n","changelog":"# Changelog\\n\\n## [1.3.0](https://github.com/gravity-ui/nodekit/compare/v1.2.1...v1.3.0) (2023-12-08)\\n\\n\\n### Features\\n\\n* add userId context param for legacy compatibility ([#42](https://github.com/gravity-ui/nodekit/issues/42)) ([8edc95a](https://github.com/gravity-ui/nodekit/commit/8edc95aded8fb7a4e96b8924d54c082b33cb3956))\\n* **clickhouse:** make telementry send interval configurable ([#40](https://github.com/gravity-ui/nodekit/issues/40)) ([cd4a9eb](https://github.com/gravity-ui/nodekit/commit/cd4a9ebe649e5a2c35f93b750a967f1f433fe38c))\\n\\n## [1.2.1](https://github.com/gravity-ui/nodekit/compare/v1.2.0...v1.2.1) (2023-09-20)\\n\\n\\n### Bug Fixes\\n\\n* change requestId header name ([#37](https://github.com/gravity-ui/nodekit/issues/37)) ([a9d8173](https://github.com/gravity-ui/nodekit/commit/a9d8173c9000c5a1b490ba5c3de1e1dea208304d))\\n\\n## [1.2.0](https://github.com/gravity-ui/nodekit/compare/v1.1.1...v1.2.0) (2023-09-19)\\n\\n\\n### Features\\n\\n* add requestId to the context ([#35](https://github.com/gravity-ui/nodekit/issues/35)) ([73b93de](https://github.com/gravity-ui/nodekit/commit/73b93de177279811ce424bcdbf8a1928065919cd))\\n\\n## [1.1.1](https://github.com/gravity-ui/nodekit/compare/v1.1.0...v1.1.1) (2023-09-01)\\n\\n\\n### Bug Fixes\\n\\n* **types:** use correct type of isTrueEnvValue ([#33](https://github.com/gravity-ui/nodekit/issues/33)) ([cd2d5e1](https://github.com/gravity-ui/nodekit/commit/cd2d5e1c92c1daaf1b59afab701fce32fbee8362))\\n\\n## [1.1.0](https://github.com/gravity-ui/nodekit/compare/v1.0.0...v1.1.0) (2023-09-01)\\n\\n\\n### Features\\n\\n* **utils:** improve redactSensitiveHeaders types ([#29](https://github.com/gravity-ui/nodekit/issues/29)) ([86763d5](https://github.com/gravity-ui/nodekit/commit/86763d56306068c05c9aa7bcaeca65492fda64b5))\\n\\n\\n### Bug Fixes\\n\\n* **utils:** allow undefined input in isTrueEnvValue ([#32](https://github.com/gravity-ui/nodekit/issues/32)) ([41fb0d4](https://github.com/gravity-ui/nodekit/commit/41fb0d42a65f0f85011c6844a1de50485ccf556d))\\n\\n## [1.0.0](https://github.com/gravity-ui/nodekit/compare/v0.7.0...v1.0.0) (2023-08-31)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* **package:** update axios peer dependency\\n* **loadFileConfigs:** use standard node js algorithm to resolve configs ([#23](https://github.com/gravity-ui/nodekit/issues/23))\\n\\n### chore\\n\\n* **package:** update axios peer dependency ([1a5b307](https://github.com/gravity-ui/nodekit/commit/1a5b307bb70511dae9eab2b064ba7af839db7e52))\\n\\n\\n### Features\\n\\n* **loadFileConfigs:** use standard node js algorithm to resolve configs ([#23](https://github.com/gravity-ui/nodekit/issues/23)) ([75ab0a7](https://github.com/gravity-ui/nodekit/commit/75ab0a7ef3858ef5a27315fdec02779660a69aaa))\\n\\n## [0.7.0](https://github.com/gravity-ui/nodekit/compare/v0.6.0...v0.7.0) (2023-08-31)\\n\\n### Features\\n\\n- **logging:** add option to control logging level ([#25](https://github.com/gravity-ui/nodekit/issues/25)) ([ab52cb0](https://github.com/gravity-ui/nodekit/commit/ab52cb06fc8cc3b4a767a43bfd2333be35df93ea))\\n- **tracing:** allow to pass collector endpoint option to tracing reporter ([#26](https://github.com/gravity-ui/nodekit/issues/26)) ([6798b40](https://github.com/gravity-ui/nodekit/commit/6798b4049e1b8527b3d91f4e9768e9bba303b631))\\n\\n### Bug Fixes\\n\\n- **tracer:** tracer does not have close method if it is not enabled ([#24](https://github.com/gravity-ui/nodekit/issues/24)) ([98c4a96](https://github.com/gravity-ui/nodekit/commit/98c4a9660279c43e7baf6c18c4998ba417bcf5d0))\\n\\n## [0.6.0](https://github.com/gravity-ui/nodekit/compare/v0.5.0...v0.6.0)\\n\\n### Features\\n\\n- **logging:** add logging destination option ([#22](https://github.com/gravity-ui/nodekit/issues/22)) ([833b5b6](https://github.com/gravity-ui/nodekit/commit/833b5b63794d7aaab77a7ce1c4ce6c7d8dc184d9))\\n\\n## [0.5.0](https://github.com/gravity-ui/nodekit/compare/v0.4.0...v0.5.0)\\n\\n### Features\\n\\n- **package:** update axios ([30e5a6a](https://github.com/gravity-ui/nodekit/commit/30e5a6a16516839fde8e2adc7d8665599e625ee0))\\n\\n## [0.4.0](https://github.com/gravity-ui/nodekit/compare/v0.3.0...v0.4.0)\\n\\n### Features\\n\\n- **utils:** add headers redacter ([#18](https://github.com/gravity-ui/nodekit/issues/18)) ([60318bd](https://github.com/gravity-ui/nodekit/commit/60318bdf501441390c7a594ce6f6000955581d6c))\\n\\n## [0.3.0](https://github.com/gravity-ui/nodekit/compare/v0.2.0...v0.3.0)\\n\\n### Features\\n\\n- add dynamic config poller ([b3fab1f](https://github.com/gravity-ui/nodekit/commit/b3fab1fb0dfa441c99a98aaca996bb368d279fe5))\\n\\n### Bug Fixes\\n\\n- improve shutdown handlers ([#13](https://github.com/gravity-ui/nodekit/issues/13)) ([68a9120](https://github.com/gravity-ui/nodekit/commit/68a9120daf7dab90b07a54e28c646a9fb25b9f53))\\n\\n## [0.2.0](https://github.com/gravity-ui/nodekit/compare/v0.1.0...v0.2.0)\\n\\n### Features\\n\\n- add clickhouse telemetry ([#14](https://github.com/gravity-ui/nodekit/pull/14)) ([1913e8c](https://github.com/gravity-ui/nodekit/commit/1913e8c2a7f704d85a7b1fa58ef401d9b6e87ab3))\\n\\n## 0.1.0\\n\\nInitial release.\\n","contributors":[{"login":"resure","avatarUrl":"https://avatars.githubusercontent.com/u/168296?v=4","url":"https://github.com/resure","contributions":18},{"login":"melikhov-dev","avatarUrl":"https://avatars.githubusercontent.com/u/1742586?v=4","url":"https://github.com/melikhov-dev","contributions":8},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":6},{"login":"jhoncool","avatarUrl":"https://avatars.githubusercontent.com/u/11226935?v=4","url":"https://github.com/jhoncool","contributions":3},{"login":"ma-efremoff","avatarUrl":"https://avatars.githubusercontent.com/u/64027148?v=4","url":"https://github.com/ma-efremoff","contributions":2},{"login":"goshander","avatarUrl":"https://avatars.githubusercontent.com/u/5037509?v=4","url":"https://github.com/goshander","contributions":1},{"login":"main-kun","avatarUrl":"https://avatars.githubusercontent.com/u/13281662?v=4","url":"https://github.com/main-kun","contributions":1},{"login":"SkiffCMC","avatarUrl":"https://avatars.githubusercontent.com/u/36820240?v=4","url":"https://github.com/SkiffCMC","contributions":1},{"login":"aapolkovsky","avatarUrl":"https://avatars.githubusercontent.com/u/22380490?v=4","url":"https://github.com/aapolkovsky","contributions":1},{"login":"kseniya57","avatarUrl":"https://avatars.githubusercontent.com/u/31247233?v=4","url":"https://github.com/kseniya57","contributions":1}],"codeOwners":[{"pattern":"*","owners":["resure"]}]},"expresskit":{"stars":4,"version":"1.3.0","lastUpdate":"04.07.2024","license":"MIT License","issues":5,"readme":"# ExpressKit (work in progress)\\n\\nExpressKit is a lightweight [express.js](https://expressjs.com/) wrapper that integrates with [NodeKit](https://github.com/gravity-ui/nodekit) and provides some useful features like request logging, tracing support, async controllers & middleware and verbose routes description.\\n\\nInstallation:\\n\\n```bash\\nnpm install --save @gravity-ui/nodekit @gravity-ui/expresskit\\n```\\n\\nBasic usage:\\n\\n```typescript\\nimport {ExpressKit} from \'@gravity-ui/expresskit\';\\nimport {NodeKit} from \'@gravity-ui/nodekit\';\\n\\nconst nodekit = new NodeKit();\\n\\nconst app = new ExpressKit(nodekit, {\\n  \'GET /\': (req, res) => {\\n    res.send(\'Hello World!\');\\n  },\\n});\\n\\napp.run();\\n```\\n\\nMore complex examples and documentation are coming.\\n\\n## CSP\\n\\n`config.ts`\\n\\n```typescript\\nimport type {AppConfig} from \'@gravity-ui/nodekit\';\\nimport {csp} from \'@gravity-ui/expresskit\';\\n\\nconst config: Partial<AppConfig> = {\\n    expressCspEnable: true,\\n    expressCspPresets: ({getDefaultPresets}) => {\\n        return getDefaultPresets({defaultNone: true}).concat([\\n            csp.inline(),\\n            {csp.directives.REPORT_TO: \'my-report-group\'},\\n        ]);\\n    },\\n    expressCspReportTo: [\\n        {\\n            group: \'my-report-group\',\\n            max_age: 30 * 60,\\n            endpoints: [{ url: \'https://cspreport.com/send\'}],\\n            include_subdomains: true,\\n        }\\n    ]\\n}\\n\\nexport default config;\\n```\\n","changelog":"# Changelog\\n\\n## [1.3.0](https://github.com/gravity-ui/expresskit/compare/v1.2.1...v1.3.0) (2024-07-04)\\n\\n\\n### Features\\n\\n* add express cookie secret as array for rotation ([#38](https://github.com/gravity-ui/expresskit/issues/38)) ([df34df1](https://github.com/gravity-ui/expresskit/commit/df34df1298e2cd97ad6c758f9975b0db7e3f012f))\\n\\n## [1.2.1](https://github.com/gravity-ui/expresskit/compare/v1.2.0...v1.2.1) (2024-02-02)\\n\\n\\n### Bug Fixes\\n\\n* **sensitive-tokens:** hide sensitive tokens on \'Request starter\' log ([#31](https://github.com/gravity-ui/expresskit/issues/31)) ([860da65](https://github.com/gravity-ui/expresskit/commit/860da6530beeb158fafcee6b7e2fdbb3aa2b0fb9))\\n\\n## [1.2.0](https://github.com/gravity-ui/expresskit/compare/v1.1.2...v1.2.0) (2023-10-18)\\n\\n\\n### Features\\n\\n* add CSP support ([#29](https://github.com/gravity-ui/expresskit/issues/29)) ([85e2a92](https://github.com/gravity-ui/expresskit/commit/85e2a929a9c1d80d5cc6e213002207244225a085)), closes [#9](https://github.com/gravity-ui/expresskit/issues/9)\\n* use REQUEST_ID_PARAM_NAME ([#27](https://github.com/gravity-ui/expresskit/issues/27)) ([fe0014d](https://github.com/gravity-ui/expresskit/commit/fe0014d46abd196e6953d2a05f756acf6b5b24bc))\\n\\n\\n### Bug Fixes\\n\\n* prevent socket unlinking in worker threads ([#30](https://github.com/gravity-ui/expresskit/issues/30)) ([c27fdd8](https://github.com/gravity-ui/expresskit/commit/c27fdd85a9267cde2468d966bbdab54d0caa904e))\\n\\n## [1.1.2](https://github.com/gravity-ui/expresskit/compare/v1.1.1...v1.1.2) (2023-09-14)\\n\\n\\n### Bug Fixes\\n\\n* socket file cleaner ([#25](https://github.com/gravity-ui/expresskit/issues/25)) ([bce6c1a](https://github.com/gravity-ui/expresskit/commit/bce6c1ad744c977ab6cfd2f9431ab24df9574f4b))\\n\\n## [1.1.1](https://github.com/gravity-ui/expresskit/compare/v1.1.0...v1.1.1) (2023-09-14)\\n\\n\\n### Bug Fixes\\n\\n* **socket:** only delete socket if current process is primary one ([#23](https://github.com/gravity-ui/expresskit/issues/23)) ([592a048](https://github.com/gravity-ui/expresskit/commit/592a0486008cb74dafcb3a88c84c5b286d814a2a))\\n\\n## [1.1.0](https://github.com/gravity-ui/expresskit/compare/v1.0.0...v1.1.0) (2023-09-07)\\n\\n\\n### Features\\n\\n* **body-parsers:** increase default limits, add option for extended error info ([#21](https://github.com/gravity-ui/expresskit/issues/21)) ([79b1bc6](https://github.com/gravity-ui/expresskit/commit/79b1bc606c9080a641375d8c9403b08f913b8b56))\\n\\n## [1.0.0](https://github.com/gravity-ui/expresskit/compare/v0.5.0...v1.0.0) (2023-08-31)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* **package:** move nodekit to peer dependencies ([#18](https://github.com/gravity-ui/expresskit/issues/18))\\n\\n### chore\\n\\n* **package:** move nodekit to peer dependencies ([#18](https://github.com/gravity-ui/expresskit/issues/18)) ([f74f0f3](https://github.com/gravity-ui/expresskit/commit/f74f0f3acf0e31a71fbcf8cb75518300416e5dbe))\\n\\n## [0.5.0](https://github.com/gravity-ui/expresskit/compare/v0.4.1...v0.5.0) (2023-08-28)\\n\\n### Features\\n\\n* **router:** allow connecting user router via mount route ([#15](https://github.com/gravity-ui/expresskit/issues/15)) ([aded6ed](https://github.com/gravity-ui/expresskit/commit/aded6edbd46ed97dcd12950e02e08768c45697a9))\\n\\n## [0.4.1](https://github.com/gravity-ui/expresskit/compare/v0.4.0...v0.4.1)\\n\\n### Bug Fixes\\n\\n- **router:** fix route auth handler\\n\\n## [0.4.0](https://github.com/gravity-ui/expresskit/compare/v0.3.0...v0.4.0)\\n\\n### Features\\n\\n* export types AppErrorHandler, NextFunction ([#12](https://github.com/gravity-ui/expresskit/issues/12))\\n\\n## [0.3.0](https://github.com/gravity-ui/expresskit/compare/v0.2.0...v0.3.0)\\n\\n### Bug Fixes\\n\\n* move cookie-parser from dev to production deps ([#8](https://github.com/gravity-ui/expresskit/issues/8))\\n\\n## [0.2.0](https://github.com/gravity-ui/expresskit/compare/v0.1.0...v0.2.0)\\n\\n### Features\\n\\n* add AppConfig.telemetryChEnableSelfStats ([#7](https://github.com/gravity-ui/expresskit/issues/7))\\n\\n## [0.1.2](https://github.com/gravity-ui/expresskit/compare/v0.1.1...v0.1.2)\\n\\n### Features\\n\\n* expand express Request type ([#6](https://github.com/gravity-ui/expresskit/issues/6))\\n\\n## [0.1.1](https://github.com/gravity-ui/expresskit/compare/v0.1.0...v0.1.1)\\n\\n### Features\\n\\n* export Request and Response types ([#4](https://github.com/gravity-ui/expresskit/issues/4))\\n\\n### Bug Fixes\\n\\n* remove beforeAuth & afterAuth from routeInfo\\n* replace authPolicyMiddleware with routeInfoMiddleware ([#5](https://github.com/gravity-ui/expresskit/issues/5))\\n* minor fixes for sockets and routing ([#1](https://github.com/gravity-ui/expresskit/issues/1))\\n\\n## 0.1.0\\n\\nInitial release.\\n","contributors":[{"login":"resure","avatarUrl":"https://avatars.githubusercontent.com/u/168296?v=4","url":"https://github.com/resure","contributions":19},{"login":"ma-efremoff","avatarUrl":"https://avatars.githubusercontent.com/u/64027148?v=4","url":"https://github.com/ma-efremoff","contributions":5},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":4},{"login":"jhoncool","avatarUrl":"https://avatars.githubusercontent.com/u/11226935?v=4","url":"https://github.com/jhoncool","contributions":4},{"login":"melikhov-dev","avatarUrl":"https://avatars.githubusercontent.com/u/1742586?v=4","url":"https://github.com/melikhov-dev","contributions":2},{"login":"beliarh","avatarUrl":"https://avatars.githubusercontent.com/u/4661335?v=4","url":"https://github.com/beliarh","contributions":1},{"login":"goshander","avatarUrl":"https://avatars.githubusercontent.com/u/5037509?v=4","url":"https://github.com/goshander","contributions":1},{"login":"joshuan","avatarUrl":"https://avatars.githubusercontent.com/u/2090702?v=4","url":"https://github.com/joshuan","contributions":1},{"login":"imsitnikov","avatarUrl":"https://avatars.githubusercontent.com/u/29424746?v=4","url":"https://github.com/imsitnikov","contributions":1}],"codeOwners":[{"pattern":"*","owners":["resure"]}]},"app-layout":{"stars":1,"version":"2.0.1","lastUpdate":"09.04.2024","license":"MIT License","issues":0,"readme":"# @gravity-ui/app-layout &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/app-layout)](https://www.npmjs.com/package/@gravity-ui/app-layout) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/app-layout/.github/workflows/ci.yml?label=CI&logo=github)](https://github.com/gravity-ui/app-layout/actions/workflows/ci.yml?query=branch:main)\\n\\n## Install\\n\\n```shell\\nnpm install --save-dev @gravity-ui/app-layout\\n```\\n\\n## Usage\\n\\nWith `express`:\\n\\n```js\\nimport express from \'express\';\\nimport {createRenderFunction} from \'@gravity-ui/app-layout\';\\n\\nconst app = express();\\n\\nconst renderLayout = createRenderFunction();\\n\\napp.get(\'/\', function (req, res) {\\n  res.send(\\n    renderLayout({\\n      // RenderParams\\n      title: \'Home page\',\\n      bodyContent: {\\n        root: \'Hello world!\',\\n      },\\n    }),\\n  );\\n});\\n\\napp.listen(3000);\\n```\\n\\nwhere\\n\\n```typescript\\ninterface RenderParams<Data, Plugins> {\\n  // Any json compatible data, will be set to window.__DATA__ on the page\\n  data?: Data;\\n  // favicon\\n  icon?: Icon;\\n  // nonce to be set on the appropriate tags\\n  nonce?: string;\\n\\n  // common options\\n  // Page title\\n  title: string;\\n  // language of page, will be set to html tag\\n  lang?: string;\\n  isMobile?: boolean;\\n\\n  // html attributes\\n  htmlAttributes?: string;\\n  // header tag content\\n  // meta tags\\n  meta?: Meta[];\\n  // link tags\\n  links?: Link[];\\n  // script tags\\n  scripts?: Script[];\\n  // style tags\\n  styleSheets?: Stylesheet[];\\n  // script tags with inlined code\\n  inlineScripts?: string[];\\n  // style tags with inlined styles\\n  inlineStyleSheets?: string[];\\n\\n  // content of body tag\\n  bodyContent?: {\\n    // class name for body tag\\n    className?: string;\\n    // body attributes\\n    attributes?: string;\\n    // body content before div tag with id root\\n    beforeRoot?: string;\\n    // innerHtml content of div tag with id root\\n    root?: string;\\n    // body content after div tag with id root\\n    afterRoot?: string;\\n  };\\n  // plugins options\\n  pluginsOptions?: Partial<PluginsOptions<Plugins>>;\\n}\\n```\\n\\n### Meta\\n\\nDescribes `meta` tag:\\n\\n```typescript\\ninterface Meta {\\n  name: string;\\n  content: string;\\n}\\n```\\n\\nExample:\\n\\n```js\\nconst meta = [\\n  {name: \'description\', content: \'some text\'},\\n  {name: \'robots\', content: \'noindex\'},\\n  {name: \'og:title\', content: \'Some title\'},\\n];\\n```\\n\\nWill be rendered as:\\n\\n```html\\n<meta name=\\"description\\" content=\\"some text\\" />\\n<meta name=\\"robots\\" content=\\"noindex\\" />\\n<meta property=\\"og:title\\" content=\\"Some title\\" />\\n```\\n\\n### Icon\\n\\nDescribes page favicon:\\n\\n```typescript\\ninterface Icon {\\n  type?: string;\\n  sizes?: string;\\n  href?: string;\\n}\\n```\\n\\nDefault value is:\\n\\n```js\\nconst icon = {\\n  type: \'image/png\',\\n  sizes: \'16x16\',\\n  href: \'/favicon.png\',\\n};\\n```\\n\\n### Links\\n\\nDescribes `link` tag:\\n\\n```typescript\\ninterface Link {\\n  as?: string;\\n  href: string;\\n  rel?: string;\\n  type?: string;\\n  sizes?: string;\\n  title?: HTMLLinkElement[\'title\'];\\n  crossOrigin?: \'\' | \'anonymous\' | \'use-credentials\';\\n}\\n```\\n\\nExample:\\n\\n```js\\nconst link = {\\n  href: \'myFont.woff2\',\\n  rel: \'preload\',\\n  as: \'font\',\\n  type: \'font/woff2\',\\n  crossOrigin: \'anonymous\',\\n};\\n```\\n\\nwill be rendered as:\\n\\n```html\\n<link href=\\"myFont.woff2\\" rel=\\"preload\\" as=\\"font\\" type=\\"font/woff2\\" crossorigin=\\"anonymous\\" />\\n```\\n\\n### Scripts\\n\\nDescribes link to script with preload:\\n\\n```typescript\\ninterface Script {\\n  src: string;\\n  defer?: boolean;\\n  async?: boolean;\\n  crossOrigin?: \'\' | \'anonymous\' | \'use-credentials\';\\n  type?: \'importmap\' | \'module\' | string;\\n}\\n```\\n\\nExample:\\n\\n```js\\nconst script = {\\n  src: \'url/to/script\',\\n  defer: true,\\n  async: false,\\n  crossOrigin: \'anonymous\',\\n};\\n```\\n\\nwill be rendered as:\\n\\n```html\\n<link href=\\"url/to/script\\" rel=\\"preload\\" as=\\"script\\" crossorigin=\\"anonymous\\" />\\n\\n<script src=\\"url/to/script\\" defer=\\"true\\" async=\\"false\\" crossorigin=\\"anonymous\\" nonce=\\"...\\"></script>\\n```\\n\\n#### Style sheets\\n\\nDescribe link to styles:\\n\\n```typescript\\ninterface Stylesheet {\\n  href: string;\\n}\\n```\\n\\nExample:\\n\\n```js\\nconst styleSheet = {\\n  href: \'url/to/stylesheet\',\\n};\\n```\\n\\nwill be rendered as:\\n\\n```html\\n<link href=\\"url/to/stylesheet\\" rel=\\"stylesheet\\" />\\n```\\n\\n## Plugins\\n\\nRender function can be extended by plugins. Plugin may rewrite user defined render content.\\nPlugin is an object with `name` and `apply` properties:\\n\\n```typescript\\ninterface Plugin<Options = any, Name = string> {\\n  name: Name;\\n  apply: (params: {\\n    options: Options | undefined; // passed through `renderLayout` function in `pluginsOptions` parameter.\\n    commonOptions: CommonOptions;\\n    renderContent: RenderContent;\\n    /** @deprecated use `renderContent.helpers` instead */\\n    utils: RenderHelpers;\\n  }) => void;\\n}\\n\\ninterface CommonOptions {\\n  name: string;\\n  title: string;\\n  lang?: string;\\n  isMobile?: boolean;\\n}\\n\\nexport interface HeadContent {\\n  scripts: Script[];\\n  helpers: RenderHelpers;\\n  links: Link[];\\n  meta: Meta[];\\n  styleSheets: Stylesheet[];\\n  inlineStyleSheets: string[];\\n  inlineScripts: string[];\\n  title: string;\\n}\\n\\nexport interface BodyContent {\\n  attributes: Attributes;\\n  beforeRoot: string[];\\n  root?: string;\\n  afterRoot: string[];\\n}\\n\\nexport interface RenderContent extends HeadContent {\\n  htmlAttributes: Attributes;\\n  bodyContent: BodyContent;\\n}\\n\\nexport interface RenderHelpers {\\n  renderScript(script: Script): string;\\n  renderInlineScript(content: string): string;\\n  renderStyle(style: Stylesheet): string;\\n  renderInlineStyle(content: string): string;\\n  renderMeta(meta: Meta): string;\\n  renderLink(link: Link): string;\\n  attrs(obj: Attributes): string;\\n}\\n```\\n\\nThere are some plugins in this package:\\n\\n### Google analytics\\n\\nAdds google analytics counter on the page.\\n\\nUsage:\\n\\n```js\\nimport {createRenderFunction, createGoogleAnalyticsPlugin} from \'@gravity-ui/app-layout\';\\n\\nconst renderLayout = createRenderFunction([createGoogleAnalyticsPlugin()]);\\n\\napp.get((req, res) => {\\n  res.send(\\n    renderLayout({\\n      title: \'Home page\',\\n      pluginsOptions: {\\n        googleAnalytics: {\\n          useBeaconTransport: true, // enables use of navigator.sendBeacon\\n          counter: {\\n            id: \'some id\',\\n          },\\n        },\\n      },\\n    }),\\n  );\\n});\\n```\\n\\nPlugin options:\\n\\n```typescript\\ninterface GoogleAnalyticsCounter {\\n  id: string;\\n}\\n\\ninterface GoogleAnalyticsOptions {\\n  useBeaconTransport?: boolean;\\n  counter: GoogleAnalyticsCounter;\\n}\\n```\\n\\n### Yandex Metrika\\n\\nAdds Yandex metrics counters on the page.\\n\\nUsage:\\n\\n```js\\nimport {createRenderFunction, createYandexMetrikaPlugin} from \'@gravity-ui/app-layout\';\\n\\nconst renderLayout = createRenderFunction([createYandexMetrikaPlugin()]);\\n\\napp.get((req, res) => {\\n  res.send(\\n    renderLayout({\\n      title: \'Home page\',\\n      pluginsOptions: {\\n        yandexMetrika: {\\n          counter: {\\n            id: 123123123,\\n            defer: true,\\n            clickmap: true,\\n            trackLinks: true,\\n            accurateTrackBounce: true,\\n          },\\n        },\\n      },\\n    }),\\n  );\\n});\\n```\\n\\nPlugin options:\\n\\n```typescript\\nexport type UserParams = {\\n  [x: string]: boolean | string | number | null | UserParams;\\n};\\n\\nexport interface MetrikaCounter {\\n  id: number;\\n  defer: boolean;\\n  clickmap: boolean;\\n  trackLinks: boolean;\\n  accurateTrackBounce: boolean | number;\\n  webvisor?: boolean;\\n  nonce?: string;\\n  encryptedExperiments?: string;\\n  triggerEvent?: boolean;\\n  trackHash?: boolean;\\n  ecommerce?: boolean | string;\\n  type?: number;\\n  userParams?: UserParams;\\n}\\n\\nexport type MetrikaOptions = {\\n  src?: string;\\n  counter: MetrikaCounter | MetrikaCounter[];\\n};\\n```\\n\\n### Layout\\n\\nAdds script and styles from webpack assets manifest file.\\n\\nUsage:\\n\\n```js\\nimport {createRenderFunction, createLayoutPlugin} from \'@gravity-ui/app-layout\';\\n\\nconst renderLayout = createRenderFunction([\\n  createLayoutPlugin({manifest: \'path/to/assets-manifest.json\', publicPath: \'/build/\'}),\\n]);\\n\\napp.get((req, res) => {\\n  res.send(\\n    renderLayout({\\n      title: \'Home page\',\\n      pluginsOptions: {\\n        layout: {\\n          name: \'home\',\\n        },\\n      },\\n    }),\\n  );\\n});\\n```\\n\\nPlugin options:\\n\\n```typescript\\nexport interface LayoutOptions {\\n  name: string;\\n  prefix?: string;\\n}\\n```\\n\\n### @gravity-ui/uikit\\n\\nAdds body attributes.\\n\\nUsage:\\n\\n```js\\nimport {createRenderFunction, createUikitPlugin} from \'@gravity-ui/app-layout\';\\n\\nconst renderLayout = createRenderFunction([createUikitPlugin()]);\\n\\napp.get((req, res) => {\\n  res.send(\\n    renderLayout({\\n      title: \'Home page\',\\n      pluginsOptions: {\\n        uikit: {\\n          theme: \'dark\',\\n          direction: \'ltr\',\\n        },\\n      },\\n    }),\\n  );\\n});\\n```\\n\\nPlugin options:\\n\\n```typescript\\ninterface UikitPluginOptions {\\n  theme: string;\\n  direction?: \'ltr\' | \'rtl\';\\n}\\n```\\n\\n### Helpers\\n\\nThere is helper to create all plugins:\\n\\n```js\\nimport {createMiddleware, createDefaultPlugins} from \'@gravity-ui/app-layout\';\\n\\nconst renderLayout = createRenderFunction(\\n    createDefaultPlugins({layout: {manifest: \'path/to/assets-manifest.json\'}})\\n);\\n\\napp.get((req, res) => {\\n    res.send(renderLayout({\\n        title: \'Home page\',\\n        pluginsOptions: {\\n            layout: {\\n                name: \'home\'\\n            },\\n            googleAnalytics: {\\n                counter: {...}\\n            },\\n            yandexMetrika: {\\n                counter: {...}\\n            },\\n        },\\n    }));\\n})\\n```\\n\\n## Alternative usage\\n\\nWith parts renderers `generateRenderContent`, `renderHeadContent`, `renderBodyContent` via html streaming:\\n\\n```js\\nimport express from \'express\';\\nimport htmlescape from \'htmlescape\';\\nimport {\\n  generateRenderContent,\\n  renderHeadContent,\\n  renderBodyContent,\\n  createDefaultPlugins,\\n} from \'@gravity-ui/app-layout\';\\n\\nconst app = express();\\n\\napp.get(\'/\', async function (req, res) {\\n  res.writeHead(200, {\\n    \'Content-Type\': \'text/html\',\\n    \'Transfer-Encoding\': \'chunked\',\\n  });\\n\\n  const plugins = createDefaultPlugins({layout: {manifest: \'path/to/assets-manifest.json\'}});\\n\\n  const content = generateRenderContent(plugins, {\\n    title: \'Home page\',\\n  });\\n\\n  const {htmlAttributes, helpers, bodyContent} = content;\\n\\n  res.write(`\\n        <!DOCTYPE html>\\n        <html ${helpers.attrs({...htmlAttributes})}>\\n        <head>\\n            ${renderHeadContent(content)}\\n        </head>\\n        <body ${helpers.attrs(bodyContent.attributes)}>\\n            ${renderBodyContent(content)}\\n    `);\\n\\n  const data = await getUserData();\\n\\n  res.write(`\\n            ${content.renderHelpers.renderInlineScript(`\\n                window.__DATA__ = ${htmlescape(data)};\\n            `)}\\n        </body>\\n        </html>\\n    `);\\n  res.end();\\n});\\n\\napp.listen(3000);\\n```\\n","changelog":"# Changelog\\n\\n## [2.0.1](https://github.com/gravity-ui/app-layout/compare/v2.0.0...v2.0.1) (2024-04-09)\\n\\n\\n### Bug Fixes\\n\\n* do not modify input params ([#44](https://github.com/gravity-ui/app-layout/issues/44)) ([793bfd0](https://github.com/gravity-ui/app-layout/commit/793bfd0336600fbe296084f3241466be87228a4c))\\n\\n## [2.0.0](https://github.com/gravity-ui/app-layout/compare/v1.8.0...v2.0.0) (2024-03-20)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* add uikit plugin instead of theme render param ([#43](https://github.com/gravity-ui/app-layout/issues/43))\\n* add htmlAttributes and bodyContent.attributes render params ([#41](https://github.com/gravity-ui/app-layout/issues/41))\\n\\n### Features\\n\\n* add htmlAttributes and bodyContent.attributes render params ([#41](https://github.com/gravity-ui/app-layout/issues/41)) ([f99b4ff](https://github.com/gravity-ui/app-layout/commit/f99b4ff4492a7bb85f94bbf39fa92b691d18fdc7))\\n* add uikit plugin instead of theme render param ([#43](https://github.com/gravity-ui/app-layout/issues/43)) ([329892c](https://github.com/gravity-ui/app-layout/commit/329892cd5fa004afdfc0745e17cdc1f91a343fe5))\\n* **LayoutPlugin:** allow to pass manifest content to plugin, read manifest file on initialization ([#40](https://github.com/gravity-ui/app-layout/issues/40)) ([d2465b0](https://github.com/gravity-ui/app-layout/commit/d2465b0e3d4a9fabe8fdb4eaa0f0f4ab090c5982))\\n\\n## [1.8.0](https://github.com/gravity-ui/app-layout/compare/v1.7.1...v1.8.0) (2024-03-19)\\n\\n\\n### Features\\n\\n* export html parts renderers ([#38](https://github.com/gravity-ui/app-layout/issues/38)) ([f5fee5e](https://github.com/gravity-ui/app-layout/commit/f5fee5ef2fa513d7e7742d61b6f374ed2154e1c7))\\n\\n## [1.7.1](https://github.com/gravity-ui/app-layout/compare/v1.7.0...v1.7.1) (2024-02-27)\\n\\n\\n### Bug Fixes\\n\\n* overriding existing default meta ([#36](https://github.com/gravity-ui/app-layout/issues/36)) ([e68011e](https://github.com/gravity-ui/app-layout/commit/e68011eac80d9bbd023382593ba04e4aa4305c2d))\\n\\n## [1.7.0](https://github.com/gravity-ui/app-layout/compare/v1.6.0...v1.7.0) (2024-02-12)\\n\\n\\n### Features\\n\\n* dynamic manifest path in layout plugin ([#33](https://github.com/gravity-ui/app-layout/issues/33)) ([f3c5b97](https://github.com/gravity-ui/app-layout/commit/f3c5b97893147c5fa7a6a1b47189f54dd65d2391))\\n\\n## [1.6.0](https://github.com/gravity-ui/app-layout/compare/v1.5.0...v1.6.0) (2024-01-30)\\n\\n\\n### Features\\n\\n* add type attribute to renderScript helper ([#30](https://github.com/gravity-ui/app-layout/issues/30)) ([18b0bd2](https://github.com/gravity-ui/app-layout/commit/18b0bd20013899cd67ea1bfeb1d06929b40939e8))\\n\\n## [1.5.0](https://github.com/gravity-ui/app-layout/compare/v1.4.1...v1.5.0) (2024-01-12)\\n\\n\\n### Features\\n\\n* calculate initial body classes in @gravity-ui/uikit notation if… ([#28](https://github.com/gravity-ui/app-layout/issues/28)) ([4e3f89f](https://github.com/gravity-ui/app-layout/commit/4e3f89fd6fbf2c0a1266b83e99f676fae6f3c180))\\n\\n## [1.4.1](https://github.com/gravity-ui/app-layout/compare/v1.4.0...v1.4.1) (2023-11-23)\\n\\n\\n### Bug Fixes\\n\\n* SyntaxError: Unexpected identifier \'userParams\' ([#26](https://github.com/gravity-ui/app-layout/issues/26)) ([d6234a9](https://github.com/gravity-ui/app-layout/commit/d6234a9cc79de67a12678b4fd2c209f2ca0f36b6))\\n\\n## [1.4.0](https://github.com/gravity-ui/app-layout/compare/v1.3.0...v1.4.0) (2023-11-15)\\n\\n\\n### Features\\n\\n* add userParams prop in yaMetrika init ([#24](https://github.com/gravity-ui/app-layout/issues/24)) ([be125b1](https://github.com/gravity-ui/app-layout/commit/be125b1453b0855f745de68ae548753c6b338ee0))\\n\\n## [1.3.0](https://github.com/gravity-ui/app-layout/compare/v1.2.0...v1.3.0) (2023-09-15)\\n\\n\\n### Features\\n\\n* add function to get generated content for render an HTML page ([#21](https://github.com/gravity-ui/app-layout/issues/21)) ([5e8cfa3](https://github.com/gravity-ui/app-layout/commit/5e8cfa39804bd5c7d0d35c3926d65360f075c483))\\n\\n\\n### Bug Fixes\\n\\n* do not render metrika for empty array ([#13](https://github.com/gravity-ui/app-layout/issues/13)) ([5d255c8](https://github.com/gravity-ui/app-layout/commit/5d255c8073ad5621dc4f9adb4072c6118d5b8f0d))\\n* **metrika:** only counter id is required ([#20](https://github.com/gravity-ui/app-layout/issues/20)) ([65f4328](https://github.com/gravity-ui/app-layout/commit/65f4328fd5a13683f8a542b8b935c549202a9599))\\n* render empty root content if bodyContent.root is not set ([#18](https://github.com/gravity-ui/app-layout/issues/18)) ([1db127a](https://github.com/gravity-ui/app-layout/commit/1db127a35b4116e46ded8ba909436e8644a6e128))\\n\\n## [1.2.0](https://github.com/gravity-ui/app-layout/compare/v1.1.3...v1.2.0) (2023-03-07)\\n\\n\\n### Features\\n\\n* add `&lt;html&gt;` attributes override support ([#10](https://github.com/gravity-ui/app-layout/issues/10)) ([4275f73](https://github.com/gravity-ui/app-layout/commit/4275f7300a5209f24f797b9661f5377b2417decf))\\n\\n## [1.1.3](https://github.com/gravity-ui/app-layout/compare/v1.1.2...v1.1.3) (2022-12-13)\\n\\n\\n### Bug Fixes\\n\\n* add nonce for preload link for scripts ([#8](https://github.com/gravity-ui/app-layout/issues/8)) ([75274b0](https://github.com/gravity-ui/app-layout/commit/75274b0f63e590fe6bde64a807141568fd3fff87))\\n\\n## [1.1.2](https://github.com/gravity-ui/app-layout/compare/v1.1.1...v1.1.2) (2022-11-11)\\n\\n\\n### Bug Fixes\\n\\n* add hreflang to Link type ([#6](https://github.com/gravity-ui/app-layout/issues/6)) ([da68569](https://github.com/gravity-ui/app-layout/commit/da685696bfcf75b01a4835ffe88d199de373adb1))\\n\\n## [1.1.1](https://github.com/gravity-ui/app-layout/compare/v1.1.0...v1.1.1) (2022-10-25)\\n\\n\\n### Bug Fixes\\n\\n* make bodyContent optional ([8a60c5d](https://github.com/gravity-ui/app-layout/commit/8a60c5dd90de98ca425ced04abcf27e42a1b8a3e))\\n\\n## [1.1.0](https://github.com/gravity-ui/app-layout/compare/v1.0.1...v1.1.0) (2022-10-25)\\n\\n\\n### Features\\n\\n* add default consent to GA ([cba6e51](https://github.com/gravity-ui/app-layout/commit/cba6e5187eedcc57ea38b8709c4c86d7f709eee7))\\n\\n## [1.0.1](https://github.com/gravity-ui/app-layout/compare/v1.0.0...v1.0.1) (2022-10-25)\\n\\n\\n### Bug Fixes\\n\\n* export plugins options types ([e9e449d](https://github.com/gravity-ui/app-layout/commit/e9e449da277a25a0c360620be0da542e48bc2e5f))\\n\\n## 1.0.0 (2022-10-25)\\n\\n\\n### Features\\n\\n* pass plugins to createRcreateRenderFunction, infer plugins options types from params ([d0a4cc9](https://github.com/gravity-ui/app-layout/commit/d0a4cc91770e5a8a6d0c5b3680c935b9f9f04939))\\n\\n\\n### Bug Fixes\\n\\n* readme ([125db0a](https://github.com/gravity-ui/app-layout/commit/125db0a2382586a7791e86d98c8a2046a1e9f060))\\n\\n\\n### chore\\n\\n* **main:** release 1.0.0 ([cf76c67](https://github.com/gravity-ui/app-layout/commit/cf76c6746fcc26a06e05068de3a62b4c97701590))\\n","contributors":[{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":24},{"login":"ogonkov","avatarUrl":"https://avatars.githubusercontent.com/u/1091927?v=4","url":"https://github.com/ogonkov","contributions":3},{"login":"jhoncool","avatarUrl":"https://avatars.githubusercontent.com/u/11226935?v=4","url":"https://github.com/jhoncool","contributions":1},{"login":"Raubzeug","avatarUrl":"https://avatars.githubusercontent.com/u/42094364?v=4","url":"https://github.com/Raubzeug","contributions":1},{"login":"Kyzyl-ool","avatarUrl":"https://avatars.githubusercontent.com/u/30153778?v=4","url":"https://github.com/Kyzyl-ool","contributions":1},{"login":"Lunatic174","avatarUrl":"https://avatars.githubusercontent.com/u/10085601?v=4","url":"https://github.com/Lunatic174","contributions":1},{"login":"diadorer","avatarUrl":"https://avatars.githubusercontent.com/u/33423367?v=4","url":"https://github.com/diadorer","contributions":1},{"login":"NikitaCG","avatarUrl":"https://avatars.githubusercontent.com/u/36075690?v=4","url":"https://github.com/NikitaCG","contributions":1},{"login":"Volodomor","avatarUrl":"https://avatars.githubusercontent.com/u/29760501?v=4","url":"https://github.com/Volodomor","contributions":1},{"login":"dgaponov","avatarUrl":"https://avatars.githubusercontent.com/u/13693437?v=4","url":"https://github.com/dgaponov","contributions":1},{"login":"sofiushko","avatarUrl":"https://avatars.githubusercontent.com/u/5218950?v=4","url":"https://github.com/sofiushko","contributions":1}],"codeOwners":[]},"navigation":{"stars":21,"version":"2.16.0","lastUpdate":"27.06.2024","license":"MIT License","issues":6,"readme":"# @gravity-ui/navigation &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/navigation)](https://www.npmjs.com/package/@gravity-ui/navigation) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/navigation/.github/workflows/ci.yml?branch=main&label=CI&logo=github)](https://github.com/gravity-ui/navigation/actions/workflows/ci.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.yandexcloud.dev/navigation/)\\n\\n### Aside Header Navigation &middot; [Preview →](https://preview.yandexcloud.dev/navigation/)\\n\\n![](docs/images/showcase.png)\\n\\n## Install\\n\\n```bash\\nnpm install @gravity-ui/navigation\\n```\\n\\nEnsure that peer dependencies are installed in your project\\n\\n```bash\\nnpm install --dev @gravity-ui/uikit@^6.15.0 @gravity-ui/icons@2.2.0 @gravity-ui/components@3.0.0 @bem-react/classname@1.6.0 react@^18.0.0 react-dom@18.0.0\\n```\\n\\n## Components\\n\\n- [AsideHeader](/src/components/AsideHeader/README.md)\\n- MobileHeader\\n- FooterItem\\n- MobileHeaderFooterItem\\n- [Drawer](/src/components/Drawer/README.md)\\n- DrawerItem\\n- PageLayout\\n- PageLayoutAside\\n- AsideFallback\\n- [Logo](/src/components/Logo/Readme.md)\\n- MobileLogo\\n- Footer\\n- MobileFooter\\n\\n## CSS variables\\n\\nUsed for themization Navigation\'s components\\n","changelog":"# Changelog\\n\\n## [2.16.0](https://github.com/gravity-ui/navigation/compare/v2.15.3...v2.16.0) (2024-06-27)\\n\\n\\n### Features\\n\\n* **Drawer:** Add docs and children property ([#258](https://github.com/gravity-ui/navigation/issues/258)) ([7af75f3](https://github.com/gravity-ui/navigation/commit/7af75f3e35f70c90c4dd745e56b81cf1ecc72fb6))\\n\\n## [2.15.3](https://github.com/gravity-ui/navigation/compare/v2.15.2...v2.15.3) (2024-06-25)\\n\\n\\n### Bug Fixes\\n\\n* **CollapseButton:** fix scss ([#263](https://github.com/gravity-ui/navigation/issues/263)) ([df09b99](https://github.com/gravity-ui/navigation/commit/df09b99dfb0adc7f751d58a3c72308241899ecd5))\\n\\n## [2.15.2](https://github.com/gravity-ui/navigation/compare/v2.15.1...v2.15.2) (2024-06-25)\\n\\n\\n### Bug Fixes\\n\\n* **CollapseButton:** get rid of the impact of the border on the height of the button ([#260](https://github.com/gravity-ui/navigation/issues/260)) ([92b3896](https://github.com/gravity-ui/navigation/commit/92b38965314c7005803a104d2b35566ea96fb1eb))\\n* **MobileLogo:** fix href prop ([#261](https://github.com/gravity-ui/navigation/issues/261)) ([0a81446](https://github.com/gravity-ui/navigation/commit/0a81446db1064f06bdb5cdb45134430481eaa6c9))\\n\\n## [2.15.1](https://github.com/gravity-ui/navigation/compare/v2.15.0...v2.15.1) (2024-06-19)\\n\\n\\n### Bug Fixes\\n\\n* **AsideHeader:** fix CollapseButton min-height ([#256](https://github.com/gravity-ui/navigation/issues/256)) ([e75e080](https://github.com/gravity-ui/navigation/commit/e75e08077440dd3938030bb067806331d7cccd55))\\n\\n## [2.15.0](https://github.com/gravity-ui/navigation/compare/v2.14.1...v2.15.0) (2024-06-14)\\n\\n\\n### Features\\n\\n* support css vars for z-index in Mobile-, Aside- Header ([#255](https://github.com/gravity-ui/navigation/issues/255)) ([eb5326e](https://github.com/gravity-ui/navigation/commit/eb5326e6daae3973ed3f43959890549e98354609))\\n\\n\\n### Bug Fixes\\n\\n* **FooterItem:** add eventBrokerMeta to useCallback deps ([#253](https://github.com/gravity-ui/navigation/issues/253)) ([6eae9cd](https://github.com/gravity-ui/navigation/commit/6eae9cd35c5962d03022b06abf82ca2d9531c9e5))\\n\\n## [2.14.1](https://github.com/gravity-ui/navigation/compare/v2.14.0...v2.14.1) (2024-06-13)\\n\\n\\n### Bug Fixes\\n\\n* **AsideHeader:** prevent collapse button styles overriding ([#250](https://github.com/gravity-ui/navigation/issues/250)) ([06d8ff1](https://github.com/gravity-ui/navigation/commit/06d8ff1dab341556c7442b922a9cc1004722f1f9))\\n\\n## [2.14.0](https://github.com/gravity-ui/navigation/compare/v2.13.0...v2.14.0) (2024-06-05)\\n\\n\\n### Features\\n\\n* **FooterItem:** add meta property for eventBroker ([#248](https://github.com/gravity-ui/navigation/issues/248)) ([c129f77](https://github.com/gravity-ui/navigation/commit/c129f771cd63088c5c7e46db435952deecb9a84e))\\n\\n## [2.13.0](https://github.com/gravity-ui/navigation/compare/v2.12.0...v2.13.0) (2024-05-27)\\n\\n\\n### Features\\n\\n* **MobileHeader:** add export EVENT_NAMES and getMobileHeaderCustomEvent ([#243](https://github.com/gravity-ui/navigation/issues/243)) ([62e52ac](https://github.com/gravity-ui/navigation/commit/62e52ac8343058c6b791bdf3626dee7f26663cf2))\\n* **MultipleTooltip:** add fallback to private color for bg ([#244](https://github.com/gravity-ui/navigation/issues/244)) ([4f54626](https://github.com/gravity-ui/navigation/commit/4f546262aee1b56c71c75600aafb679b2aabf646))\\n\\n## [2.12.0](https://github.com/gravity-ui/navigation/compare/v2.11.0...v2.12.0) (2024-05-22)\\n\\n\\n### Features\\n\\n* **AsideHeader:** change default decoration, item background colors ([#238](https://github.com/gravity-ui/navigation/issues/238)) ([cf75f1f](https://github.com/gravity-ui/navigation/commit/cf75f1fc8ede4a0891d233376f10d9c01364c78d))\\n* support data-qa attribute for aside and menu items ([#241](https://github.com/gravity-ui/navigation/issues/241)) ([a5e9df0](https://github.com/gravity-ui/navigation/commit/a5e9df018b8b0907fa2023914764b842ac2b02c0))\\n\\n## [2.11.0](https://github.com/gravity-ui/navigation/compare/v2.10.0...v2.11.0) (2024-05-16)\\n\\n\\n### Features\\n\\n* **Footer:** add callback for footer more button click ([#239](https://github.com/gravity-ui/navigation/issues/239)) ([9fdf655](https://github.com/gravity-ui/navigation/commit/9fdf655c5741fd25ff25d0fa09ad63ab1cb7e257))\\n\\n## [2.10.0](https://github.com/gravity-ui/navigation/compare/v2.9.1...v2.10.0) (2024-05-13)\\n\\n\\n### Features\\n\\n* **MultipleTooltip:** use uikit background color instead of private ([#235](https://github.com/gravity-ui/navigation/issues/235)) ([5bbb3ca](https://github.com/gravity-ui/navigation/commit/5bbb3cac6b1abe39373b4cc00b88d83310d0439e))\\n\\n## [2.9.1](https://github.com/gravity-ui/navigation/compare/v2.9.0...v2.9.1) (2024-04-27)\\n\\n\\n### Bug Fixes\\n\\n* **Footer:** fix warning with setState on unmounted component ([#233](https://github.com/gravity-ui/navigation/issues/233)) ([a67b62c](https://github.com/gravity-ui/navigation/commit/a67b62ce90d57c294bbf23377e606106899b8940))\\n\\n## [2.9.0](https://github.com/gravity-ui/navigation/compare/v2.8.1...v2.9.0) (2024-04-24)\\n\\n\\n### Features\\n\\n* some a11y issues fixed ([#230](https://github.com/gravity-ui/navigation/issues/230)) ([650e38b](https://github.com/gravity-ui/navigation/commit/650e38ba6c4c5252fa894eed67a6b0254fd5e8de))\\n\\n## [2.8.1](https://github.com/gravity-ui/navigation/compare/v2.8.0...v2.8.1) (2024-04-22)\\n\\n\\n### Bug Fixes\\n\\n* **Footer:** fix clear footer clicking ([#228](https://github.com/gravity-ui/navigation/issues/228)) ([20a6964](https://github.com/gravity-ui/navigation/commit/20a6964380e6e82ef326cfa60a21ed4a3de1a46b))\\n\\n## [2.8.0](https://github.com/gravity-ui/navigation/compare/v2.7.1...v2.8.0) (2024-04-18)\\n\\n\\n### Features\\n\\n* **MobileHeader:** add contentClassName prop ([#226](https://github.com/gravity-ui/navigation/issues/226)) ([e5a92a3](https://github.com/gravity-ui/navigation/commit/e5a92a3a9bc3bc31ff1fb05e9db7e70b4734f0d1))\\n\\n## [2.7.1](https://github.com/gravity-ui/navigation/compare/v2.7.0...v2.7.1) (2024-04-17)\\n\\n\\n### Bug Fixes\\n\\n* **CollapseButton:** set pin ([#224](https://github.com/gravity-ui/navigation/issues/224)) ([7652474](https://github.com/gravity-ui/navigation/commit/7652474e8d7ea6d2ccd6abe27a0f5b139185b3ae))\\n\\n## [2.7.0](https://github.com/gravity-ui/navigation/compare/v2.6.0...v2.7.0) (2024-04-05)\\n\\n\\n### Features\\n\\n* **MenuItem:** add qa property ([#222](https://github.com/gravity-ui/navigation/issues/222)) ([28bf116](https://github.com/gravity-ui/navigation/commit/28bf116fc2cbc396aa0ab731ca05ac7387fda6e3))\\n\\n## [2.6.0](https://github.com/gravity-ui/navigation/compare/v2.5.0...v2.6.0) (2024-04-03)\\n\\n\\n### Features\\n\\n* **AsideHeader:** hide collapse button ([#219](https://github.com/gravity-ui/navigation/issues/219)) ([290d920](https://github.com/gravity-ui/navigation/commit/290d920168ece85b88bd9adeff5d5cfb7b555925))\\n\\n## [2.5.0](https://github.com/gravity-ui/navigation/compare/v2.4.2...v2.5.0) (2024-03-27)\\n\\n\\n### Features\\n\\n* **CompositeBar:** use uikit ActionTooltip instead of Tooltip ([#217](https://github.com/gravity-ui/navigation/issues/217)) ([4673f8c](https://github.com/gravity-ui/navigation/commit/4673f8c5a584bce02e6f6a16fa7b86ab833a35d3))\\n\\n## [2.4.2](https://github.com/gravity-ui/navigation/compare/v2.4.1...v2.4.2) (2024-03-27)\\n\\n\\n### Bug Fixes\\n\\n* **AsideHeader:** move top-panel-height var to g-root ([#216](https://github.com/gravity-ui/navigation/issues/216)) ([424cba2](https://github.com/gravity-ui/navigation/commit/424cba28e623854a09fd0208937e68d13d9b07a0))\\n* **AsideHeader:** return css public read only var --gn-aside-top-panel-height ([#214](https://github.com/gravity-ui/navigation/issues/214)) ([69e4bf2](https://github.com/gravity-ui/navigation/commit/69e4bf2637afa616df2faff35fc93c4c38040dbb))\\n\\n## [2.4.1](https://github.com/gravity-ui/navigation/compare/v2.4.0...v2.4.1) (2024-03-20)\\n\\n\\n### Bug Fixes\\n\\n* **Logo:** remove aside header variables from logo ([#210](https://github.com/gravity-ui/navigation/issues/210)) ([8228ce3](https://github.com/gravity-ui/navigation/commit/8228ce3b210b960432859a2e49db99cd3d994975))\\n\\n## [2.4.0](https://github.com/gravity-ui/navigation/compare/v2.3.1...v2.4.0) (2024-03-12)\\n\\n\\n### Features\\n\\n* **Footer:** add footer components ([#207](https://github.com/gravity-ui/navigation/issues/207)) ([773d039](https://github.com/gravity-ui/navigation/commit/773d039f2472136f582c42923351454fb35e9b86))\\n\\n## [2.3.1](https://github.com/gravity-ui/navigation/compare/v2.3.0...v2.3.1) (2024-03-04)\\n\\n\\n### Bug Fixes\\n\\n* **logo:** make logo independent of the aside state ([#205](https://github.com/gravity-ui/navigation/issues/205)) ([78e2f09](https://github.com/gravity-ui/navigation/commit/78e2f09b37f13fe6b1fd2ef514c0fb07d81e7631))\\n\\n## [2.3.0](https://github.com/gravity-ui/navigation/compare/v2.2.0...v2.3.0) (2024-02-22)\\n\\n\\n### Features\\n\\n* **logo:** add target property ([#203](https://github.com/gravity-ui/navigation/issues/203)) ([c04e0f0](https://github.com/gravity-ui/navigation/commit/c04e0f0c2a98915ae107313edadd88494e628912))\\n\\n## [2.2.0](https://github.com/gravity-ui/navigation/compare/v2.1.2...v2.2.0) (2024-02-20)\\n\\n\\n### Features\\n\\n* **AsideHeader:** add current item to CSS API ([#194](https://github.com/gravity-ui/navigation/issues/194)) ([cdbdf6a](https://github.com/gravity-ui/navigation/commit/cdbdf6adc575d5ee9e69d4d4e2ac68320be52d2f))\\n\\n## [2.1.2](https://github.com/gravity-ui/navigation/compare/v2.1.1...v2.1.2) (2024-02-19)\\n\\n\\n### Bug Fixes\\n\\n* **MobileFooterItem:** make modalItem prop optional ([#200](https://github.com/gravity-ui/navigation/issues/200)) ([2c968b3](https://github.com/gravity-ui/navigation/commit/2c968b35cb4c4346313ecb77eb534e8742ae6746))\\n\\n## [2.1.1](https://github.com/gravity-ui/navigation/compare/v2.1.0...v2.1.1) (2024-02-16)\\n\\n\\n### Bug Fixes\\n\\n* **Item:** fix default css var ([#193](https://github.com/gravity-ui/navigation/issues/193)) ([5df8e2d](https://github.com/gravity-ui/navigation/commit/5df8e2d6ed09066eed2b7551a3e531f4f970c6b2))\\n\\n## [2.1.0](https://github.com/gravity-ui/navigation/compare/v2.0.0...v2.1.0) (2024-02-15)\\n\\n\\n### Features\\n\\n* **Logo:** export logo components ([#190](https://github.com/gravity-ui/navigation/issues/190)) ([f2dca3a](https://github.com/gravity-ui/navigation/commit/f2dca3aa2d531da9ffd26d96d773e88e14fe9c72))\\n\\n## [2.0.0](https://github.com/gravity-ui/navigation/compare/v1.9.0...v2.0.0) (2024-02-12)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* rename CSS API vars ([#186](https://github.com/gravity-ui/navigation/issues/186))\\n    * `--gn-aside-header-background-color` -> `--gn-aside-header-decoration-collapsed-background-color`, `--gn-aside-header-decoration-expanded-background-color`\\n    * `--gn-aside-header-divider-line-color` -> `--gn-aside-header-divider-vertical-color`, `--gn-aside-header-divider-horizontal-color`\\n    * `--gn-aside-header-collapse-button-divider-line-color` -> `--gn-aside-header-divider-horizontal-color`\\n    * `--gn-aside-header-subheader-item-icon-color`, `--gn-aside-header-footer-item-icon-color`-> `--gn-aside-header-general-item-icon-color`\\n    * `--gn-aside-header-menu-item-icon-color` -> `--gn-aside-header-item-icon-color`\\n* update uikit 6, components 2 and other deps ([#185](https://github.com/gravity-ui/navigation/issues/185))\\n* remove local configure, use uikit/i18n ([#177](https://github.com/gravity-ui/navigation/issues/177)) ([f39870f](https://github.com/gravity-ui/navigation/commit/f39870fd5f15373495bcfc2460559d3052725481))\\n\\n### Features\\n\\n* **AsideHeader:** support CSS API ([#182](https://github.com/gravity-ui/navigation/issues/182)) ([3328b09](https://github.com/gravity-ui/navigation/commit/3328b09dcc5b03722f8cf24eb7fe4f07425eefe0))\\n\\n## [1.9.0](https://github.com/gravity-ui/navigation/compare/v1.8.4...v1.9.0) (2024-02-02)\\n\\n\\n### Features\\n\\n* **Item:** added popupContentClassName prop ([#181](https://github.com/gravity-ui/navigation/issues/181)) ([38bfdd6](https://github.com/gravity-ui/navigation/commit/38bfdd60b3a108c7e5f90e67ad0eb27c52480e2b))\\n\\n\\n### Bug Fixes\\n\\n* **MultipleTooltip:** changed tooltips and it\'s backdrop styles ([#179](https://github.com/gravity-ui/navigation/issues/179)) ([0a12da5](https://github.com/gravity-ui/navigation/commit/0a12da5064730be8dc134a8037e18a2d29cc0b4c))\\n\\n## [1.8.4](https://github.com/gravity-ui/navigation/compare/v1.8.3...v1.8.4) (2024-01-24)\\n\\n\\n### Bug Fixes\\n\\n* className for FirstPanel ([#174](https://github.com/gravity-ui/navigation/issues/174)) ([3d11be8](https://github.com/gravity-ui/navigation/commit/3d11be89a03695205d896410e8785be76501b59d))\\n\\n## [1.8.3](https://github.com/gravity-ui/navigation/compare/v1.8.2...v1.8.3) (2023-12-21)\\n\\n\\n### Bug Fixes\\n\\n* **CompositeBar:** remove NaN warning ([#171](https://github.com/gravity-ui/navigation/issues/171)) ([8b3857e](https://github.com/gravity-ui/navigation/commit/8b3857e31a9511e0954879eeb7bc71e47531f299))\\n\\n## [1.8.2](https://github.com/gravity-ui/navigation/compare/v1.8.1...v1.8.2) (2023-12-19)\\n\\n\\n### Bug Fixes\\n\\n* return mock in AsideHeaderContext ([#169](https://github.com/gravity-ui/navigation/issues/169)) ([873fb73](https://github.com/gravity-ui/navigation/commit/873fb731225071c281f5f0319c558be34acffc65))\\n\\n## [1.8.1](https://github.com/gravity-ui/navigation/compare/v1.8.0...v1.8.1) (2023-12-14)\\n\\n\\n### Bug Fixes\\n\\n* multiple tooltip backgroud styles precedence ([#167](https://github.com/gravity-ui/navigation/issues/167)) ([dd9ebc7](https://github.com/gravity-ui/navigation/commit/dd9ebc7c38c702c5daec1c2e725e8204f50639d9))\\n\\n## [1.8.0](https://github.com/gravity-ui/navigation/compare/v1.7.0...v1.8.0) (2023-12-08)\\n\\n\\n### Features\\n\\n* **AsideHeader:** add custom background ([#163](https://github.com/gravity-ui/navigation/issues/163)) ([f2226d9](https://github.com/gravity-ui/navigation/commit/f2226d96555ac4a42053693301d83c0b145e5bba))\\n\\n## [1.7.0](https://github.com/gravity-ui/navigation/compare/v1.6.2...v1.7.0) (2023-11-27)\\n\\n\\n### Features\\n\\n* add AsideFallback ([#161](https://github.com/gravity-ui/navigation/issues/161)) ([6e08a91](https://github.com/gravity-ui/navigation/commit/6e08a9188fd53d245c6f1c117099622e3ce755a8))\\n\\n## [1.6.2](https://github.com/gravity-ui/navigation/compare/v1.6.1...v1.6.2) (2023-11-24)\\n\\n\\n### Bug Fixes\\n\\n* global scroll with top panel and aside header ([#159](https://github.com/gravity-ui/navigation/issues/159)) ([cfe44e0](https://github.com/gravity-ui/navigation/commit/cfe44e0fe0beeb87ebf7855e6a9ac4a2f048ae8f))\\n\\n## [1.6.1](https://github.com/gravity-ui/navigation/compare/v1.6.0...v1.6.1) (2023-11-23)\\n\\n\\n### Bug Fixes\\n\\n* global scroll without top alert ([#157](https://github.com/gravity-ui/navigation/issues/157)) ([8648858](https://github.com/gravity-ui/navigation/commit/86488587eac075e1d0bcccc959e3bb7050805ed8))\\n\\n## [1.6.0](https://github.com/gravity-ui/navigation/compare/v1.5.0...v1.6.0) (2023-11-23)\\n\\n\\n### Features\\n\\n* aside header top alert ([#118](https://github.com/gravity-ui/navigation/issues/118)) ([efc4839](https://github.com/gravity-ui/navigation/commit/efc483966dafbd2cf28b5c4a39c5530532deea66))\\n\\n## [1.5.0](https://github.com/gravity-ui/navigation/compare/v1.4.2...v1.5.0) (2023-11-21)\\n\\n\\n### Features\\n\\n* **HotkeysPanel:** add clear button for the search input ([#154](https://github.com/gravity-ui/navigation/issues/154)) ([bb948cf](https://github.com/gravity-ui/navigation/commit/bb948cf2ad2cc39431371164ed0fa8c4507eaceb))\\n\\n## [1.4.2](https://github.com/gravity-ui/navigation/compare/v1.4.1...v1.4.2) (2023-11-16)\\n\\n\\n### Bug Fixes\\n\\n* **Settings:** fixed the Settings/Selection imports in index.ts ([#152](https://github.com/gravity-ui/navigation/issues/152)) ([1d28fda](https://github.com/gravity-ui/navigation/commit/1d28fdad11c412a907d85dd32ee04eca5e1f2b93))\\n\\n## [1.4.1](https://github.com/gravity-ui/navigation/compare/v1.4.0...v1.4.1) (2023-11-14)\\n\\n\\n### Bug Fixes\\n\\n* **CompositeBar/Item:** support itemWrapper icon for highlighted node ([#148](https://github.com/gravity-ui/navigation/issues/148)) ([6874ee1](https://github.com/gravity-ui/navigation/commit/6874ee1a0a18bc5cbcb64d5f674601199f6c034e))\\n\\n## [1.4.0](https://github.com/gravity-ui/navigation/compare/v1.3.0...v1.4.0) (2023-11-13)\\n\\n\\n### Features\\n\\n* **Settings:** Added selection feature to the Settings ([#145](https://github.com/gravity-ui/navigation/issues/145)) ([9cacfe2](https://github.com/gravity-ui/navigation/commit/9cacfe2a1a91b50f14a88dfa0c481a412a2ef644))\\n\\n## [1.3.0](https://github.com/gravity-ui/navigation/compare/v1.2.0...v1.3.0) (2023-11-10)\\n\\n\\n### Features\\n\\n* updated vertical divider ([#144](https://github.com/gravity-ui/navigation/issues/144)) ([1e7dc82](https://github.com/gravity-ui/navigation/commit/1e7dc8249fd869853eeabab45a08c306c95448de))\\n\\n## [1.2.0](https://github.com/gravity-ui/navigation/compare/v1.1.3...v1.2.0) (2023-11-03)\\n\\n\\n### Features\\n\\n* split AsideHeader to compound components ([#140](https://github.com/gravity-ui/navigation/issues/140)) ([1099f68](https://github.com/gravity-ui/navigation/commit/1099f6830b25ceb393e3a4b51d33f92bc5b16760))\\n\\n## [1.1.3](https://github.com/gravity-ui/navigation/compare/v1.1.2...v1.1.3) (2023-10-24)\\n\\n\\n### Bug Fixes\\n\\n* **MultipleTooltip:** disable layer ([#141](https://github.com/gravity-ui/navigation/issues/141)) ([65452a9](https://github.com/gravity-ui/navigation/commit/65452a9e7558b10288f31bd646785b8a05c4dcb3))\\n\\n## [1.1.2](https://github.com/gravity-ui/navigation/compare/v1.1.1...v1.1.2) (2023-10-17)\\n\\n\\n### Bug Fixes\\n\\n* **CompositeBar:** recalc mounted PopupPosition if compact mode changed ([#138](https://github.com/gravity-ui/navigation/issues/138)) ([56ac451](https://github.com/gravity-ui/navigation/commit/56ac451bebb55a8d8163fb9ccd38acb236f1eb99))\\n\\n## [1.1.1](https://github.com/gravity-ui/navigation/compare/v1.1.0...v1.1.1) (2023-10-13)\\n\\n\\n### Bug Fixes\\n\\n* **Settings:** extend description SettingsItem prop ([#136](https://github.com/gravity-ui/navigation/issues/136)) ([c285014](https://github.com/gravity-ui/navigation/commit/c285014fee69af84bfa207ba3e78dc5d6c61a49a))\\n\\n## [1.1.0](https://github.com/gravity-ui/navigation/compare/v1.0.0...v1.1.0) (2023-10-10)\\n\\n\\n### Features\\n\\n* **MenuItem:** extend tooltipText prop ([#133](https://github.com/gravity-ui/navigation/issues/133)) ([2c8a6bf](https://github.com/gravity-ui/navigation/commit/2c8a6bffece849e2fe8133ade7a3e23a76a7c683))\\n\\n## [1.0.0](https://github.com/gravity-ui/navigation/compare/v0.23.3...v1.0.0) (2023-10-10)\\n\\n\\n### chore\\n\\n* bump version ([80a67a7](https://github.com/gravity-ui/navigation/commit/80a67a7ff27ec3d026fa365bfb3fa15d59c9978e))\\n\\n## [0.23.3](https://github.com/gravity-ui/navigation/compare/v0.23.2...v0.23.3) (2023-10-09)\\n\\n\\n### Bug Fixes\\n\\n* **AsideHeader:** add --gn-aside-header-size css var ([#130](https://github.com/gravity-ui/navigation/issues/130)) ([5b9e5a0](https://github.com/gravity-ui/navigation/commit/5b9e5a05fdd5dc6a17491498c54d6c969e7c31e1))\\n\\n## [0.23.2](https://github.com/gravity-ui/navigation/compare/v0.23.1...v0.23.2) (2023-10-09)\\n\\n\\n### Bug Fixes\\n\\n* **AsideHeader:** change ref type ([#128](https://github.com/gravity-ui/navigation/issues/128)) ([a3274e8](https://github.com/gravity-ui/navigation/commit/a3274e8262a06cae8b54a0b2d220bce7a54a06b8))\\n\\n## [0.23.1](https://github.com/gravity-ui/navigation/compare/v0.23.0...v0.23.1) (2023-10-06)\\n\\n\\n### Bug Fixes\\n\\n* **Settings:** not-found state styles for mobile ([#126](https://github.com/gravity-ui/navigation/issues/126)) ([75d354b](https://github.com/gravity-ui/navigation/commit/75d354b20a9b50fdff6ff0ecfc1e7a236d5df837))\\n\\n## [0.23.0](https://github.com/gravity-ui/navigation/compare/v0.22.2...v0.23.0) (2023-10-05)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* **AsideHeader:** add ref prop for popup-anchor ([#123](https://github.com/gravity-ui/navigation/issues/123))\\n\\n### Features\\n\\n* **AsideHeader:** add ref prop for popup-anchor ([#123](https://github.com/gravity-ui/navigation/issues/123)) ([de2e3f4](https://github.com/gravity-ui/navigation/commit/de2e3f4fd094054b574d4b239a582bad37a3fef5))\\n\\n## [0.22.2](https://github.com/gravity-ui/navigation/compare/v0.22.1...v0.22.2) (2023-10-04)\\n\\n\\n### Bug Fixes\\n\\n* **AllPages:** fix stuck i18n ([#121](https://github.com/gravity-ui/navigation/issues/121)) ([f7879b3](https://github.com/gravity-ui/navigation/commit/f7879b3ddd361275c1d116efcb03f894b3a200ec))\\n\\n## [0.22.1](https://github.com/gravity-ui/navigation/compare/v0.22.0...v0.22.1) (2023-10-02)\\n\\n\\n### Bug Fixes\\n\\n* **AsideHeader:** return export AsideHeaderProps ([#119](https://github.com/gravity-ui/navigation/issues/119)) ([1ba6f85](https://github.com/gravity-ui/navigation/commit/1ba6f856479d22cb4330341a7164dee3e432e0cb))\\n* **CompositeBar:** fix stucking multipleTooltip ([#117](https://github.com/gravity-ui/navigation/issues/117)) ([be6534e](https://github.com/gravity-ui/navigation/commit/be6534e1a6f49dd8ce1e1dde1aba837b661baf19))\\n\\n## [0.22.0](https://github.com/gravity-ui/navigation/compare/v0.21.1...v0.22.0) (2023-09-29)\\n\\n\\n### Features\\n\\n* **all-pages-panel:** added all pages panel ([1ed3ba3](https://github.com/gravity-ui/navigation/commit/1ed3ba3a919c0902704a1e8ac7cf62ba401d35ab))\\n* **all-pages-panel:** added all pages panel ([#109](https://github.com/gravity-ui/navigation/issues/109)) ([1ed3ba3](https://github.com/gravity-ui/navigation/commit/1ed3ba3a919c0902704a1e8ac7cf62ba401d35ab))\\n\\n## [0.21.1](https://github.com/gravity-ui/navigation/compare/v0.21.0...v0.21.1) (2023-09-28)\\n\\n\\n### Bug Fixes\\n\\n* **CompositeBar/Item:** fix odd closing popup by click inside ([#114](https://github.com/gravity-ui/navigation/issues/114)) ([cec9812](https://github.com/gravity-ui/navigation/commit/cec9812a3db6824bd4f78877e4247523b020737f))\\n\\n## [0.21.0](https://github.com/gravity-ui/navigation/compare/v0.20.0...v0.21.0) (2023-09-27)\\n\\n\\n### Features\\n\\n* supported initial search in settings ([#112](https://github.com/gravity-ui/navigation/issues/112)) ([b858783](https://github.com/gravity-ui/navigation/commit/b858783fcced5df0339f279f4bb05a687270b5a1))\\n\\n## [0.20.0](https://github.com/gravity-ui/navigation/compare/v0.19.0...v0.20.0) (2023-09-27)\\n\\n\\n### Features\\n\\n* added right adornments for settings items ([#110](https://github.com/gravity-ui/navigation/issues/110)) ([fe14e64](https://github.com/gravity-ui/navigation/commit/fe14e64f7423df8f12d881c7347d51c5d0469aff))\\n\\n## [0.19.0](https://github.com/gravity-ui/navigation/compare/v0.18.1...v0.19.0) (2023-09-26)\\n\\n\\n### Features\\n\\n* added exports for settings props ([#107](https://github.com/gravity-ui/navigation/issues/107)) ([a3fc62f](https://github.com/gravity-ui/navigation/commit/a3fc62f80fae51e3bc52103857706a583b5f8e6a))\\n\\n## [0.18.1](https://github.com/gravity-ui/navigation/compare/v0.18.0...v0.18.1) (2023-09-22)\\n\\n\\n### Bug Fixes\\n\\n* **Drawer:** fix animation ([#105](https://github.com/gravity-ui/navigation/issues/105)) ([45d57c2](https://github.com/gravity-ui/navigation/commit/45d57c2ddf3a76a06987849fdcae9fcadc693543))\\n\\n## [0.18.0](https://github.com/gravity-ui/navigation/compare/v0.17.0...v0.18.0) (2023-09-21)\\n\\n\\n### Features\\n\\n* **AsideHeader:** move openModalSubscriber prop to AsideHeader ([#103](https://github.com/gravity-ui/navigation/issues/103)) ([69ad527](https://github.com/gravity-ui/navigation/commit/69ad5278321e16c06331e3f166f47fbe8176049b))\\n\\n## [0.17.0](https://github.com/gravity-ui/navigation/compare/v0.16.0...v0.17.0) (2023-09-08)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* Change defaults for `AsideHeader` ([#99](https://github.com/gravity-ui/navigation/issues/99))\\n  * ASIDE_HEADER_ICON_SIZE = 18px\\n  * Change subheader and footer icons color. `--g-color-text-misc` -> `--g-color-text-primary`\\n* Add prefix to css vars ([#99](https://github.com/gravity-ui/navigation/issues/99))\\n  * `--aside-header-background-color` -> `--gn-aside-header-background-color`\\n  * `--aside-header-collapse-button-divider-line-color` -> `--gn-aside-header-collapse-button-divider-line-color`\\n  * `--aside-header-divider-line-color` -> `--gn-aside-header-divider-line-color`\\n  * `--aside-header-header-divider-line-color` -> `--gn-aside-header-subheader-divider-line-color`\\n\\nRead more about [themization](https://github.com/gravity-ui/navigation#css-variables)\\n\\n### Features\\n\\n* **AsideHeader:** support highlighted item ([#97](https://github.com/gravity-ui/navigation/issues/97)) ([f8c06a1](https://github.com/gravity-ui/navigation/commit/f8c06a176ab7e48369931b5bf6e0f0fef69ce227))\\n* change defaults, add prefix to css vars ([#99](https://github.com/gravity-ui/navigation/issues/99)) ([08a812a](https://github.com/gravity-ui/navigation/commit/08a812a216c12385505c492cbfdcb4c3078498a2))\\n\\n\\n### Bug Fixes\\n\\n* **CompositeBar:** fix multipleTooltip sticking ([#100](https://github.com/gravity-ui/navigation/issues/100)) ([420bd6e](https://github.com/gravity-ui/navigation/commit/420bd6ee24a7a23091322e8d43e7d9cc4a4ad7b8))\\n\\n## [0.16.0](https://github.com/gravity-ui/navigation/compare/v0.15.0...v0.16.0) (2023-08-23)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* support configure ([#95](https://github.com/gravity-ui/navigation/issues/95))\\n\\n### Features\\n\\n* support configure ([#95](https://github.com/gravity-ui/navigation/issues/95)) ([c0140a7](https://github.com/gravity-ui/navigation/commit/c0140a730107ec28cb674637d15f0f07713a52e8))\\n\\n## [0.15.0](https://github.com/gravity-ui/navigation/compare/v0.14.0...v0.15.0) (2023-08-21)\\n\\n\\n### Features\\n\\n* **AsideHeader/SubheaderItem:** support popup props ([#89](https://github.com/gravity-ui/navigation/issues/89)) ([64f24e9](https://github.com/gravity-ui/navigation/commit/64f24e939597e66d45f010d182f452b7b0f29695))\\n\\n## [0.14.0](https://github.com/gravity-ui/navigation/compare/v0.13.1...v0.14.0) (2023-08-18)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* rename CSS namespace ([#87](https://github.com/gravity-ui/navigation/issues/87))\\n\\n### Features\\n\\n* rename CSS namespace ([#87](https://github.com/gravity-ui/navigation/issues/87)) ([0b3bcc9](https://github.com/gravity-ui/navigation/commit/0b3bcc9cc0b097bed4b0cd90d5da0bdbea00fda1))\\n\\n\\n### Bug Fixes\\n\\n* remove reexport configure temporary ([#90](https://github.com/gravity-ui/navigation/issues/90)) ([e414e2a](https://github.com/gravity-ui/navigation/commit/e414e2a17d9cef17d368af2c9ebf2d2831870616))\\n* **storybook:** after hide reexport configure ([#92](https://github.com/gravity-ui/navigation/issues/92)) ([727086e](https://github.com/gravity-ui/navigation/commit/727086e7c5a28e4094e4018e37263d38bc9703dd))\\n\\n## [0.13.1](https://github.com/gravity-ui/navigation/compare/v0.13.0...v0.13.1) (2023-08-17)\\n\\n\\n### Bug Fixes\\n\\n* **Logo:** revive href prop ([#85](https://github.com/gravity-ui/navigation/issues/85)) ([59b2d69](https://github.com/gravity-ui/navigation/commit/59b2d6962357f40d0b76d3e83e2eac868d574be8))\\n\\n## [0.13.0](https://github.com/gravity-ui/navigation/compare/v0.12.0...v0.13.0) (2023-08-17)\\n\\n\\n### Features\\n\\n* **Item:** add ref to itemWrapper options ([#84](https://github.com/gravity-ui/navigation/issues/84)) ([1f3be59](https://github.com/gravity-ui/navigation/commit/1f3be59f0820f85c10d4d65db9ebabf1d6826033))\\n* supported onClickCapture in Item and FooterItem ([#82](https://github.com/gravity-ui/navigation/issues/82)) ([4646563](https://github.com/gravity-ui/navigation/commit/4646563ebe9b7c64164c00518d724f115865ab8a))\\n\\n## [0.12.0](https://github.com/gravity-ui/navigation/compare/v0.11.1...v0.12.0) (2023-08-15)\\n\\n\\n### Features\\n\\n* added AsideHeaderContext ([#79](https://github.com/gravity-ui/navigation/issues/79)) ([4bac263](https://github.com/gravity-ui/navigation/commit/4bac2630d6ee004880754bbdf7a86438b27e86d8))\\n* supported events in onClick callbacks ([#81](https://github.com/gravity-ui/navigation/issues/81)) ([a861031](https://github.com/gravity-ui/navigation/commit/a861031e473aca03898d10de0c763cc1990a6664))\\n\\n## [0.11.1](https://github.com/gravity-ui/navigation/compare/v0.11.0...v0.11.1) (2023-07-26)\\n\\n\\n### Bug Fixes\\n\\n* fix build ([#77](https://github.com/gravity-ui/navigation/issues/77)) ([b8f8ef5](https://github.com/gravity-ui/navigation/commit/b8f8ef591998fae8ef51118aaaa1d1c1f73a1ea9))\\n* workflow main-preview ([#75](https://github.com/gravity-ui/navigation/issues/75)) ([e148bdd](https://github.com/gravity-ui/navigation/commit/e148bddb056883b2bfba48094f907ae20e563c7f))\\n\\n## [0.11.0](https://github.com/gravity-ui/navigation/compare/v0.10.1...v0.11.0) (2023-07-26)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* migration on uikit 5 ([#71](https://github.com/gravity-ui/navigation/issues/71))\\n\\n### Features\\n\\n* migration on uikit 5 ([#71](https://github.com/gravity-ui/navigation/issues/71)) ([a032d42](https://github.com/gravity-ui/navigation/commit/a032d4293a899a058487ea12205d8dff1342f6a3))\\n\\n## [0.10.1](https://github.com/gravity-ui/navigation/compare/v0.10.0...v0.10.1) (2023-07-26)\\n\\n\\n### Bug Fixes\\n\\n* **CompositeBar:** problem with not working onItemClick prop ([#72](https://github.com/gravity-ui/navigation/issues/72)) ([59d4c3d](https://github.com/gravity-ui/navigation/commit/59d4c3d72fd4a95f5f6b41b2b84444184b89d3a1))\\n\\n## [0.10.0](https://github.com/gravity-ui/navigation/compare/v0.9.0...v0.10.0) (2023-07-25)\\n\\n\\n### Features\\n\\n* added MultipleTooltip ([#69](https://github.com/gravity-ui/navigation/issues/69)) ([ab35916](https://github.com/gravity-ui/navigation/commit/ab35916366457a1bc8cd81cd8c6d9811d3f2d82c))\\n* **CompositeBar:** rewritten to FC ([#67](https://github.com/gravity-ui/navigation/issues/67)) ([78f43b0](https://github.com/gravity-ui/navigation/commit/78f43b04c8eaa155a44e6953130476a85d0a4b40))\\n* **Item:** forward event to onItemClick ([#70](https://github.com/gravity-ui/navigation/issues/70)) ([ac571dc](https://github.com/gravity-ui/navigation/commit/ac571dca9cfec5fb3d919fee3a3cd4744c52a8e1))\\n\\n## [0.9.0](https://github.com/gravity-ui/navigation/compare/v0.8.1...v0.9.0) (2023-07-04)\\n\\n\\n### Features\\n\\n* added new stories for ActionBar ([#64](https://github.com/gravity-ui/navigation/issues/64)) ([96dbcf3](https://github.com/gravity-ui/navigation/commit/96dbcf39863aea6ea781a224636b4abc6f5a64e5))\\n* added type exports for ActionBar ([#66](https://github.com/gravity-ui/navigation/issues/66)) ([f911bd6](https://github.com/gravity-ui/navigation/commit/f911bd645aad36b453c7a9c49974f0bc790bea5d))\\n\\n## [0.8.1](https://github.com/gravity-ui/navigation/compare/v0.8.0...v0.8.1) (2023-06-23)\\n\\n\\n### Bug Fixes\\n\\n* **MobileHeader:** add export ([#61](https://github.com/gravity-ui/navigation/issues/61)) ([15523f5](https://github.com/gravity-ui/navigation/commit/15523f5e114cc5d2f9842775ce064a9f9b1daa86))\\n\\n## [0.8.0](https://github.com/gravity-ui/navigation/compare/v0.7.0...v0.8.0) (2023-06-09)\\n\\n\\n### Features\\n\\n* **Title:** add component ([#58](https://github.com/gravity-ui/navigation/issues/58)) ([17cfa36](https://github.com/gravity-ui/navigation/commit/17cfa362c4394aa8e72c67f1e9abea92c5102fe8))\\n\\n## [0.7.0](https://github.com/gravity-ui/navigation/compare/v0.6.1...v0.7.0) (2023-06-08)\\n\\n\\n### Features\\n\\n* **CompositeBar/Item:** add popupKeepMounted prop ([#55](https://github.com/gravity-ui/navigation/issues/55)) ([88140e8](https://github.com/gravity-ui/navigation/commit/88140e8bcfa9c86aeb0c6d45770eb545fb23a589))\\n* **HotkeysPanel:** add component ([#53](https://github.com/gravity-ui/navigation/issues/53)) ([86c59bd](https://github.com/gravity-ui/navigation/commit/86c59bdb09bde48ba3588abfdb14e8219c9a902c))\\n\\n\\n### Bug Fixes\\n\\n* **Logo:** disable hover animation on button ([#54](https://github.com/gravity-ui/navigation/issues/54)) ([99f2787](https://github.com/gravity-ui/navigation/commit/99f2787dfa39b04e160a0517e5555408f584971d))\\n\\n## [0.6.1](https://github.com/gravity-ui/navigation/compare/v0.6.0...v0.6.1) (2023-06-07)\\n\\n\\n### Bug Fixes\\n\\n* **FooterItem:** fix button area ([#50](https://github.com/gravity-ui/navigation/issues/50)) ([4e6904d](https://github.com/gravity-ui/navigation/commit/4e6904df4f650c80d5587edc6361b766fcd29e57))\\n\\n## [0.6.0](https://github.com/gravity-ui/navigation/compare/v0.5.0...v0.6.0) (2023-06-07)\\n\\n\\n### Features\\n\\n* **AsideHeader:** add headerDecoration prop ([#49](https://github.com/gravity-ui/navigation/issues/49)) ([2e98c65](https://github.com/gravity-ui/navigation/commit/2e98c65033f221d7085af735d214fc8e6d22bc8a))\\n* **SettingsMenuMobile:** add component ([#47](https://github.com/gravity-ui/navigation/issues/47)) ([092b6c4](https://github.com/gravity-ui/navigation/commit/092b6c4c995ff7f448623de435757d64fca948d4))\\n\\n## [0.5.0](https://github.com/gravity-ui/navigation/compare/v0.4.0...v0.5.0) (2023-05-11)\\n\\n\\n### Features\\n\\n* support React 18 in peerDeps ([#44](https://github.com/gravity-ui/navigation/issues/44)) ([400db16](https://github.com/gravity-ui/navigation/commit/400db1601773a1d35f785d4d3adfabea762307d6))\\n\\n## [0.4.0](https://github.com/gravity-ui/navigation/compare/v0.3.2...v0.4.0) (2023-03-06)\\n\\n\\n### Features\\n\\n* use uikit Tooltip ([#42](https://github.com/gravity-ui/navigation/issues/42)) ([2de0cac](https://github.com/gravity-ui/navigation/commit/2de0cac90c730f40ab41c49312bdd367c4f9cada))\\n\\n\\n### Bug Fixes\\n\\n* updated README.md storybook link ([#40](https://github.com/gravity-ui/navigation/issues/40)) ([511abd9](https://github.com/gravity-ui/navigation/commit/511abd9f1051b361e5918d91eaaf3bb1af65f2d3))\\n\\n## [0.3.2](https://github.com/gravity-ui/navigation/compare/v0.3.1...v0.3.2) (2023-02-17)\\n\\n\\n### Bug Fixes\\n\\n* **AsideHeader:** panel border in High Contrast themes ([#37](https://github.com/gravity-ui/navigation/issues/37)) ([340f9bb](https://github.com/gravity-ui/navigation/commit/340f9bb5b728fe9757e9f9db26669f12e3770ae9))\\n* **Logo:** close panels by logo click ([#39](https://github.com/gravity-ui/navigation/issues/39)) ([860e8b2](https://github.com/gravity-ui/navigation/commit/860e8b29408ed5eba0880f0ebc63e2e6551ded4d))\\n\\n## [0.3.1](https://github.com/gravity-ui/navigation/compare/v0.3.0...v0.3.1) (2022-12-29)\\n\\n\\n### Bug Fixes\\n\\n* keep svg viewbox ([#33](https://github.com/gravity-ui/navigation/issues/33)) ([0205630](https://github.com/gravity-ui/navigation/commit/020563098e5e1d8187f2d2c62e7ef9af4d4085eb))\\n\\n## [0.3.0](https://github.com/gravity-ui/navigation/compare/v0.2.1...v0.3.0) (2022-11-24)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* Type of FooterItemProps.item.itemWrapper is changed ([df865df](https://github.com/gravity-ui/navigation/commit/df865df329f6c1e62c09063cdbf1596e634e8145))\\n\\n\\n### Bug Fixes\\n\\n* footer items should be in bottom even if menuItems is empty ([d55e55e](https://github.com/gravity-ui/navigation/commit/d55e55e267be989b2f94d552476f21c116af9489))\\n\\n## [0.2.1](https://github.com/gravity-ui/navigation/compare/v0.2.0...v0.2.1) (2022-10-31)\\n\\n\\n### Bug Fixes\\n\\n* types declaration dir ([#27](https://github.com/gravity-ui/navigation/issues/27)) ([6840db8](https://github.com/gravity-ui/navigation/commit/6840db839a13ac77b13d11c06907b6fff52b4845))\\n\\n## [0.2.0](https://github.com/gravity-ui/navigation/compare/v0.1.0...v0.2.0) (2022-10-31)\\n\\n\\n### Features\\n\\n* add Settings component ([b7ad550](https://github.com/gravity-ui/navigation/commit/b7ad550825d5cc0ac416b57d0c35f6ccd459793d))\\n\\n\\n### Bug Fixes\\n\\n* component AsideHeader should be stateless ([e2cbd15](https://github.com/gravity-ui/navigation/commit/e2cbd15921d051aada9246f27f34c60ca8169ec9))\\n* onClosePanel should be called before onItemClick ([8d0acb5](https://github.com/gravity-ui/navigation/commit/8d0acb5603129817aea929f881f85a264b074fe7))\\n* package-lock.json ([#26](https://github.com/gravity-ui/navigation/issues/26)) ([14f012e](https://github.com/gravity-ui/navigation/commit/14f012eeda4f97bbd0e4e48e7b83bf195cb3c0ab))\\n* set z-index for .ycn-aside-header__content ([b793bc6](https://github.com/gravity-ui/navigation/commit/b793bc63ca760f608a4f5f2961af1947b0972fc2))\\n* sticky-element should not be restrict by an extra parent element ([5ecfac3](https://github.com/gravity-ui/navigation/commit/5ecfac3da2b390255485aef63718b6a2c4c4a8c0))\\n\\n## [0.1.0](https://github.com/gravity-ui/navigation/compare/v0.0.7...v0.1.0) (2022-10-17)\\n\\n\\n### Features\\n\\n* add ActionBar component ([#19](https://github.com/gravity-ui/navigation/issues/19)) ([595d418](https://github.com/gravity-ui/navigation/commit/595d4189f005615e4ba504cef4689d48fb6a798a))\\n* **CompositeBar:** divider item type ([#11](https://github.com/gravity-ui/navigation/issues/11)) ([89f3b85](https://github.com/gravity-ui/navigation/commit/89f3b854ac9348837352809101502a876def8940))\\n\\n## [0.0.7](https://github.com/gravity-ui/navigation/compare/v0.0.6...v0.0.7) (2022-10-11)\\n\\n\\n### Bug Fixes\\n\\n* package bundling ([#16](https://github.com/gravity-ui/navigation/issues/16)) ([9987afb](https://github.com/gravity-ui/navigation/commit/9987afb3c2a98ef79dc36d40f08070b4a96c6882))\\n\\n## [0.0.6](https://github.com/gravity-ui/navigation/compare/v0.0.5...v0.0.6) (2022-10-11)\\n\\n\\n### Bug Fixes\\n\\n* import svg ([#14](https://github.com/gravity-ui/navigation/issues/14)) ([91ea13f](https://github.com/gravity-ui/navigation/commit/91ea13ff3b199bbbcc3ddd2472a6b91d2b76b453))\\n\\n## [0.0.5](https://github.com/gravity-ui/navigation/compare/v0.0.4...v0.0.5) (2022-10-11)\\n\\n\\n### Bug Fixes\\n\\n* add prepublishOnly script to package.json ([#12](https://github.com/gravity-ui/navigation/issues/12)) ([9dd3b74](https://github.com/gravity-ui/navigation/commit/9dd3b746de5339108da419b52479de16677e80f8))\\n\\n## [0.0.4](https://github.com/gravity-ui/navigation/compare/v0.0.3...v0.0.4) (2022-10-10)\\n\\n\\n### Bug Fixes\\n\\n* fix typo in props name ([#8](https://github.com/gravity-ui/navigation/issues/8)) ([c1292e3](https://github.com/gravity-ui/navigation/commit/c1292e391fc9a01f324b0cb4192a331d1f116822))\\n\\n## [0.0.3](https://github.com/gravity-ui/navigation/compare/v0.0.2...v0.0.3) (2022-09-30)\\n\\n\\n### Features\\n\\n* Transfer remaining components ([#4](https://github.com/gravity-ui/navigation/issues/4)) ([70b7d5e](https://github.com/gravity-ui/navigation/commit/70b7d5edd9fddea94ac087f3fd6269753ad3e5fc))\\n\\n## [0.0.2](https://github.com/gravity-ui/navigation/compare/v0.0.1...v0.0.2) (2022-09-28)\\n\\n\\n### Bug Fixes\\n\\n* package name ([#2](https://github.com/gravity-ui/navigation/issues/2)) ([0aa4f2f](https://github.com/gravity-ui/navigation/commit/0aa4f2f8b57d3ee5192b6e9cd088796e007274d9))\\n\\n## 0.0.1 (2022-09-27)\\n\\n\\n### chore\\n\\n* initial release ([eabd12e](https://github.com/gravity-ui/navigation/commit/eabd12ed9eb46663ae58a8c3f9eaa7f4c59495ba))\\n","contributors":[{"login":"Lunory","avatarUrl":"https://avatars.githubusercontent.com/u/22904809?v=4","url":"https://github.com/Lunory","contributions":66},{"login":"DarkGenius","avatarUrl":"https://avatars.githubusercontent.com/u/4076124?v=4","url":"https://github.com/DarkGenius","contributions":28},{"login":"sunduckcow","avatarUrl":"https://avatars.githubusercontent.com/u/83990793?v=4","url":"https://github.com/sunduckcow","contributions":12},{"login":"ma-efremoff","avatarUrl":"https://avatars.githubusercontent.com/u/64027148?v=4","url":"https://github.com/ma-efremoff","contributions":9},{"login":"kseniya57","avatarUrl":"https://avatars.githubusercontent.com/u/31247233?v=4","url":"https://github.com/kseniya57","contributions":8},{"login":"mournfulCoroner","avatarUrl":"https://avatars.githubusercontent.com/u/56549651?v=4","url":"https://github.com/mournfulCoroner","contributions":4},{"login":"kendoow","avatarUrl":"https://avatars.githubusercontent.com/u/70059916?v=4","url":"https://github.com/kendoow","contributions":4},{"login":"goshander","avatarUrl":"https://avatars.githubusercontent.com/u/5037509?v=4","url":"https://github.com/goshander","contributions":3},{"login":"ldrv565","avatarUrl":"https://avatars.githubusercontent.com/u/40745264?v=4","url":"https://github.com/ldrv565","contributions":3},{"login":"shvorak","avatarUrl":"https://avatars.githubusercontent.com/u/2071148?v=4","url":"https://github.com/shvorak","contributions":2},{"login":"KirillDyachkovskiy","avatarUrl":"https://avatars.githubusercontent.com/u/81510334?v=4","url":"https://github.com/KirillDyachkovskiy","contributions":2},{"login":"Kyzyl-ool","avatarUrl":"https://avatars.githubusercontent.com/u/30153778?v=4","url":"https://github.com/Kyzyl-ool","contributions":2},{"login":"Ruminat","avatarUrl":"https://avatars.githubusercontent.com/u/18216279?v=4","url":"https://github.com/Ruminat","contributions":2},{"login":"catakot","avatarUrl":"https://avatars.githubusercontent.com/u/21214799?v=4","url":"https://github.com/catakot","contributions":2},{"login":"GermanVor","avatarUrl":"https://avatars.githubusercontent.com/u/43282255?v=4","url":"https://github.com/GermanVor","contributions":1},{"login":"panfil","avatarUrl":"https://avatars.githubusercontent.com/u/1158695?v=4","url":"https://github.com/panfil","contributions":1},{"login":"js2me","avatarUrl":"https://avatars.githubusercontent.com/u/16340911?v=4","url":"https://github.com/js2me","contributions":1},{"login":"pavel-klimov","avatarUrl":"https://avatars.githubusercontent.com/u/42768217?v=4","url":"https://github.com/pavel-klimov","contributions":1},{"login":"n-parpibaeva","avatarUrl":"https://avatars.githubusercontent.com/u/27774197?v=4","url":"https://github.com/n-parpibaeva","contributions":1},{"login":"ariser","avatarUrl":"https://avatars.githubusercontent.com/u/3864424?v=4","url":"https://github.com/ariser","contributions":1},{"login":"bocembocem","avatarUrl":"https://avatars.githubusercontent.com/u/58661343?v=4","url":"https://github.com/bocembocem","contributions":1},{"login":"artemavrin","avatarUrl":"https://avatars.githubusercontent.com/u/10955496?v=4","url":"https://github.com/artemavrin","contributions":1},{"login":"lu-perfect","avatarUrl":"https://avatars.githubusercontent.com/u/104302104?v=4","url":"https://github.com/lu-perfect","contributions":1}],"codeOwners":[{"pattern":"*","owners":["DarkGenius","Lunory","sunduckcow"]}]},"date-utils":{"stars":10,"version":"2.5.3","lastUpdate":"10.06.2024","license":"MIT License","issues":1,"readme":"# @gravity-ui/date-utils\\n\\nHelpers for managing Date and Time.\\n\\n## Install\\n\\n```shell\\nnpm i @gravity-ui/date-utils\\n```\\n\\n## Usage\\n\\n```typescript\\nimport {dateTimeParse, dateTime} from \'@gravity-ui/date-utils\';\\n\\n// Current date: 2021-08-07T12:10:00\\n// User\'s time zone: Europe/Istanbul\\n\\nconst FORMAT = \'YYYY-MM-DDTHH:mm:ssZ\';\\n\\n// parse absolute date\\ndateTimeParse({year: 2021, month: 7, day: 7})?.format(FORMAT); // \\"2021-08-07T00:00:00+03:00\\"\\ndateTimeParse([2021, 7, 7])?.format(FORMAT); // \\"2021-08-07T00:00:00+03:00\\"\\ndateTimeParse(\'2021-08-07\')?.format(FORMAT); // \\"2021-08-07T00:00:00+03:00\\"\\ndateTimeParse(1621708204063)?.format(FORMAT); // \\"2021-05-22T21:30:04+03:00\\"\\ndateTimeParse(\'\')?.format(FORMAT); // undefined\\ndateTimeParse(\'incorrect-date\')?.format(FORMAT); // undefined\\n\\n// parse relative date\\ndateTimeParse(\'now\')?.format(FORMAT); // \\"2021-08-07T12:10:00+03:00\\"\\ndateTimeParse(\'now-1d\')?.format(FORMAT); // \\"2021-08-06T12:10:00+03:00\\"\\ndateTimeParse(\'now-1d+1M\')?.format(FORMAT); // \\"2021-09-06T12:10:00+03:00\\"\\ndateTimeParse(\'now/d\')?.format(FORMAT); // \\"2021-08-07T00:00:00+03:00\\"\\ndateTimeParse(\'now+1d/d\')?.format(FORMAT); // \\"2021-08-08T00:00:00+03:00\\"\\ndateTimeParse(\'now-1f\')?.format(FORMAT); // undefined\\n\\n// create dateTime\\ndateTime().format(FORMAT); // \\"2021-08-07T12:10:00+03:00\\"\\ndateTime({input: \'2021-08-07\'}).format(FORMAT); // \\"2021-08-07T00:00:00+03:00\\"\\ndateTime({input: \'2021-08-07\', format: \'YYYY-MM-DD\'}).format(FORMAT); // \\"2021-08-07T00:00:00+03:00\\"\\ndateTime({timeZone: \'Asia/Tokyo\'}).format(FORMAT); // \\"2021-08-07T18:10:00+09:00\\ndateTime({input: \'\'}).format(FORMAT); // \\"Invalid Date\\"\\ndateTime({input: \'2021-08\', format: \'YYYY-MM-DD\'}).format(FORMAT); // \\"Invalid Date\\"\\n```\\n\\n## Settings\\n\\n```typescript\\nimport {settings} from \'@gravity-ui/date-utils\';\\n\\n// Locales management\\nsettings.getLocale(); // default locale \\"en\\"\\nsettings.loadLocale(\'de\').then(() => {\\n  settings.setLocale(\'de\');\\n  settings.getLocale(); // \\"de\\"\\n});\\n\\n// Customization\\nsettings.updateLocale({weekStart: 0}); // change first day of week\\n```\\n","changelog":"# Changelog\\n\\n## [2.5.3](https://github.com/gravity-ui/date-utils/compare/v2.5.2...v2.5.3) (2024-06-10)\\n\\n\\n### Bug Fixes\\n\\n* **missing type:** added export for DurationUnit type ([#68](https://github.com/gravity-ui/date-utils/issues/68)) ([75bdaef](https://github.com/gravity-ui/date-utils/commit/75bdaef8b0d19270b4bddc42c4e5e27c18f22d9c))\\n\\n## [2.5.2](https://github.com/gravity-ui/date-utils/compare/v2.5.1...v2.5.2) (2024-05-27)\\n\\n\\n### Bug Fixes\\n\\n* **DateTime:** add missing formats and show ordinal values without brackets ([#66](https://github.com/gravity-ui/date-utils/issues/66)) ([dd9d942](https://github.com/gravity-ui/date-utils/commit/dd9d9429a831e05bf35892f558b3e1a443ecd6e7))\\n\\n## [2.5.1](https://github.com/gravity-ui/date-utils/compare/v2.5.0...v2.5.1) (2024-05-23)\\n\\n\\n### Bug Fixes\\n\\n* **locale:** add formats to en locale ([#64](https://github.com/gravity-ui/date-utils/issues/64)) ([8e2025e](https://github.com/gravity-ui/date-utils/commit/8e2025e426dd844d1d91a867655501511c33e392))\\n\\n## [2.5.0](https://github.com/gravity-ui/date-utils/compare/v2.4.0...v2.5.0) (2024-05-23)\\n\\n\\n### Features\\n\\n* **DateTime:** use own format and all dates math, remove unused dayjs plugins ([#62](https://github.com/gravity-ui/date-utils/issues/62)) ([72c210c](https://github.com/gravity-ui/date-utils/commit/72c210c34c94320190a0af01d5fc1f1987a6ae61))\\n* **Duration:** add format method ([#60](https://github.com/gravity-ui/date-utils/issues/60)) ([aa0af56](https://github.com/gravity-ui/date-utils/commit/aa0af5689e837bdd8da6eca36b08c22609569092))\\n\\n## [2.4.0](https://github.com/gravity-ui/date-utils/compare/v2.3.0...v2.4.0) (2024-04-24)\\n\\n\\n### Features\\n\\n* add Duration ([#55](https://github.com/gravity-ui/date-utils/issues/55)) ([2da2434](https://github.com/gravity-ui/date-utils/commit/2da243405a5da7b88a11185d23aa4f415ef747f9))\\n\\n\\n### Bug Fixes\\n\\n* **Duration:** humanize should not depend on DST ([#56](https://github.com/gravity-ui/date-utils/issues/56)) ([9784b50](https://github.com/gravity-ui/date-utils/commit/9784b50c505e51e6daf2654b663cded59b2bd3c8))\\n\\n## [2.3.0](https://github.com/gravity-ui/date-utils/compare/v2.2.0...v2.3.0) (2024-04-15)\\n\\n\\n### Features\\n\\n* custom parser for relative date input ([#53](https://github.com/gravity-ui/date-utils/issues/53)) ([6b23322](https://github.com/gravity-ui/date-utils/commit/6b23322423dc8b2e334d0c3aee321373a4d0367a))\\n\\n## [2.2.0](https://github.com/gravity-ui/date-utils/compare/v2.1.0...v2.2.0) (2024-04-08)\\n\\n\\n### Features\\n\\n* **DateTime:** add helper to interpret input without timezone as utc time otherwise convert to utc ([#50](https://github.com/gravity-ui/date-utils/issues/50)) ([8de9d1d](https://github.com/gravity-ui/date-utils/commit/8de9d1ddf9845978fffc97e3ed52563b739fbcf5))\\n\\n## [2.1.0](https://github.com/gravity-ui/date-utils/compare/v2.0.1...v2.1.0) (2024-01-25)\\n\\n\\n### Features\\n\\n* **settings:** replaces dynamic import with getting a ready static module loader ([#46](https://github.com/gravity-ui/date-utils/issues/46)) ([d9f46a8](https://github.com/gravity-ui/date-utils/commit/d9f46a82679084c5051e6b18826d5f39a732915d))\\n\\n## [2.0.1](https://github.com/gravity-ui/date-utils/compare/v2.0.0...v2.0.1) (2024-01-02)\\n\\n\\n### Bug Fixes\\n\\n* **DateTime:** correctly calculate start of year ([#43](https://github.com/gravity-ui/date-utils/issues/43)) ([c902937](https://github.com/gravity-ui/date-utils/commit/c9029376ddc7fe10cb96ed2b89a60c1759c56b5d))\\n\\n## [2.0.0](https://github.com/gravity-ui/date-utils/compare/v1.4.2...v2.0.0) (2023-12-28)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* **dateTime:**  work with UTC the same as with other timezones, in case if input date does not contain timezone information\\n\\n```js\\nguessUserTimeZone() == \'Europe/Moscow\';\\n // Before\\ndateTime({input: \'2023-12-31\', timeZone: \'UTC\') == \'2023-12-31T00:00Z\'\\n// After\\ndateTime({input: \'2023-12-31\', timeZone: \'UTC\') == \'2023-12-30T21:00Z\'\\n```\\n\\n### Bug Fixes\\n\\n* **dateTime:** correctly works with timezones, utc offsets and DST ([#41](https://github.com/gravity-ui/date-utils/issues/41)) ([23488cc](https://github.com/gravity-ui/date-utils/commit/23488cc07f481c2f285abb40bec2dbb44f37ccac))\\n\\n## [1.4.2](https://github.com/gravity-ui/date-utils/compare/v1.4.1...v1.4.2) (2023-08-29)\\n\\n\\n### Bug Fixes\\n\\n* **dateTime:** fix typings for utcOffset() ([#33](https://github.com/gravity-ui/date-utils/issues/33)) ([0559cf0](https://github.com/gravity-ui/date-utils/commit/0559cf0b141855732d62ddcc4115986934dd6502))\\n\\n## [1.4.1](https://github.com/gravity-ui/date-utils/compare/v1.4.0...v1.4.1) (2023-05-22)\\n\\n\\n### Bug Fixes\\n\\n* **DurationUnit:** add date unit ([#30](https://github.com/gravity-ui/date-utils/issues/30)) ([ea7c455](https://github.com/gravity-ui/date-utils/commit/ea7c45510ea134a6dedc90cb24be5e0b2d59a759))\\n\\n## [1.4.0](https://github.com/gravity-ui/date-utils/compare/v1.3.1...v1.4.0) (2023-05-20)\\n\\n\\n### Features\\n\\n* **Settings:** add getLocaleData method ([#28](https://github.com/gravity-ui/date-utils/issues/28)) ([746383e](https://github.com/gravity-ui/date-utils/commit/746383eaff6e1e5dfb1fd0f7005dd5e9be0a4f86))\\n\\n## [1.3.1](https://github.com/gravity-ui/date-utils/compare/v1.3.0...v1.3.1) (2023-04-07)\\n\\n\\n### Bug Fixes\\n\\n* revert support UTC formatting ([#26](https://github.com/gravity-ui/date-utils/issues/26)) ([be2d98c](https://github.com/gravity-ui/date-utils/commit/be2d98c4bfc0ffd00cf807221c728fd13e084ac0))\\n\\n## [1.3.0](https://github.com/gravity-ui/date-utils/compare/v1.2.0...v1.3.0) (2023-03-28)\\n\\n\\n### Features\\n\\n* support UTC timezone formatting ([#24](https://github.com/gravity-ui/date-utils/issues/24)) ([4a6f21f](https://github.com/gravity-ui/date-utils/commit/4a6f21f89fe49740bc972734db9df9e17ca99fd6))\\n\\n\\n### Bug Fixes\\n\\n* add missing types signatures ([#18](https://github.com/gravity-ui/date-utils/issues/18)) ([5905e60](https://github.com/gravity-ui/date-utils/commit/5905e6076e731907b4a93fcbc0140ccb483dd273))\\n* improve typings for utc plugin ([#23](https://github.com/gravity-ui/date-utils/issues/23)) ([d4df45f](https://github.com/gravity-ui/date-utils/commit/d4df45f4de99d2aa8e476e7e40d9264b4e84d804))\\n\\n## [1.2.0](https://github.com/gravity-ui/date-utils/compare/v1.1.3...v1.2.0) (2023-03-17)\\n\\n\\n### Features\\n\\n* add advancedFormat plugin ([#20](https://github.com/gravity-ui/date-utils/issues/20)) ([b2a12e6](https://github.com/gravity-ui/date-utils/commit/b2a12e623574accdce0006cf55cee6ab924043c4))\\n\\n## [1.1.3](https://github.com/gravity-ui/date-utils/compare/v1.1.2...v1.1.3) (2023-02-13)\\n\\n\\n### Bug Fixes\\n\\n* import only used functions from lodash ([#16](https://github.com/gravity-ui/date-utils/issues/16)) ([cd8e057](https://github.com/gravity-ui/date-utils/commit/cd8e057963f8dc5f72051a36c4bed31e3771fc51))\\n\\n## [1.1.2](https://github.com/gravity-ui/date-utils/compare/v1.1.1...v1.1.2) (2023-02-08)\\n\\n\\n### Bug Fixes\\n\\n* properly export types dependent on dayjs plugins ([#14](https://github.com/gravity-ui/date-utils/issues/14)) ([8445819](https://github.com/gravity-ui/date-utils/commit/8445819eb4a3fc76e1da08287dd0393072d99a2b))\\n\\n## [1.1.1](https://github.com/gravity-ui/date-utils/compare/v1.1.0...v1.1.1) (2023-02-01)\\n\\n\\n### Bug Fixes\\n\\n* fix settings.loadLocale ([#12](https://github.com/gravity-ui/date-utils/issues/12)) ([753668b](https://github.com/gravity-ui/date-utils/commit/753668bb9189166a6b32034c6dbeea11addf2b6e))\\n\\n## [1.1.0](https://github.com/gravity-ui/date-utils/compare/v1.0.0...v1.1.0) (2023-01-31)\\n\\n\\n### Features\\n\\n* add localized formats plugin ([#11](https://github.com/gravity-ui/date-utils/issues/11)) ([a59640f](https://github.com/gravity-ui/date-utils/commit/a59640f27b77e0af09b1574f72ea641cbb60c03f))\\n\\n\\n### Bug Fixes\\n\\n* fix DateTime interface ([#9](https://github.com/gravity-ui/date-utils/issues/9)) ([c2ddeb4](https://github.com/gravity-ui/date-utils/commit/c2ddeb4180a19069d769ce4d88e3980af4893afc))\\n\\n## 1.0.0 (2023-01-18)\\n\\n\\n### Bug Fixes\\n\\n* fix readme install section ([#7](https://github.com/gravity-ui/date-utils/issues/7)) ([b0dd0a4](https://github.com/gravity-ui/date-utils/commit/b0dd0a47311c042993817e60ed56347552be48b3))\\n","contributors":[{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":15},{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":11},{"login":"KalachevDev","avatarUrl":"https://avatars.githubusercontent.com/u/30410979?v=4","url":"https://github.com/KalachevDev","contributions":3},{"login":"dividead","avatarUrl":"https://avatars.githubusercontent.com/u/4695397?v=4","url":"https://github.com/dividead","contributions":2},{"login":"a1eksandrk","avatarUrl":"https://avatars.githubusercontent.com/u/60098929?v=4","url":"https://github.com/a1eksandrk","contributions":1},{"login":"AlexeyW100","avatarUrl":"https://avatars.githubusercontent.com/u/45878152?v=4","url":"https://github.com/AlexeyW100","contributions":1},{"login":"chervyakovru","avatarUrl":"https://avatars.githubusercontent.com/u/14909082?v=4","url":"https://github.com/chervyakovru","contributions":1},{"login":"DarkGenius","avatarUrl":"https://avatars.githubusercontent.com/u/4076124?v=4","url":"https://github.com/DarkGenius","contributions":1},{"login":"catakot","avatarUrl":"https://avatars.githubusercontent.com/u/21214799?v=4","url":"https://github.com/catakot","contributions":1}],"codeOwners":[]},"date-components":{"stars":6,"version":"2.8.0","lastUpdate":"16.07.2024","license":"MIT License","issues":6,"readme":"# @gravity-ui/date-components &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/date-components)](https://www.npmjs.com/package/@gravity-ui/date-components) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/date-components/.github/workflows/ci.yml?label=CI&logo=github)](https://github.com/gravity-ui/date-components/actions/workflows/ci.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/date-components/)\\n\\n## Install\\n\\n```shell\\nnpm install --save-dev @gravity-ui/uikit @gravity-ui/date-components\\n```\\n\\n## Development\\n\\nTo start the development server with storybook run the following:\\n\\n```shell\\nnpm start\\n```\\n","changelog":"# Changelog\\n\\n## [2.8.0](https://github.com/gravity-ui/date-components/compare/v2.7.1...v2.8.0) (2024-07-16)\\n\\n\\n### Features\\n\\n* **RelativePickers:** add onOpenChange event handler ([#118](https://github.com/gravity-ui/date-components/issues/118)) ([8270119](https://github.com/gravity-ui/date-components/commit/82701198fe5c3bac1342356b2c6b412b86bfb895))\\n\\n\\n### Bug Fixes\\n\\n* **RelativeRangeDatePicker:** correctly close picker popup inside dialog ([#117](https://github.com/gravity-ui/date-components/issues/117)) ([f122950](https://github.com/gravity-ui/date-components/commit/f1229508a9091864d753a613c75af858f7ca81c2))\\n\\n## [2.7.1](https://github.com/gravity-ui/date-components/compare/v2.7.0...v2.7.1) (2024-07-12)\\n\\n\\n### Bug Fixes\\n\\n* **RelativeRangeDatePicker:** pass popupClassName into popup component ([#113](https://github.com/gravity-ui/date-components/issues/113)) ([c7860b5](https://github.com/gravity-ui/date-components/commit/c7860b59fab18c35ef518fd6d19bbf5177a8439d))\\n\\n## [2.7.0](https://github.com/gravity-ui/date-components/compare/v2.6.0...v2.7.0) (2024-07-10)\\n\\n\\n### Features\\n\\n* **RelativeRangeDatePicker:** add RelativeRangeDatePickerValue public type ([#107](https://github.com/gravity-ui/date-components/issues/107)) ([137a3d4](https://github.com/gravity-ui/date-components/commit/137a3d46bf89bf696adfad0840756cbfdeca6988))\\n* **RelativeRangeDatePicker:** export default presets ([#108](https://github.com/gravity-ui/date-components/issues/108)) ([95b9b4d](https://github.com/gravity-ui/date-components/commit/95b9b4deace290d09e34a55dea752355df24443c))\\n\\n\\n### Bug Fixes\\n\\n* **Pickers:** extract time format in pickers from format props ([#102](https://github.com/gravity-ui/date-components/issues/102)) ([9006c8f](https://github.com/gravity-ui/date-components/commit/9006c8fa9e54ad98b259bbbbe5d45cc57246f535))\\n* **RelativePickers:** always open popup on click on input ([#105](https://github.com/gravity-ui/date-components/issues/105)) ([27390e5](https://github.com/gravity-ui/date-components/commit/27390e59e924d316afe4829d06e5b895b2f026ad))\\n* **RelativeRangeDatePicker:** close popup on outside click after switch browser tabs ([#98](https://github.com/gravity-ui/date-components/issues/98)) ([e7ac61b](https://github.com/gravity-ui/date-components/commit/e7ac61be417eef64ca15ee85bc819d2debc0ba38))\\n* **RelativeRangeDatePicker:** close popup on select preset ([#111](https://github.com/gravity-ui/date-components/issues/111)) ([695bc2c](https://github.com/gravity-ui/date-components/commit/695bc2c2e3ddf51139a089bf3d7615bd5ab6b173))\\n* **RelativeRangeDatePicker:** do not show offset for default timezone ([#112](https://github.com/gravity-ui/date-components/issues/112)) ([c95cbc2](https://github.com/gravity-ui/date-components/commit/c95cbc2ed9d788af6a4a5554029601ac0b5b6025))\\n* **RelativeRangeDatePicker:** preset popup padding ([#91](https://github.com/gravity-ui/date-components/issues/91)) ([873703f](https://github.com/gravity-ui/date-components/commit/873703fc5e7dda129abd24f174f0654d40182c29))\\n* **RelativeRangeDatePicker:** transparent caret in the main input ([#104](https://github.com/gravity-ui/date-components/issues/104)) ([29016df](https://github.com/gravity-ui/date-components/commit/29016df042baf6cb7d9ce5b4e582382cd171201c))\\n\\n## [2.6.0](https://github.com/gravity-ui/date-components/compare/v2.5.0...v2.6.0) (2024-06-28)\\n\\n\\n### Features\\n\\n* **DatePicker, RangeDatePicker:** add popup trigger props ([#89](https://github.com/gravity-ui/date-components/issues/89)) ([5139151](https://github.com/gravity-ui/date-components/commit/5139151f89c07f1f281e725f8f95a80015323417))\\n\\n\\n### Bug Fixes\\n\\n* **RelativeRangeDatePicker:** set id on input ([#94](https://github.com/gravity-ui/date-components/issues/94)) ([f54f1b9](https://github.com/gravity-ui/date-components/commit/f54f1b912f6e58c85d8bcb3d6978103704a68c3a))\\n\\n## [2.5.0](https://github.com/gravity-ui/date-components/compare/v2.4.0...v2.5.0) (2024-06-18)\\n\\n\\n### Features\\n\\n* support form ([#85](https://github.com/gravity-ui/date-components/issues/85)) ([957aff4](https://github.com/gravity-ui/date-components/commit/957aff419999c7a978ceacfdea338ddd4c6a997c))\\n* support RSC ([#80](https://github.com/gravity-ui/date-components/issues/80)) ([a7724dc](https://github.com/gravity-ui/date-components/commit/a7724dc8f3dded9278ee075553e2824e442052e8))\\n* update @gravity-ui/date-utils to v2.5.1 ([#78](https://github.com/gravity-ui/date-components/issues/78)) ([5148679](https://github.com/gravity-ui/date-components/commit/5148679012c0c33af1f7fd1c92abbeeb8761326a))\\n\\n\\n### Bug Fixes\\n\\n* update @gravity-ui/date-utils to v2.5.3 ([#86](https://github.com/gravity-ui/date-components/issues/86)) ([4f8a22e](https://github.com/gravity-ui/date-components/commit/4f8a22e8218c4ffc0a5650d894ab36ce9d707797))\\n\\n## [2.4.0](https://github.com/gravity-ui/date-components/compare/v2.3.1...v2.4.0) (2024-05-15)\\n\\n\\n### Features\\n\\n* **RelativeRangeDatePicker:** remove dates hint  ([#75](https://github.com/gravity-ui/date-components/issues/75)) ([88cbce0](https://github.com/gravity-ui/date-components/commit/88cbce0f28410677d34a7327963c5e725ef62846))\\n\\n## [2.3.1](https://github.com/gravity-ui/date-components/compare/v2.3.0...v2.3.1) (2024-05-13)\\n\\n\\n### Bug Fixes\\n\\n* **RelativeRangeDatePicker:** correctly close popup on click outside ([#71](https://github.com/gravity-ui/date-components/issues/71)) ([6175356](https://github.com/gravity-ui/date-components/commit/61753562490cf40ce7245d839712cf2eac607a82))\\n\\n## [2.3.0](https://github.com/gravity-ui/date-components/compare/v2.2.1...v2.3.0) (2024-04-15)\\n\\n\\n### Features\\n\\n* **RelativeDate:** support custom relative date input parser ([#65](https://github.com/gravity-ui/date-components/issues/65)) ([f0036ff](https://github.com/gravity-ui/date-components/commit/f0036ff2ae49f4ffe4d219520580e06604bc236f))\\n\\n## [2.2.1](https://github.com/gravity-ui/date-components/compare/v2.2.0...v2.2.1) (2024-03-29)\\n\\n\\n### Bug Fixes\\n\\n* **RangeDatePicker:** add component export ([#62](https://github.com/gravity-ui/date-components/issues/62)) ([9cc9915](https://github.com/gravity-ui/date-components/commit/9cc991586f97b397e167dd7efe4fafa25a055ae6))\\n\\n## [2.2.0](https://github.com/gravity-ui/date-components/compare/v2.1.0...v2.2.0) (2024-03-27)\\n\\n\\n### Features\\n\\n* add a new range date picker component ([#47](https://github.com/gravity-ui/date-components/issues/47)) ([ce19b43](https://github.com/gravity-ui/date-components/commit/ce19b43950dedc6e039867825974aee126594d0f))\\n\\n\\n### Bug Fixes\\n\\n* correctly change date when switching day period ([#60](https://github.com/gravity-ui/date-components/issues/60)) ([43dc35a](https://github.com/gravity-ui/date-components/commit/43dc35a0db06137d7b64cb372850309e20d06adf))\\n\\n## [2.1.0](https://github.com/gravity-ui/date-components/compare/v2.0.1...v2.1.0) (2024-03-26)\\n\\n\\n### Features\\n\\n* **Calendar:** improve a11y ([#59](https://github.com/gravity-ui/date-components/issues/59)) ([082db0f](https://github.com/gravity-ui/date-components/commit/082db0f286a596bcb0de98cf0009ba013ff44648))\\n* **DatePicker:** show clock icon if select only time ([#57](https://github.com/gravity-ui/date-components/issues/57)) ([5400b90](https://github.com/gravity-ui/date-components/commit/5400b904591df28520ee89e289edf7093f5012bd))\\n\\n## [2.0.1](https://github.com/gravity-ui/date-components/compare/v2.0.0...v2.0.1) (2024-02-26)\\n\\n\\n### Bug Fixes\\n\\n* **build:** fix declarations generation ([#55](https://github.com/gravity-ui/date-components/issues/55)) ([dff7b25](https://github.com/gravity-ui/date-components/commit/dff7b259dc0637dae30215f0b5cc8dd67df48539))\\n\\n## [2.0.0](https://github.com/gravity-ui/date-components/compare/v1.6.0...v2.0.0) (2024-02-26)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update to @gravity-ui/uikit 6 ([#49](https://github.com/gravity-ui/date-components/issues/49))\\n* update date-utils ([#25](https://github.com/gravity-ui/date-components/issues/25))\\n\\n### Features\\n\\n* add a new range date field component ([#32](https://github.com/gravity-ui/date-components/issues/32)) ([041d5bc](https://github.com/gravity-ui/date-components/commit/041d5bcde226e0a9c981e5fe3faff78a40e68721))\\n* add RelativeRangeDatePicker component ([af74354](https://github.com/gravity-ui/date-components/commit/af743548fb2a92c724d7ff184e976e6adf3fc1d9))\\n* **DateField:** add hidden input for native form submissition ([810f06c](https://github.com/gravity-ui/date-components/commit/810f06c3a815bc00d62830d77f7250a61643a004))\\n* export RangeValue type from the library ([#50](https://github.com/gravity-ui/date-components/issues/50)) ([6828c6e](https://github.com/gravity-ui/date-components/commit/6828c6e556d2f419276f9ea1f9f0f32c7baac44d))\\n* **RelativeDateField:** add roundUp prop ([6a73684](https://github.com/gravity-ui/date-components/commit/6a7368498c9690c2053fc2c6ccf04586481afce5))\\n* **timezone:** use timeZone prop to show values ([#36](https://github.com/gravity-ui/date-components/issues/36)) ([d87923e](https://github.com/gravity-ui/date-components/commit/d87923ec78dbb1f129ddcb01907cf08b42eb58bd))\\n* update to @gravity-ui/uikit 6 ([#49](https://github.com/gravity-ui/date-components/issues/49)) ([7f6ef01](https://github.com/gravity-ui/date-components/commit/7f6ef01427736c278a53f22d47ce36f3f09c0fb5))\\n\\n\\n### Bug Fixes\\n\\n* accept events handlers with custom targets ([#45](https://github.com/gravity-ui/date-components/issues/45)) ([2a28389](https://github.com/gravity-ui/date-components/commit/2a2838938755ecd2a8db5d0de999d805a8dac897))\\n* **DateField:** correctly manage format changing ([cad9a7e](https://github.com/gravity-ui/date-components/commit/cad9a7e5a1e4bb7a7a7690ae0a134ea5a2d62104))\\n* **MobileCalendar:** fix trigger click area on iOS ([e252c31](https://github.com/gravity-ui/date-components/commit/e252c316c270f8cc8b47c43213adcf128f3b0f80))\\n* update date-utils ([#25](https://github.com/gravity-ui/date-components/issues/25)) ([76422ef](https://github.com/gravity-ui/date-components/commit/76422ef323569640a8b7e16907614e1525c0295c))\\n\\n## [1.6.0](https://github.com/gravity-ui/date-components/compare/v1.5.0...v1.6.0) (2024-02-21)\\n\\n\\n### Features\\n\\n* **Relative components:** Add description in README ([#48](https://github.com/gravity-ui/date-components/issues/48)) ([b91027a](https://github.com/gravity-ui/date-components/commit/b91027adf6d4949022aabfdffa7fd197f5edba66))\\n\\n## [1.5.0](https://github.com/gravity-ui/date-components/compare/v1.4.0...v1.5.0) (2024-02-06)\\n\\n\\n### Features\\n\\n* **DatePicker:** add description in README ([#43](https://github.com/gravity-ui/date-components/issues/43)) ([7a4a1dc](https://github.com/gravity-ui/date-components/commit/7a4a1dc0c25a0f0031cea0f837069bf7bc58218f))\\n\\n## [1.4.0](https://github.com/gravity-ui/date-components/compare/v1.3.0...v1.4.0) (2024-02-02)\\n\\n\\n### Features\\n\\n* **RangeCalendar:** add description for RangeCalendar ([#40](https://github.com/gravity-ui/date-components/issues/40)) ([6fed701](https://github.com/gravity-ui/date-components/commit/6fed701e7f4b1c84549dd0148926153c413a65ab))\\n\\n## [1.3.0](https://github.com/gravity-ui/date-components/compare/v1.2.0...v1.3.0) (2024-01-30)\\n\\n\\n### Features\\n\\n* **Calendar:** add README for Calendar ([#38](https://github.com/gravity-ui/date-components/issues/38)) ([95226dc](https://github.com/gravity-ui/date-components/commit/95226dcd8610eb4012ab73a9785419563554d078))\\n\\n## [1.2.0](https://github.com/gravity-ui/date-components/compare/v1.1.1...v1.2.0) (2024-01-26)\\n\\n\\n### Features\\n\\n* **DateField:** add component\'s description in README ([#35](https://github.com/gravity-ui/date-components/issues/35)) ([e8a015e](https://github.com/gravity-ui/date-components/commit/e8a015e4c0341f25eec0c944101ccf648bb72211))\\n* **DateField:** support rtl ([#28](https://github.com/gravity-ui/date-components/issues/28)) ([0d7bd16](https://github.com/gravity-ui/date-components/commit/0d7bd16b1fa740960679755c74e7a011692c196a))\\n\\n\\n### Bug Fixes\\n\\n* **Calendar:** prevent default behaviour on navigation ([#26](https://github.com/gravity-ui/date-components/issues/26)) ([5a9c51f](https://github.com/gravity-ui/date-components/commit/5a9c51fe10de8b8652196bcb2bcc22015cbf9d4b))\\n\\n## [1.1.1](https://github.com/gravity-ui/date-components/compare/v1.1.0...v1.1.1) (2023-11-20)\\n\\n\\n### Bug Fixes\\n\\n* correctly control popup open state in pickers ([#17](https://github.com/gravity-ui/date-components/issues/17)) ([3af332f](https://github.com/gravity-ui/date-components/commit/3af332ffddbe50d40c2260558d8d15fcc0b2a574))\\n* **DateField:** change field with numbers keys in Firefox ([#21](https://github.com/gravity-ui/date-components/issues/21)) ([0872c11](https://github.com/gravity-ui/date-components/commit/0872c114cb27324939b52ecfcb5e5d6c35de3b11))\\n* **DateField:** correctly work with 2-digits years ([#22](https://github.com/gravity-ui/date-components/issues/22)) ([0d23300](https://github.com/gravity-ui/date-components/commit/0d23300fa9f4eed7547eb3744b84c8ec4e9c13d8))\\n* **RangeCalendar:** select dates only on a minimum mode ([#18](https://github.com/gravity-ui/date-components/issues/18)) ([b59477a](https://github.com/gravity-ui/date-components/commit/b59477a27c2187299524cd2e186f4e267444168a))\\n\\n## [1.1.0](https://github.com/gravity-ui/date-components/compare/v1.0.0...v1.1.0) (2023-11-02)\\n\\n\\n### Features\\n\\n* **Calendar:** allow to controll available modes (days, months, quartes, years) ([ee6e797](https://github.com/gravity-ui/date-components/commit/ee6e797dfef9692bd120df281df7aeef3b7c083a))\\n* **Calendar:** respects prefers-reduced-motion: reduce ([#13](https://github.com/gravity-ui/date-components/issues/13)) ([cbd4016](https://github.com/gravity-ui/date-components/commit/cbd4016292e67c42a6f51ce2ed6be926bd59c148))\\n* **DatePicker, RelativeDatePicker:** allow to render custom calendar ([2bc50b6](https://github.com/gravity-ui/date-components/commit/2bc50b69a0c35fef8fd7971c4bcb30752f16ba6b))\\n\\n## 1.0.0 (2023-08-06)\\n\\n\\n### Features\\n\\n* **Calendar:** add new component ([#1](https://github.com/gravity-ui/date-components/issues/1)) ([c0b7776](https://github.com/gravity-ui/date-components/commit/c0b7776e58eec876af891f5cb9d59874384edcc0))\\n* **RangeCalendar:** add new component ([965e416](https://github.com/gravity-ui/date-components/commit/965e4164cbfe5b2cc0d633ce294c7aa32bbd09cd))\\n* **DateField:** add new component ([8ff3f2c](https://github.com/gravity-ui/date-components/commit/8ff3f2c7e1214e65726c18be14689f8bc2b9edab))\\n* **DatePicker:** add new commponent ([48c41fb](https://github.com/gravity-ui/date-components/commit/48c41fbdceffe7383a8eb11dcfdaaedeb1253146))\\n* **RelativeDateField:** add new component ([3346fc7](https://github.com/gravity-ui/date-components/commit/3346fc7df064da04b5d04761d6a4f5a47009aefe))\\n* **RelativeDatePicker:** add new component ([849b6ca](https://github.com/gravity-ui/date-components/commit/849b6ca2fa27a44d99e95fb49d0e65c39de34f75))\\n","contributors":[{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":61},{"login":"Arucard89","avatarUrl":"https://avatars.githubusercontent.com/u/13587201?v=4","url":"https://github.com/Arucard89","contributions":5},{"login":"saxumcordis","avatarUrl":"https://avatars.githubusercontent.com/u/42944548?v=4","url":"https://github.com/saxumcordis","contributions":4},{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":3},{"login":"krozhkov","avatarUrl":"https://avatars.githubusercontent.com/u/17095356?v=4","url":"https://github.com/krozhkov","contributions":2},{"login":"lxndr","avatarUrl":"https://avatars.githubusercontent.com/u/579459?v=4","url":"https://github.com/lxndr","contributions":1},{"login":"zamkovskaya","avatarUrl":"https://avatars.githubusercontent.com/u/128601366?v=4","url":"https://github.com/zamkovskaya","contributions":1},{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":1},{"login":"kseniya57","avatarUrl":"https://avatars.githubusercontent.com/u/31247233?v=4","url":"https://github.com/kseniya57","contributions":1}],"codeOwners":[{"pattern":"*","owners":["amje","ValeraS","korvin89"]}]},"axios-wrapper":{"stars":10,"version":"1.4.1","lastUpdate":"13.04.2023","license":"MIT License","issues":2,"readme":"# Axios Wrapper\\nThis library provides a convenient wrapper around Axios adding automatic cancelling of concurrent requests\\nto its features.\\n\\n## Install\\n\\n```shell\\nnpm install --save-dev @gravity-ui/axios-wrapper\\n```\\n\\n## HTTP API\\n\\n### Constructor parameters\\n\\n##### config [optional]\\nThe configuration of an `axios` instance.\\n\\n##### collector [optional]\\nThe configuration of requests collector is an object:\\n```json\\n{\\n    \\"collectErrors\\": 10,\\n    \\"collectRequests\\": 10\\n}\\n```\\n\\n### Basic methods\\nWrapper provides http-methods `get`, `head`, `put`, `post`, `delete`.\\n\\nMethods `get` and `head` have the signature `(url, params, options)`; `put`, `post`, while the `delete` method\\nhas `(url, data, params, options)` signature.\\n\\nThe `params` argument stands for query string parameters while `options` is a request settings.\\n\\nCurrently 4 request settings are supported:\\n- `concurrentId (string)`: optional request id\\n- `collectRequest (bool)`: optional flag, telling if the request should be logger (default `true`)\\n- `requestConfig (object)`: optional config with the custom request parameters\\n- `headers (object)`: optional object with custom request headers.\\n- `timeout (number)`: optional request timeout\\n- `onDownloadProgress (function)`: optional callback for processing file download progress\\n\\n### Headers\\nThe `setDefaultHeader({name (string), value (string), methods (array)})` method allows to add a default\\nrequest header.\\n\\nArguments `name` and `value` are required, optional argument `methods` specified all methods which get those\\ndefault headers (by default all methods will get those headers).\\n\\n### CSRF\\nThe `setCSRFToken` method allows specifying CSRF-token, which will be added to all `put`, `post` and `delete`\\nrequests.\\n\\n### Concurrent requests\\nSometimes it is better to cancel the request in flight if its results are no longer needed. To make this\\nhappen, one should pass to request\'s `options` the `concurrentId` id. When the next request with the same\\n`concurrentId` occurs the previous request with that id will be cancelled.\\n\\nOne cancel a request manually as well by invoking the `cancelRequest(concurrentId)` method.\\n\\n### Collecting requests\\nIt is possible to set up requests collection into the local storage using the `collector` option. It stores\\nall requests and errors separately. The following `apiInstance` will keep 10 last requests (both successful\\nand not) and 10 last erroneous requests.\\n```javascript\\nconst apiInstance = new API({\\n    collector: {\\n        collectErrors: 10,\\n        collectRequests: 10\\n    }\\n});\\n```\\n\\nTo obtain saved requests one have to invoke the `getCollectedRequests` method which returns the object\\n`{errors: [...], requests: [...]}`.\\n\\n### Usage\\nThe suggested usage is to subclass the base `AxiosWrapper` class:\\n```javascript\\nexport class API extends AxiosWrapper {\\n    getProjects() {\\n        return this.get(\'/projects\');\\n    }\\n    getSensors({project, selectors}) {\\n        return this.get(`/projects/${project}/sensors`, {selectors, pageSize: 200});\\n    }\\n    getNames({project, selectors}) {\\n        return this.get(`/projects/${project}/sensors/names`, {selectors});\\n    }\\n    getLabels({project, names, selectors}) {\\n        return this.get(`/projects/${project}/sensors/labels`, {names, selectors});\\n    }\\n}\\n```\\n\\nWhen the `baseURL` parameter is passed into `axios` config, all requested pathnames will be appended to it.\\n```javascript\\nconst apiInstance = new API({\\n    config: {\\n        baseURL: \'/api/v2\'\\n    }\\n});\\n```\\n","changelog":"# Changelog\\n\\n## [1.4.1](https://github.com/gravity-ui/axios-wrapper/compare/v1.4.0...v1.4.1) (2023-04-13)\\n\\n\\n### Bug Fixes\\n\\n* options types ([4324fb8](https://github.com/gravity-ui/axios-wrapper/commit/4324fb8508e8d553143f90f4646506a24c03a971))\\n\\n## [1.4.0](https://github.com/gravity-ui/axios-wrapper/compare/v1.3.0...v1.4.0) (2023-04-04)\\n\\n\\n### chore\\n\\n* update dependencies ([9f5f4a6](https://github.com/gravity-ui/axios-wrapper/commit/9f5f4a65b54867c632b26310d3a96c610a27fc07))\\n* use node 18 ([d6271b39](https://github.com/gravity-ui/axios-wrapper/commit/d6271b39b92a0b1cb54de2318f1d2ce23a6118a9))\\n\\n## [1.3.0](https://github.com/gravity-ui/axios-wrapper/compare/v1.2.2...v1.3.0) (2022-11-29)\\n\\n\\n### chore\\n\\n* add npmrc and nvmrc files ([#23](https://github.com/gravity-ui/axios-wrapper/issues/23)) ([6830deb](https://github.com/gravity-ui/axios-wrapper/commit/6830debffd7baa005a754d41d63a4a3c7fdd7702))\\n* bump version ([#25](https://github.com/gravity-ui/axios-wrapper/issues/25)) ([116131a](https://github.com/gravity-ui/axios-wrapper/commit/116131a0fbd7cec6b7ac491bfed2f63019185cbd))\\n\\n## [1.2.2](https://github.com/yandex-cloud/axios-wrapper/compare/v1.2.1...v1.2.2) (2022-07-15)\\n\\n\\n### Bug Fixes\\n\\n* correctly handle errors with the missing response ([6b9dc0e](https://github.com/yandex-cloud/axios-wrapper/commit/6b9dc0eab2496aa21cd27e6044b5c6ab235210d1)), closes [#17](https://github.com/yandex-cloud/axios-wrapper/issues/17)\\n\\n### [1.2.1](https://www.github.com/yandex-cloud/axios-wrapper/compare/v1.2.0...v1.2.1) (2022-04-05)\\n\\n\\n### Bug Fixes\\n\\n* onDownloadProgress should be passed into options ([5008ab3](https://www.github.com/yandex-cloud/axios-wrapper/commit/5008ab3727367c3e852398e5314cdbdf19e4ec68))\\n\\n## [1.2.0](https://www.github.com/yandex-cloud/axios-wrapper/compare/v1.1.0...v1.2.0) (2022-04-05)\\n\\n\\n### Features\\n\\n* handle onDownloadProgress ([65558d1](https://www.github.com/yandex-cloud/axios-wrapper/commit/65558d10679a202983747f0a1db3be1294f8431e))\\n\\n## [1.1.0](https://www.github.com/yandex-cloud/axios-wrapper/compare/v1.0.2...v1.1.0) (2022-02-25)\\n\\n\\n### Features\\n\\n* add commonjs build to package.json ([2747900](https://www.github.com/yandex-cloud/axios-wrapper/commit/27479003b85432022c68e9582732354f52fd798b))\\n\\n### [1.0.2](https://www.github.com/yandex-cloud/axios-wrapper/compare/v1.0.1...v1.0.2) (2021-12-23)\\n\\n\\n### Bug Fixes\\n\\n* **deps-dev:** bump axios from 0.19.2 to 0.21.2 ([4a045fa](https://www.github.com/yandex-cloud/axios-wrapper/commit/4a045fa427f99193a1226dabca1c9b7dffb08d73))\\n\\n### [1.0.1](https://www.github.com/yandex-cloud/axios-wrapper/compare/v1.0.0...v1.0.1) (2021-12-23)\\n\\n\\n### Bug Fixes\\n\\n* set correct scope for npm publish ([dfe5cdc](https://www.github.com/yandex-cloud/axios-wrapper/commit/dfe5cdc915e79e4bc95af7a1b944b47232f3dfde))\\n\\n## 1.0.0 (2021-12-23)\\n\\nInitial release\\n","contributors":[{"login":"tsufiev","avatarUrl":"https://avatars.githubusercontent.com/u/1240006?v=4","url":"https://github.com/tsufiev","contributions":10},{"login":"Raubzeug","avatarUrl":"https://avatars.githubusercontent.com/u/42094364?v=4","url":"https://github.com/Raubzeug","contributions":6},{"login":"SeqviriouM","avatarUrl":"https://avatars.githubusercontent.com/u/1071418?v=4","url":"https://github.com/SeqviriouM","contributions":3}],"codeOwners":[]},"dialog-fields":{"stars":4,"version":"5.0.8","lastUpdate":"27.06.2024","license":"MIT License","issues":0,"readme":"## Short description\\n\\nThe purpose of `DFDialog` component is to ease of creating of forms, it is used react-final-form internally.\\nIt supports several predefined types of fields but user can extend it by registering new ones by using `registerDialogControl`.\\n\\n### Controls\\n\\n- [Base controls](https://preview.yandexcloud.dev/dialog-fields/?path=/story/demo-00-base-controls)\\n  - `plain` - static text\\n  - `text` - editable text\\n  - `multi-text` - user defined array of string\\n  - `checkbox` - checkbox\\n  - `tumbler` - tumbler\\n  - `radio` - radio button\\n  - `editable-list` - list of removable strings\\n  - `multi-editable-list` - multi list of removable strings\\n  - `text area` - text area\\n  - `select` - select\\n  - `block` - allows to add ReactNode\\n- [Custom control registration](https://preview.yandexcloud.dev/dialog-fields/?path=/story/tutorials-custom-control-registration)\\n\\n### Features\\n\\n- Inplace and modal view\\n- [One tab](https://preview.yandexcloud.dev/dialog-fields/?path=/story/demo-01-one-tab) and [several tab forms](https://preview.yandexcloud.dev/dialog-fields/?path=/story/demo-02-several-tab--horizontal-tabs)\\n- [Vertical/Horizontal tabs](https://preview.yandexcloud.dev/dialog-fields/?path=/story/demo-02-several-tab)\\n- [Hidden fields and tabs](https://preview.yandexcloud.dev/dialog-fields/?path=/story/demo-04-visibility-condition)\\n- [Linked fields by values](https://preview.yandexcloud.dev/dialog-fields/?path=/story/demo-05-extras-and-linked-fields)\\n- [Field-level validation](https://preview.yandexcloud.dev/dialog-fields/?path=/story/demo-06-field-validators)\\n- [Form-level validation](https://preview.yandexcloud.dev/dialog-fields/?path=/story/demo-07-form-validation)\\n- [Virtualized tabs](https://preview.yandexcloud.dev/dialog-fields/?path=/story/demo-08-virtualized-tabs)\\n- [Cloneable tabs](https://preview.yandexcloud.dev/dialog-fields/?path=/story/demo-08-cloneable-tabs-)\\n- [Groupped fields](https://preview.yandexcloud.dev/dialog-fields/?path=/story/demo-03-sections)\\n\\n## Install\\n\\n```\\n$ npm install @gravity-ui/dialog-fields\\n```\\n\\nAlso you have to install all required peer-dependencies\\n\\n```\\n$ npm install -D  @gravity-ui/uikit@^5 @bem-react/classname@1.6 react@^17\\n```\\n\\n## Usage\\n\\n```ts\\nimport {DFDialog, FormApi} from \'@gravity-ui/dialog-fields\';\\n\\ninterface FormValues {\\n  firstName: string;\\n  lastName: string;\\n}\\n\\nfunction MyForm() {\\n  return (\\n    <DFDialog<FormValues>\\n      visible={true}\\n      headerProps={{\\n        title: \'My form\',\\n      }}\\n      onAdd={(form) => {\\n        console.log(form.getState().values);\\n        return Promise.resolve();\\n      }}\\n      fields={[\\n        {\\n          name: \'firstName\',\\n          type: \'text\',\\n          caption: \'First name\',\\n          tooltip: \'Description for first name field\',\\n        },\\n        {\\n          name: \'lastName\',\\n          type: \'text\',\\n          caption: \'LastName\',\\n          tooltip: \'Description for last name field\',\\n        },\\n      ]}\\n    />\\n  );\\n}\\n```\\n\\nSee more examples in [storybook](https://preview.yandexcloud.dev/dialog-fields).\\n","changelog":"# Changelog\\n\\n## [5.0.8](https://github.com/gravity-ui/dialog-fields/compare/v5.0.7...v5.0.8) (2024-06-27)\\n\\n\\n### Bug Fixes\\n\\n* better type for ValidatorType ([cc6077e](https://github.com/gravity-ui/dialog-fields/commit/cc6077ed56f3f135b35783d41ef850fb7ce03d0b))\\n* minor fix for styles [YTFRONT-4132] ([09664b8](https://github.com/gravity-ui/dialog-fields/commit/09664b8ad0964a123f0f1babb46397385729409c))\\n\\n## [5.0.7](https://github.com/gravity-ui/dialog-fields/compare/v5.0.6...v5.0.7) (2024-04-02)\\n\\n\\n### Bug Fixes\\n\\n* make autoFocus correct for text components ([6f63777](https://github.com/gravity-ui/dialog-fields/commit/6f63777f5d3e164702ef8f0972c2bbfc30de188f))\\n\\n## [5.0.6](https://github.com/gravity-ui/dialog-fields/compare/v5.0.5...v5.0.6) (2024-03-11)\\n\\n\\n### Bug Fixes\\n\\n* better styles for size:\'s\' ([b4c7ebd](https://github.com/gravity-ui/dialog-fields/commit/b4c7ebde579fe0f57a455611c1bec928d53be1cb))\\n* better type for textApply property ([dbacf6f](https://github.com/gravity-ui/dialog-fields/commit/dbacf6f4d8c4bb42445482c8cf89c1e2d3ed14b1))\\n\\n## [5.0.5](https://github.com/gravity-ui/dialog-fields/compare/v5.0.4...v5.0.5) (2024-03-07)\\n\\n\\n### Bug Fixes\\n\\n* better vertical align for labels ([4060084](https://github.com/gravity-ui/dialog-fields/commit/4060084953f1d66435cfb45feb4312a136313319))\\n\\n## [5.0.4](https://github.com/gravity-ui/dialog-fields/compare/v5.0.3...v5.0.4) (2024-03-06)\\n\\n\\n### Bug Fixes\\n\\n* additional to 99d7d701dd91470e641e058f46af3d23d72deaf8 ([743fcec](https://github.com/gravity-ui/dialog-fields/commit/743fcecaa8627e1e4325545a48b7103f89852f4d))\\n\\n## [5.0.3](https://github.com/gravity-ui/dialog-fields/compare/v5.0.2...v5.0.3) (2024-03-06)\\n\\n\\n### Bug Fixes\\n\\n* minor fix for release.yaml ([63d962f](https://github.com/gravity-ui/dialog-fields/commit/63d962fbb065932cdccc1a3af2386425aed97165))\\n\\n## [5.0.2](https://github.com/gravity-ui/dialog-fields/compare/v5.0.1...v5.0.2) (2024-03-06)\\n\\n\\n### Bug Fixes\\n\\n* minor fix for README ([4af0080](https://github.com/gravity-ui/dialog-fields/commit/4af008092b578d733342a00defcdd6d35abf4ff9))\\n\\n## [5.0.1](https://github.com/gravity-ui/dialog-fields/compare/v5.0.0...v5.0.1) (2024-03-06)\\n\\n\\n### Bug Fixes\\n\\n* better question-icon position ([258f9d7](https://github.com/gravity-ui/dialog-fields/commit/258f9d7c3a26211ce96735b116e91dffbd247a6f))\\n\\n## [5.0.0](https://github.com/gravity-ui/dialog-fields/compare/v4.3.1...v5.0.0) (2024-03-04)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update @gravity-ui/uikit v6\\n\\n### Features\\n\\n* update @gravity-ui/uikit v6 ([82689df](https://github.com/gravity-ui/dialog-fields/commit/82689df204f3df6ac40899f6f4463c66caefd961))\\n\\n## [4.3.1](https://github.com/gravity-ui/dialog-fields/compare/v4.3.0...v4.3.1) (2024-02-29)\\n\\n\\n### Bug Fixes\\n\\n* better tab errors detection ([737fc89](https://github.com/gravity-ui/dialog-fields/commit/737fc897d3469ec2735a98eec5eb3f18fad857e7))\\n\\n## [4.3.0](https://github.com/gravity-ui/dialog-fields/compare/v4.2.0...v4.3.0) (2023-12-22)\\n\\n\\n### Features\\n\\n* **PlainText:** add PlainText.props.placeholder property ([9cc5dfb](https://github.com/gravity-ui/dialog-fields/commit/9cc5dfb3b62b1df8a66556529ab21467fdf2622f))\\n\\n\\n### Bug Fixes\\n\\n* **PlainText:** add padding-top ([8cb7525](https://github.com/gravity-ui/dialog-fields/commit/8cb75256d1747a92051406348098473a2afee2c5))\\n\\n## [4.2.0](https://github.com/gravity-ui/dialog-fields/compare/v4.1.0...v4.2.0) (2023-11-28)\\n\\n\\n### Features\\n\\n* **DFDialog:** add DFDialog.props.footerProps.hidden field ([325cb3d](https://github.com/gravity-ui/dialog-fields/commit/325cb3ddc0b8f55fe1f9600e632321921287e50a))\\n\\n## [4.1.0](https://github.com/gravity-ui/dialog-fields/compare/v4.0.0...v4.1.0) (2023-11-27)\\n\\n\\n### Features\\n\\n* add \'_dirty\' modifier for \'.df-dialog__field-group\' ([f805d4e](https://github.com/gravity-ui/dialog-fields/commit/f805d4eabe4d5c96d7061e565e4903502d15580f))\\n\\n## [4.0.0](https://github.com/gravity-ui/dialog-fields/compare/v3.1.0...v4.0.0) (2023-11-27)\\n\\n### ⚠ BREAKING CHANGES\\n\\n- rework ControlField.extras ([9826b75](https://github.com/gravity-ui/dialog-fields/commit/9826b758ccc166bee88aff934f5edd37fd1056e8))\\n  - definition of function `extras(formValues, form)` is changed to `extras(formValues, {form, field, input})`\\n\\n### Features\\n\\n- add Select control ([4b33ffd](https://github.com/gravity-ui/dialog-fields/commit/4b33ffd6fadbf309794a484057490defc21764ef))\\n- rework ControlField.extras ([9826b75](https://github.com/gravity-ui/dialog-fields/commit/9826b758ccc166bee88aff934f5edd37fd1056e8))\\n\\n## [3.1.0](https://github.com/gravity-ui/dialog-fields/compare/v3.0.2...v3.1.0) (2023-11-01)\\n\\n### Features\\n\\n- make section collapsible ([4ebff66](https://github.com/gravity-ui/dialog-fields/commit/4ebff660534769b8e06947578a64d8c7f570f6b1))\\n\\n### Bug Fixes\\n\\n- **block:** block-element should be full-width with vertical tabs ([0496529](https://github.com/gravity-ui/dialog-fields/commit/0496529f697f9e5982beec6ff8650c3aa617a1f2))\\n\\n## [3.0.2](https://github.com/gravity-ui/dialog-fields/compare/v3.0.1...v3.0.2) (2023-10-04)\\n\\n### Bug Fixes\\n\\n- minor style fix for \'textarea\' ([71fb737](https://github.com/gravity-ui/dialog-fields/commit/71fb73712c07ece1afd73203ef8b9bea7afab1dc))\\n\\n## [3.0.1](https://github.com/gravity-ui/dialog-fields/compare/v3.0.0...v3.0.1) (2023-10-04)\\n\\n### Bug Fixes\\n\\n- **buid:** babel config should be used for storybook only ([663329e](https://github.com/gravity-ui/dialog-fields/commit/663329eb67c976ca556b9ec7ce546900b4e1ec19))\\n\\n## [3.0.0](https://github.com/gravity-ui/dialog-fields/compare/v2.0.1...v3.0.0) (2023-09-02)\\n\\n### ⚠ BREAKING CHANGES\\n\\n- rename `.page-dialog` classname to `.df-page-dialog`\\n\\n### chore\\n\\n- migrate to `@bem-react/classname` ([8e4f3d0](https://github.com/gravity-ui/dialog-fields/commit/8e4f3d01b86fa19011a70a60a21e01251d7a5a27))\\n\\n## [2.0.1](https://github.com/gravity-ui/dialog-fields/compare/v2.0.0...v2.0.1) (2023-08-17)\\n\\n### Bug Fixes\\n\\n- better peerDependencies ([8f9fcba](https://github.com/gravity-ui/dialog-fields/commit/8f9fcba1600580806025cd89228606f40f91c5a4))\\n\\n## [2.0.0](https://github.com/gravity-ui/dialog-fields/compare/v1.1.1...v2.0.0) (2023-07-25)\\n\\n### ⚠ BREAKING CHANGES\\n\\n- use @gravity-ui/uikit v5\\n\\n### chore\\n\\n- use @gravity-ui/uikit v5 ([0a4e8da](https://github.com/gravity-ui/dialog-fields/commit/0a4e8da1a4d5536a72a149bbe9f143ed36384873))\\n\\n## [1.1.1](https://github.com/gravity-ui/dialog-fields/compare/v1.1.0...v1.1.1) (2023-03-21)\\n\\n### Bug Fixes\\n\\n- vertical tabs should correctly display controls with fullWidth ([675fbd5](https://github.com/gravity-ui/dialog-fields/commit/675fbd5b2aeaf069db9ca99364bd50ecb56b21ac))\\n\\n## [1.1.0](https://github.com/gravity-ui/dialog-fields/compare/v1.0.1...v1.1.0) (2023-03-21)\\n\\n### Features\\n\\n- add ControlField.fullWidth property ([91dd461](https://github.com/gravity-ui/dialog-fields/commit/91dd461b49d3fc25d146c550ffc4105d2a23a783))\\n\\n## [1.0.1](https://github.com/gravity-ui/dialog-fields/compare/v1.0.0...v1.0.1) (2023-03-15)\\n\\n### Bug Fixes\\n\\n- for CODEOWNERS ([7c9d2e7](https://github.com/gravity-ui/dialog-fields/commit/7c9d2e7eacf093f51873216b494df755fec38417))\\n- minor fix for right padding ([45f4355](https://github.com/gravity-ui/dialog-fields/commit/45f4355286f147ac04c231d6858d5516f53ca0f3))\\n\\n## 1.0.0 (2023-02-22)\\n\\n- First release\\n","contributors":[{"login":"ma-efremoff","avatarUrl":"https://avatars.githubusercontent.com/u/64027148?v=4","url":"https://github.com/ma-efremoff","contributions":76},{"login":"rrewll","avatarUrl":"https://avatars.githubusercontent.com/u/28988763?v=4","url":"https://github.com/rrewll","contributions":1}],"codeOwners":[{"pattern":"*","owners":["ma-efremoff"]}]},"paranoid":{"stars":0,"version":"2.0.1","lastUpdate":"19.04.2024","license":"MIT License","issues":0,"readme":"# Paranoid\\nParanoid is the library for displaying cluster topologies.\\n\\n### Development mode and preview\\nTo start developing paranoid, invoke the following commands\\n```\\nnpm ci\\nnpm start\\n```\\nand make your changes to the sources.\\n\\n### API\\n\\n* `renderGraph(domNodeId: string, data: Data, opts?: Options)`:\\n  *  `domNodeId` - the id of DOM element where graph will be rendered\\n  *  `data` and `opts` - [data and options for rendering a graph](#models)\\n\\n\\n### Models\\n[See here](./src/lib/models.ts)\\n","changelog":"# Changelog\\n\\n## [2.0.1](https://github.com/gravity-ui/paranoid/compare/v2.0.0...v2.0.1) (2024-04-19)\\n\\n\\n### Bug Fixes\\n\\n* emit d.ts files ([#31](https://github.com/gravity-ui/paranoid/issues/31)) ([6413f3d](https://github.com/gravity-ui/paranoid/commit/6413f3d52371cb1b5a752bc9789e6517afe4c360))\\n\\n## [2.0.0](https://github.com/gravity-ui/paranoid/compare/v1.4.1...v2.0.0) (2024-04-19)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update colors, dependencies ([#29](https://github.com/gravity-ui/paranoid/issues/29))\\n\\n### Features\\n\\n* update colors, dependencies ([#29](https://github.com/gravity-ui/paranoid/issues/29)) ([0dfa869](https://github.com/gravity-ui/paranoid/commit/0dfa8697af790f1ff2bb99520dfdde66e7231646))\\n\\n## [1.4.1](https://github.com/gravity-ui/paranoid/compare/v1.4.0...v1.4.1) (2024-03-12)\\n\\n\\n### Bug Fixes\\n\\n* lodash imports ([#25](https://github.com/gravity-ui/paranoid/issues/25)) ([cfe5e35](https://github.com/gravity-ui/paranoid/commit/cfe5e35b1cf60c019c575565262d77d2e58fbb3b))\\n\\n## [1.4.0](https://github.com/gravity-ui/paranoid/compare/v1.3.0...v1.4.0) (2023-02-03)\\n\\n\\n### chore\\n\\n* change package organization ([#23](https://github.com/gravity-ui/paranoid/issues/23)) ([920f457](https://github.com/gravity-ui/paranoid/commit/920f4572f2bdc5b297f7440824c3512a8fa86d98))\\n\\n## [1.3.0](https://github.com/gravity-ui/paranoid/compare/v1.2.1...v1.3.0) (2022-11-11)\\n\\n\\n### Features\\n\\n* add support for explain plan CTE blocks ([#20](https://github.com/gravity-ui/paranoid/issues/20)) ([42dd293](https://github.com/gravity-ui/paranoid/commit/42dd293ad606c117ce5f70e679c854cf934fa4d6))\\n* remove YS Text ([#21](https://github.com/gravity-ui/paranoid/issues/21)) ([fd6fbdc](https://github.com/gravity-ui/paranoid/commit/fd6fbdc9161896cf691078c771c674264b57d872))\\n\\n## [1.2.1](https://github.com/gravity-ui/paranoid/compare/v1.2.0...v1.2.1) (2022-08-29)\\n\\n\\n### Bug Fixes\\n\\n* ydb explain view fixes ([#18](https://github.com/gravity-ui/paranoid/issues/18)) ([32659b5](https://github.com/gravity-ui/paranoid/commit/32659b5155f8a26513df4712350a55c4ce1082ee))\\n\\n## [1.2.0](https://github.com/gravity-ui/paranoid/compare/v1.1.0...v1.2.0) (2022-08-18)\\n\\n\\n### Features\\n\\n* update ydb plan nodes view ([#16](https://github.com/gravity-ui/paranoid/issues/16)) ([9ff53e8](https://github.com/gravity-ui/paranoid/commit/9ff53e8355694f7dc22de071801c8ec8a3645d4a))\\n\\n## [1.1.0](https://github.com/gravity-ui/paranoid/compare/v1.0.0...v1.1.0) (2022-07-18)\\n\\n\\n### Features\\n\\n* update ydb explain plan view ([#14](https://github.com/gravity-ui/paranoid/issues/14)) ([bc46eb1](https://github.com/gravity-ui/paranoid/commit/bc46eb1c0700288c165f572ee3dc075fabe954b6))\\n\\n\\n### Bug Fixes\\n\\n* remove deps carets ([#12](https://github.com/gravity-ui/paranoid/issues/12)) ([b844247](https://github.com/gravity-ui/paranoid/commit/b844247dc0c1faca51ea72184740f87e3aebeb2a))\\n\\n## [1.0.0](https://www.github.com/gravity-ui/paranoid/compare/v0.1.1...v1.0.0) (2022-01-17)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* instead of `renderGraph(domNodeId: string, data: Data, opts?: Options)` you should use now `getCompactTopology(domNodeId: string, data: Data, opts?: Options)`\\n\\n### Features\\n\\n* added new paranoid type ([#9](https://www.github.com/gravity-ui/paranoid/issues/9)) ([ad63b2b](https://www.github.com/gravity-ui/paranoid/commit/ad63b2b70d24f16662f46c64c9a86caaaa4d710a))\\n\\n### [0.1.1](https://www.github.com/gravity-ui/paranoid/compare/v0.1.0...v0.1.1) (2022-01-12)\\n\\n\\n### Bug Fixes\\n\\n* correctly expose the package entrypoint ([8cdcd56](https://www.github.com/gravity-ui/paranoid/commit/8cdcd560f18f8cd38c6299971db3be228c52d0e5))\\n\\n## 0.1.0 (2022-01-08)\\n\\n\\n### Features\\n\\n* initial library import ([78433bb](https://www.github.com/gravity-ui/paranoid/commit/78433bbffcb9e9cd0178cecd1fa02cc9e5470162))\\n","contributors":[{"login":"tsufiev","avatarUrl":"https://avatars.githubusercontent.com/u/1240006?v=4","url":"https://github.com/tsufiev","contributions":9},{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":6},{"login":"Raubzeug","avatarUrl":"https://avatars.githubusercontent.com/u/42094364?v=4","url":"https://github.com/Raubzeug","contributions":1},{"login":"pseudopirate","avatarUrl":"https://avatars.githubusercontent.com/u/16260137?v=4","url":"https://github.com/pseudopirate","contributions":1},{"login":"SeqviriouM","avatarUrl":"https://avatars.githubusercontent.com/u/1071418?v=4","url":"https://github.com/SeqviriouM","contributions":1},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":1}],"codeOwners":[]},"react-data-table":{"stars":7,"version":"2.1.1","lastUpdate":"06.05.2024","license":"MIT License","issues":1,"readme":"# React Data Table &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/react-data-table)](https://www.npmjs.com/package/@gravity-ui/react-data-table) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/react-data-table/.github/workflows/ci.yml?label=CI&logo=github)](https://github.com/gravity-ui/react-data-table/actions/workflows/ci.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/react-data-table/)\\n\\nA React component for rendering tables.\\n\\nCell grouping is supported: rows are first sorted by grouped columns. Grouping is incompatible with the `dynamicRender` option.\\n\\nMulti-column sorting is also supported. Ctrl+Click on a column adds a column at the end\\nof the sort list. A simple Click sorts the table by this column only. Sorting order is switched in the sequence: `none -> default -> reversed default -> none`.\\n\\n## Properties\\n\\n| Property          | Type       | Required | Default        | Description                                                                                                                                                                                                                                                             |\\n| :---------------- | :--------- | :------: | :------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\\n| columns           | `Array`    |    ✓     |                | List of [table columns](#Column)                                                                                                                                                                                                                                        |\\n| headerData        | `Array`    |          |                | A list of rows with data that will be shown inside the header. If the header is sticky, the rows will also stick. The same methods apply to them as to rows in `data` ([headerData](#headerData))                                                                       |\\n| data              | `Array`    |    ✓     |                | List of data rows                                                                                                                                                                                                                                                       |\\n| footerData        | `Array`    |          |                | A list of rows with data to be sent into the table footer. The same methods apply to them as to strings in `data`                                                                                                                                                       |\\n| startIndex        | `Number`   |          | `0`            | Initial index (used to show row indexes)                                                                                                                                                                                                                                |\\n| settings          | `Object`   |          |                | [Table settings](#Settings)                                                                                                                                                                                                                                             |\\n| emptyDataMessage  | `String`   |          | \'No data\'      | The message shown when the data is empty                                                                                                                                                                                                                                |\\n| renderEmptyRow    | `Function` |          |                | A custom renderer for an empty table row, accepts an array of columns `(columns) => ReactNode`                                                                                                                                                                          |\\n| rowClassName      | `Function` |          |                | A method that sets the class for a string `(row, index, isFooterRow, isHeaderRow) => (<string> )`                                                                                                                                                                       |\\n| rowKey            | `Function` |          |                | A method that returns the value of react-key `(row, index) => (<scalar_type_value> )`. The default method returns `row.id` &#124;&#124;` index`                                                                                                                         |\\n| initialSortOrder  | `Object`   |          |                | Initial sorting in the format`{columnId: <string>, order: <DataTable.ASCENDING `&#124;` DataTable.DESCENDING>}` or a list of such objects.                                                                                                                              |\\n| theme             | `String`   |          | \'yandex-cloud\' | The name of the theme. To use the built-in table theme, use the `\'legacy\'` value. For compatibility with @gravity-ui/uikit colors, use `\'yandex-cloud\'` (default)                                                                                                       |\\n| onSort            | `Function` |          |                | Sort listener `([{columnId: <string>, order: <DataTable.ASCENDING `&#124;` DataTable.DESCENDING>}]) => void`. Use it to save the sorting state and pass it to the `initialSortOrder` on page refresh.                                                                   |\\n| sortOrder         | `Object`   |          |                | Sorting in the format `{columnId: <string>, order: <DataTable.ASCENDING `&#124;` DataTable.DESCENDING>}` or a list of such objects.                                                                                                                                     |\\n| onResize          | `Function` |          |                | Resize listener `(columnId: string, newWidth: number) => void`. Use it to save new column width.                                                                                                                                                                        |\\n| visibleRowIndex   | `Function` |          |                | A method `(row, index) => number` that returns the row index shown in the column enabled by the `displayIndices` flag. Use it to specify a correct row index when applying external sorting                                                                             |\\n| onRowClick        | `Function` |          |                | Click listener for a row `(row, index, event) => void`                                                                                                                                                                                                                  |\\n| nullBeforeNumbers | `Boolean`  |          |                | A flag that sets the position of `null`/`undefined` values when sorting. If true, `null`/`undefined` values are shown at the top in the case of ascending order and at the bottom in the case of descending order. If `false`/`undefined`, they are shown at the bottom |\\n| getColSpansOfRow  | `Function` |          |                | Configuring column spanning for each row `({ row, columns, index, headerData, span, footer, odd }) => {[colName: string]: number} / undefined`                                                                                                                          |\\n\\n## Settings\\n\\n| Property                                    | Type                                       | Default               | Description                                                                                                                                                                                                                                                                                                                         |\\n| :------------------------------------------ | :----------------------------------------- | :-------------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\\n| displayIndices                              | `Boolean`                                  | `true`                | Whether to show row indexes (starting from `startIndex`)                                                                                                                                                                                                                                                                            |\\n| stickyHead                                  | `DataTable.FIXED DataTable.MOVING`         |                       | Enable sticky header in one of two modes. The `DataTable.FIXED` mode is used if the table container is fixed relative to the page. If the page with a container is scrollable, better use `DataTable.MOVING`, but for this your browser needs to support `position: sticky`. Otherwise, sticky header will be completely disabled.  |\\n| stickyTop                                   | `Number`                                   |                       | Stick the header at the desired height (in the `DataTable.MOVING` mode). Use it if the scrollable container includes other content apart from the table. If the header fails to stick to the edge of the container, better use exactly positioned spacers so that the table content does not bulge out above the top of the header. |\\n| stickyFooter                                | see stickyHead                             |                       | It\'s similar to `stickyHead` for `footerData`                                                                                                                                                                                                                                                                                       |\\n| stickyBottom                                | `Number`                                   |                       | Stick rows from `footerData` with proper bottom margin (in the `DataTable.MOVING` mode).                                                                                                                                                                                                                                            |\\n| syncHeadOnResize                            | `Boolean`                                  | `false`               | Sync the size of a sticky header when resizing the window                                                                                                                                                                                                                                                                           |\\n| dynamicInnerRef                             | `React.RefObject<DynamicInnerRefT>`        |                       | A ref to get a ReactList instance when you want to call methods directly, for example, [ReactList.scrollTo](https://github.com/caseywebdev/react-list#scrolltoindex). `DynamicInnerRefT` is also exported as Settings to correctly define the type without adding a project-dependent ReactList.                                    |\\n| dynamicRender                               | `Boolean`                                  | `false`               | Dynamic rendering of rows (viewport only). Requires a specific layout                                                                                                                                                                                                                                                               |\\n| dynamicRenderType                           | `String`                                   | `\'uniform\'`           | [ReactList.type](https://github.com/coderiety/react-list#type-one-of-simple-variable-or-uniform-defaults-to-simple)                                                                                                                                                                                                                 |\\n| dynamicItemSizeEstimator                    | `Function`                                 |                       | [ReactList.itemSizeEstimator](https://github.com/coderiety/react-list#itemsizeestimatorindex-cache)                                                                                                                                                                                                                                 |\\n| dynamicItemSizeGetter                       | `Function`                                 |                       | [ReactList.itemSizeGetter](https://github.com/coderiety/react-list#itemsizegetterindex)                                                                                                                                                                                                                                             |\\n| dynamicRenderMinSize                        | `Number`                                   | `1`                   | A minimum number of rows to be rendered in any case, even if a smaller number of rows fills the container height completely (this makes sense if dynamicRender is enabled). The value is passed [to the `minSize` property of the ReactList component](https://github.com/coderiety/react-list#minsize-defaults-to-1).              |\\n| dynamicRenderUseStaticSize                  | `Boolean`                                  | `false`               | [ReactList.useStaticSize](https://github.com/caseywebdev/react-list#usestaticsize-defaults-to-false)                                                                                                                                                                                                                                |\\n| dynamicRenderThreshold                      | `Number`                                   |                       | [ReactList.threshold](https://github.com/caseywebdev/react-list#threshold-defaults-to-100)                                                                                                                                                                                                                                          |\\n| dynamicRenderScrollParentGetter             | `Function`                                 |                       | [ReactList.scrollParentGetter](https://github.com/caseywebdev/react-list#scrollparentgetter-defaults-to-finding-the-nearest-scrollable-parent)                                                                                                                                                                                      |\\n| dynamicRenderScrollParentViewportSizeGetter | `Function`                                 |                       | [ReactList.scrollParentViewportSizeGetter](https://github.com/caseywebdev/react-list#scrollparentviewportsizegetter-defaults-to-scrollparents-viewport-size)                                                                                                                                                                        |\\n| sortable                                    | `Boolean`                                  | `true`                | Enable sorting for the entire table                                                                                                                                                                                                                                                                                                 |\\n| externalSort                                | `Boolean`                                  | `false`               | Disable data sorting on the component side. [Read more](#externalSort)                                                                                                                                                                                                                                                              |\\n| disableSortReset                            | `Boolean`                                  | `false`               | Disable sort reset (enables the `none -> default <-> reversed default` sort scheme)                                                                                                                                                                                                                                                 |\\n| defaultOrder                                | `DataTable.ASCENDING DataTable.DESCENDING` | `DataTable.ASCENDING` | Default sort order in the table                                                                                                                                                                                                                                                                                                     |\\n| defaultResizeable                           | `Boolean`                                  | `false`               | Value that is used to determine whether column is resizeable, if no explicit value for column is set                                                                                                                                                                                                                                |\\n| highlightRows                               | `Boolean`                                  |                       | Highlighting table rows on hover                                                                                                                                                                                                                                                                                                    |\\n| stripedRows                                 | `Boolean`                                  |                       | Whether to color even/odd rows                                                                                                                                                                                                                                                                                                      |\\n| headerMod                                   | `multiline` `pre`                          |                       | Enable a multi-line (the `multiline` value) or pre-formatted header (the `pre` value)                                                                                                                                                                                                                                               |\\n\\n### externalSort\\n\\nDisables data sorting on the component side. Please note that:\\n\\n- The table continues to be the primary source of the sort state (selected columns and sort direction) and is also responsible for the correct rendering of table headers in accordance with this state.\\n- The external environment must pass to the table correctly sorted rows in `props.data` responding to the `props.onSort` callback call.\\n- Grouping of column values is disabled (see [Column.group](#group)).\\n\\n---\\n\\n## Column\\n\\nColumns let you flexibly customize rendering of cells.\\nIn its simplest form, the column description looks as follows:\\n\\n```json\\n{\\n  \\"name\\": \\"column_name\\"\\n}\\n```\\n\\nThe cell will show `row.column_name` as it is.\\n\\nThe `name` field is the only mandatory field. The remaining fields are described below:\\n\\n| Property       | Type                                              | Description                                                                                                                                                                                                                                                                                     |\\n| :------------- | :------------------------------------------------ | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\\n| name           | `string`                                          | Column name and default value for the `header` and `accessor`                                                                                                                                                                                                                                   |\\n| header         | `string` or `node`                                | Column header                                                                                                                                                                                                                                                                                   |\\n| headerTitle    | `string`                                          | Header title                                                                                                                                                                                                                                                                                    |\\n| className      | `string`                                          | Column class                                                                                                                                                                                                                                                                                    |\\n| width \xa0 \xa0 \xa0 \xa0  | `string \\\\| number`                                | Column width                                                                                                                                                                                                                                                                                    |\\n| resizeable \xa0 \xa0 | `boolean`                                         | Determines whether column width can be changed. Applied only if `onResize` function is passed.                                                                                                                                                                                                  |\\n| resizeMinWidth | `number`                                          | Min column width for resize.                                                                                                                                                                                                                                                                    |\\n| resizeMaxWidth | `number`                                          | Max column width for resize.                                                                                                                                                                                                                                                                    |\\n| align          | `DataTable.LEFT DataTable.CENTER DataTable.RIGHT` | Text alignment in a cell                                                                                                                                                                                                                                                                        |\\n| accessor       | `func`                                            | Callback `(row) => (value)`. Use it if you want to display deeply \\"hidden\\" values in the column. For example: `(row) => (row.child1.child2[0].value)`                                                                                                                                           |\\n| title          | `string` or `func:string`                         | Callback `(row) => (title)`. Lets you set a fixed title (in the case of `string`) or a dynamic title for column cells. Returns a string.                                                                                                                                                        |\\n| render         | `func:node`                                       | Callback `({value, row, index}) => (node)`. Lets you render a cell in an arbitrary way. As an input, it gets a value, a whole row, or a row index. Returns a React node.                                                                                                                        |\\n| customStyle    | `func`                                            | Callback `({row, index, header, name}) => (styleObject)`. Lets you set a custom style for the cell. In the callback, you pass a string with data, an index, a column name, and a flag whether the cell is a header. At the output, you expect an object with styles following the React syntax. |\\n| onClick        | `func`                                            | Callback `(row, column) => ()`. The onClick listener on the cell.                                                                                                                                                                                                                               |\\n| sortable       | `Boolean`                                         | Whether the column is sortable.                                                                                                                                                                                                                                                                 |\\n| defaultOrder   | `DataTable.ASCENDING DataTable.DESCENDING`        | A default sorting order in the column.                                                                                                                                                                                                                                                          |\\n| sortAccessor   | `func`                                            | Callback `(row) => (value)`. Use it if you want to sort by a value other than `value`, or if `value` is non-scalar.                                                                                                                                                                             |\\n| sortAscending  | `func`                                            | Callback `({row, index, span?}, {row, index, span?}) => (sortValue)`. Use if you want to customize sorting completely.                                                                                                                                                                          |\\n| sub            | `array`                                           | Nested columns                                                                                                                                                                                                                                                                                  |\\n| group          | `Boolean`                                         | Groups the same values into one cell, allowing you to create complex tables. [More details](#group)                                                                                                                                                                                             |\\n| autogroup      | `Boolean`                                         | Enables ascending sorting across all columns with group, resulting in autogrouping. Defaults to `true`                                                                                                                                                                                          |\\n\\n### group\\n\\nGroups the same values into one cell. Please note that:\\n\\n- Grouping is incompatible with the `Settings.dynamicRender` option, and, when they are enabled together, the table might work poorly.\\n- Grouping is disabled when the `Settings.externalSort` option is enabled\\n- It is worth disabling the `Settings.stripedRows` and `Settings.highlightRows` settings.\\n\\n---\\n\\n### Multi-level header\\n\\nNested columns are set up in the `sub` field. For columns with attachments, except for the `sub` field,\\nonly fields that affect the header make sense: `name`, `header`, `headerTitle`, `align`, and `customStyle`.\\n\\n### headerData\\n\\nThe `headerData` property lets you add rows to the beginning of the table. However, if the header is sticky, the rows will stick along with the header. In the sticky header mode, such rows won\'t affect the column width, so you might need to specify the column width.\\n\\n### Customizing with themes\\n\\nThe table contains several customized elements.\\nTo set colors for them, use CSS variables (in the example, the topic values are `internal`):\\n\\n```css\\n--data-table-color-base: #ffffff;\\n--data-table-color-stripe: rgba(0, 0, 0, 0.03);\\n--data-table-border-color: #dddddd;\\n--data-table-color-hover-area: #ffeba0;\\n--data-table-color-footer-area: var(--data-table-color-base);\\n```\\n\\n### Custom cell colors\\n\\nTable cells can be rendered using an arbitrary style. **If used incorrectly, it might break the layout!**\\n\\n### Using react-data-table with non-standard fonts\\n\\nWhen using the `stickyHead` prop and a non-standard font for table data, sizes of header columns and table columns might mismatch. This might be the issue if the table data has been loaded and the table rendered before the browser has loaded a specific font.\\n\\nTo avoid this problem, load the desired font before rendering the table. You can do this in one\\nof the following ways:\\n\\n1. Use `<link rel=\\"preload\\">` in the `<head>` element of your HTML code\\n\\n```html\\n<head>\\n  <meta charset=\\"utf-8\\" />\\n  <title>Web font example</title>\\n\\n  <link\\n    rel=\\"preload\\"\\n    href=\\"fonts/my-font.woff2\\"\\n    as=\\"font\\"\\n    type=\\"font/woff2\\"\\n    crossorigin=\\"crossorigin\\"\\n  />\\n  <link\\n    rel=\\"preload\\"\\n    href=\\"fonts/my-font.woff\\"\\n    as=\\"font\\"\\n    type=\\"font/woff\\"\\n    crossorigin=\\"crossorigin\\"\\n  />\\n  <link\\n    rel=\\"preload\\"\\n    href=\\"fonts/my-font.ttf\\"\\n    as=\\"font\\"\\n    type=\\"font/ttf\\"\\n    crossorigin=\\"crossorigin\\"\\n  />\\n\\n  <link href=\\"style.css\\" rel=\\"stylesheet\\" type=\\"text/css\\" />\\n</head>\\n<body>\\n  ...\\n</body>\\n```\\n\\nPlease note that in this case, the font is loaded before all the content on the page is received and loaded. If you use this font only to render tables in your service, and tables aren\'t core to your service, the user will have to wait for a font they might never need again to upload. This method is also not supported by some modern browsers. Read more about this [here](https://developer.mozilla.org/ru/docs/Web/HTML/Preloading_content).\\n\\n2. Use the [fontfaceobserver](https://github.com/bramstein/fontfaceobserver) package\\n\\nTo load a font from the JS code, first define it by the @font-face directive in the CSS code:\\n\\n```scss\\n@font-face {\\n  font-family: \'My font\';\\n  src: url(\'fonts/my-font.woff2\') format(\'woff2\'),\\n       url(\'fonts/my-font.woff\') format(\'woff\');\\n       url(\'fonts/my-font.ttf\') format(\'ttf\');\\n  font-weight: 400;\\n  font-style: normal;\\n}\\n```\\n\\nThen you can preload the font directly with loading data for the table itself.\\n\\nFor one font face:\\n\\n```js\\nimport FontFaceObserver from \'fontfaceobserver\';\\n\\nfunction preloadTableFont() {\\n    return new FontFaceObserver(\'My font\').load();\\n}\\n\\nfunction fetchData() {\\n    ...\\n}\\n\\nfunction getTableData() {\\n  return Promise.all([\\n    fetchData(),\\n    preloadTableFont(),\\n  ])\\n  .then([data] => {\\n    ...\\n  })\\n  .catch((err) => {\\n    ...\\n  })\\n}\\n```\\n\\nFor multiple font faces:\\n\\n```js\\nimport FontFaceObserver from \'fontfaceobserver\';\\n\\nconst lightFont = new FontFaceObserver(\'My font\', {weight: 300});\\nconst regularFont = new FontFaceObserver(\'My font\', {weight: 400});\\n\\nfunction preloadTableFont() {\\n    return Promise.all([\\n        lightFont.load(),\\n        regularFont.load(),\\n    ]);\\n}\\n\\nfunction fetchData() {\\n    ...\\n}\\n\\nfunction getTableData() {\\n  return Promise.all([\\n    fetchData(),\\n    preloadTableFont(),\\n  ])\\n  .then([data] => {\\n    ...\\n  })\\n  .catch((err) => {\\n    ...\\n  })\\n}\\n```\\n\\nThis method is fully supported by browsers and lets you download the font only for users who have opened the table.\\n\\n### Usage\\n\\n```jsx harmony\\nconst data = [];\\nconst columns = [];\\nconst startIndex = 0;\\n\\nreturn <DataTable data={data} columns={columns} startIndex={startIndex} />;\\n```\\n\\nFor more information, see the sample code.\\n","changelog":"# Changelog\\n\\n## [2.1.1](https://github.com/gravity-ui/react-data-table/compare/v2.1.0...v2.1.1) (2024-05-06)\\n\\n\\n### Bug Fixes\\n\\n* enable first column resize ([#43](https://github.com/gravity-ui/react-data-table/issues/43)) ([659541d](https://github.com/gravity-ui/react-data-table/commit/659541dc8eb3abd495a4241c45cd57f774138758))\\n\\n## [2.1.0](https://github.com/gravity-ui/react-data-table/compare/v2.0.1...v2.1.0) (2024-04-12)\\n\\n\\n### Features\\n\\n* add columns resize ([#41](https://github.com/gravity-ui/react-data-table/issues/41)) ([2d3f79f](https://github.com/gravity-ui/react-data-table/commit/2d3f79f003966411b9630df073d9c07f3b302bde))\\n\\n## [2.0.1](https://github.com/gravity-ui/react-data-table/compare/v2.0.0...v2.0.1) (2024-03-12)\\n\\n\\n### Bug Fixes\\n\\n* add tslib to dependencies ([e1895db](https://github.com/gravity-ui/react-data-table/commit/e1895dbd2b006ac297ed6c2b4196a46a1ec35507))\\n\\n## [2.0.0](https://github.com/gravity-ui/react-data-table/compare/v1.3.0...v2.0.0) (2024-03-01)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* remove obsolete css-variables from \\"yandex-cloud\\" theme\\n* update @gravity-ui/uikit v5 (+others)\\n\\n### refactor\\n\\n* remove obsolete css-variables from \\"yandex-cloud\\" theme ([56e46d9](https://github.com/gravity-ui/react-data-table/commit/56e46d982d442a1a4699ded7aeb11e145eb30d90))\\n\\n\\n### chore\\n\\n* update @gravity-ui/uikit v5 (+others) ([ad0f8fd](https://github.com/gravity-ui/react-data-table/commit/ad0f8fdb78ea7f4ee43b663d96c275ccb39c2fcc))\\n\\n## [1.3.0](https://github.com/gravity-ui/react-data-table/compare/v1.2.0...v1.3.0) (2024-02-28)\\n\\n\\n### Features\\n\\n* add custom colspan for table row ([3316f62](https://github.com/gravity-ui/react-data-table/commit/3316f6283a1f504035c381f1baed6245f086e086))\\n\\n## [1.2.0](https://github.com/gravity-ui/react-data-table/compare/v1.1.0...v1.2.0) (2023-09-05)\\n\\n\\n### Features\\n\\n* migrate to @bem-react/classname ([#32](https://github.com/gravity-ui/react-data-table/issues/32)) ([af0987e](https://github.com/gravity-ui/react-data-table/commit/af0987e65e68766747a7956ff8521014c6037648))\\n\\n## [1.1.0](https://github.com/gravity-ui/react-data-table/compare/v1.0.3...v1.1.0) (2023-05-05)\\n\\n\\n### Features\\n\\n* add event in cell click handler ([#26](https://github.com/gravity-ui/react-data-table/issues/26)) ([11e7a00](https://github.com/gravity-ui/react-data-table/commit/11e7a0067d980f6e3a215468d86df9b6a691428f))\\n\\n## [1.0.3](https://github.com/gravity-ui/react-data-table/compare/v1.0.2...v1.0.3) (2023-02-02)\\n\\n\\n### Bug Fixes\\n\\n* move to gravity uikit ([#24](https://github.com/gravity-ui/react-data-table/issues/24)) ([98c7fa6](https://github.com/gravity-ui/react-data-table/commit/98c7fa6b89b2253a9f8df9909f017b556295c36b))\\n\\n### [1.0.2](https://www.github.com/yandex-cloud/react-data-table/compare/v1.0.1...v1.0.2) (2022-03-21)\\n\\n\\n### chore\\n\\n* freeze direct dependencies ([a842bf4](https://www.github.com/yandex-cloud/react-data-table/commit/a842bf48ccd09c2f8a6158bb1250b5b6643844b5))\\n\\n### [1.0.1](https://www.github.com/yandex-cloud/react-data-table/compare/v1.0.0...v1.0.1) (2022-02-25)\\n\\n\\n### Bug Fixes\\n\\n* clarify column width property type ([4b43afe](https://www.github.com/yandex-cloud/react-data-table/commit/4b43afe96ac0fe515b08e492ede12f9ed3299dec))\\n\\n## [1.0.0](https://www.github.com/yandex-cloud/react-data-table/compare/v0.2.2...v1.0.0) (2022-02-03)\\n\\n\\n### docs\\n\\n* translate README.md ([160c576](https://www.github.com/yandex-cloud/react-data-table/commit/160c576a9869ea03f4b80ce172c2f537036aeae4))\\n\\n### [0.2.2](https://www.github.com/yandex-cloud/react-data-table/compare/v0.2.1...v0.2.2) (2022-01-13)\\n\\n\\n### Bug Fixes\\n\\n* emit a warning when columns with duplicate names are provided ([08d0294](https://www.github.com/yandex-cloud/react-data-table/commit/08d029422cceae9145b3aa65d99b2931ec106441))\\n\\n### [0.2.1](https://www.github.com/yandex-cloud/react-data-table/compare/v0.2.0...v0.2.1) (2022-01-12)\\n\\n\\n### Bug Fixes\\n\\n* put back missing styles into package ([c7d3ba0](https://www.github.com/yandex-cloud/react-data-table/commit/c7d3ba0c9b08af7c517249bcca5abef4f1b9fff8))\\n* use THEMES type for theme prop ([af0bb33](https://www.github.com/yandex-cloud/react-data-table/commit/af0bb3319a483bd19bab8d503d01611871e8ef31))\\n\\n## [0.2.0](https://www.github.com/yandex-cloud/react-data-table/compare/v0.1.0...v0.2.0) (2022-01-11)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* theme previously known as \'common\' is now called \'yandex-cloud\' and is a default one, theme previously known as \'internal\' is now called \'legacy\'.\\n\\n### Bug Fixes\\n\\n* make \'yandex-cloud\' theme a new default theme ([ec2ead6](https://www.github.com/yandex-cloud/react-data-table/commit/ec2ead60cb3244a493db12bc5cd8d844e084e4d4))\\n\\n## 0.1.0 (2022-01-04)\\n\\n\\n### Features\\n\\n* initial import of library files ([5d15cab](https://www.github.com/yandex-cloud/react-data-table/commit/5d15cabc78c44eb8e502fe3e74328b456a981710))\\n","contributors":[{"login":"tsufiev","avatarUrl":"https://avatars.githubusercontent.com/u/1240006?v=4","url":"https://github.com/tsufiev","contributions":15},{"login":"ma-efremoff","avatarUrl":"https://avatars.githubusercontent.com/u/64027148?v=4","url":"https://github.com/ma-efremoff","contributions":7},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":4},{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":3},{"login":"artemmufazalov","avatarUrl":"https://avatars.githubusercontent.com/u/67755036?v=4","url":"https://github.com/artemmufazalov","contributions":3},{"login":"pavel-klimov","avatarUrl":"https://avatars.githubusercontent.com/u/42768217?v=4","url":"https://github.com/pavel-klimov","contributions":2},{"login":"Marginy605","avatarUrl":"https://avatars.githubusercontent.com/u/98329176?v=4","url":"https://github.com/Marginy605","contributions":1},{"login":"vitshev","avatarUrl":"https://avatars.githubusercontent.com/u/3217636?v=4","url":"https://github.com/vitshev","contributions":1}],"codeOwners":[]},"unipika":{"stars":1,"version":"5.2.0","lastUpdate":"02.07.2024","license":"MIT License","issues":1,"readme":"# unipika\\n\\nCommon YT/YQL/QC data formatting library.\\n\\n## format(data[, settings[, converter]])\\n\\nFunction accepts data in Unipika-YSON format (hereinafter referred to as the - Unipika), or, if converter is presented, in any other format and formats data according to its type. Currently two built-in converters are presented:\\n\\n- YSON to Unipikа\\n- YQL to Unipika\\n\\n### List of supported types:\\n\\n| Source format | Types                                                                                                                            |\\n| ------------- | -------------------------------------------------------------------------------------------------------------------------------- |\\n| YSON          | `string`, `number`, `int64`, `uint64`, `double`, `map`, `list`, `null`                                                           |\\n| YQL           | `yql.string`, `yql.int64`, `yql.uint64`, `yql.double`, `yql.struct`, `yql.dict`, `yql.list`, `yql.tuple`, `yql.null`, `yql.yson`, `yql.pg.*` - PostgreSQL Data Types in YQL are being formatted as string |\\n\\nSimilar in meaning types are displayed similarly. For example, `int64` and `yql.int64`, `map` and `yql.struct`, etc.\\n\\nIt is assumed that types can\'t be mixed in arbitrary way, that is, for example, `list` can\'t have elements of type `yql.string`, nevertheless, library doesn\'t attempt to fix invalid data in this case. When using built-in converter this situation shouldn\'t happen. Also, for example, only YSON types can have attributes, for the rest of types special field `$attributes` is pointless.\\n\\n### Formatter settings:\\n\\n| Name                      | Type                       | Default value                      | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |\\n| ------------------------- | -------------------------- | ---------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\\n| normalizeUrl              | `(url: string) => string`  | `(url) => new URL(url).toString()` | Optional pararmeter that allows to override default behavior of `utils.normalizeUrl`. Default implementation uses `encodeURI(url)` and returns empty string if the call throws an exception. The result of call `settings.normalizeUrl(url)` injects to DOM tree \\"as is\\" as value of `href`-attributes, so you have to sanitize returned value to prevent XSS.                                                                                                                   |\\n| validateSrcUrl            | `(url: string) => boolean` | `() => false`                      | Function, which accepts source url for `TaggedType` types and returns whether it is allowed to be downloaded. If settings in not defined, `TaggedType` types (images, audio, video) will be formatted as `StructType`                                                                                                                                                                                                                                                            |\\n| format                    | String                     | `\'json\'`                           | `[YSON-specific]` Affects displaying YSON types. Serialization to text `yson` or `json` is supported. These ways of representation are described in YT documentation.                                                                                                                                                                                                                                                                                                            |\\n| decodeUTF8                | Boolean                    | `true`                             | `[YSON-Converter][YSON-specific]` Setting is passed to the converter (YSON to Unipikа). Indicated whether to try decode the data. The data received from YT with the setting { encode_utf8 = false } should not be decoded (also is means that all strings are valid UTF-8 sequences, that is, they are not binary). By default the data from YT is received with the setting { encode_utf8 = true } and should be decoded; strings that cannot be decoded are marked as binary. |\\n| showDecoded               | Boolean                    | `true`                             | `[NCP][YSON-specific]` Indicates whether the decoded data should be displayed or the data in the form in which it is received from YT.                                                                                                                                                                                                                                                                                                                                           |\\n| binaryAsHex               | Boolean                    | `true`                             | `[NCP][YSON-specific]` Indicates whether binary strings should be displayed as a sequence of HEX-digits.                                                                                                                                                                                                                                                                                                                                                                         |\\n| asHTML                    | Boolean                    | `true`                             | Return serialized data in `plain text` or `html`.                                                                                                                                                                                                                                                                                                                                                                                                                                |\\n| break                     | Boolean                    | `true`                             | Put hyphens and indents or return everything as a single line.                                                                                                                                                                                                                                                                                                                                                                                                                   |\\n| indent                    | Number                     | `4`                                | Indent size.                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |\\n| compact                   | Boolean                    | `false`                            | The mode in which complex types like `map`, `list`, `yql.struct` and so on, are displayed more compact if contain only one element.                                                                                                                                                                                                                                                                                                                                              |\\n| highlightControlCharacter | Boolean                    | `false`                            | Enables highlighting of special control characters in html strings.                                                                                                                                                                                                                                                                                                                                                                                                              |\\n| escapeWhitespace          | Boolean                    | `true`                             | `[NCP]`The mode in which hyphens and tab characters are not escaped. With this option it is convenient to view formatted data like stack-traces.                                                                                                                                                                                                                                                                                                                                 |\\n| escapeYQLStrings          | Boolean                    | `true`                             | `[NCP][YQL-Converter]`The mode in which no symbols are escaped at all, so that user can get \\"raw\\" data.                                                                                                                                                                                                                                                                                                                                                                          |\\n| nonBreakingIndent         | Boolean                    | `true`                             | The mode in which indents, spaces in key-value separator, and spaces in string binary representation are nonbreaking ( `&nbsp;` symbol).                                                                                                                                                                                                                                                                                                                                         |\\n| omitStructNull            | Boolean                    | `false`                            | `[YQL-Converter]` Indicates whether to skip keys with `null` value in `yql.struct` type.                                                                                                                                                                                                                                                                                                                                                                                         |\\n| maxListSize               | Number                     | `undefined`                        | `[YQL-Converter]` Maximum allowed size of list nodes (`yql.list`, `yql.dict`, `yql.struct`, `yql.tuple`, `yql.stream`). If value > 0 is set, node will be truncated to this value.                                                                                                                                                                                                                                                                                               |\\n| maxStringSize             | Number                     | `undefined`                        | `[YQL-Converter]` Maximum allowed size of strings (`yql.string`, `yql.utf8`). If value > 0 is set, string will be truncated to this value.                                                                                                                                                                                                                                                                                                                                       |\\n| limitMapLength            | Number                     | `undefined`                        | Maximum allowed size of all map nodes. If value > 0 is set, node will be truncated to this (value - 1).                                                                                                                                                                                                                                                                                                                                                                          |\\n| limitListLength           | Number                     | `undefined`                        | Maximum allowed size of all list nodes. If value > 0 is set, node will be truncated to this (value - 1).                                                                                                                                                                                                                                                                                                                                                                         |\\n| treatValAsData           | Boolean                     | `false`                        | If `val` is among data fields, it may be treated two ways: as normal object key (if `treatValAsData` is not set or is set to `false`) or it\'s value will be set as overall $value (if `treatValAsData` is set to `true`). In most cases this setting should not be set.                                                                                                                                                                                                                                                                                                                                                                          |\\n\\n`[YQL-Converter]` - Options affects only data conversion from YQL format.\\n`[YSON-Converter]` - Options affects only data conversion from YSON format.\\n`[YSON-Specific]` - Options affects only YSON types representation and should not affect other types representation.\\n`[NCP]` - (Non copy-pastable) this representation is used to improve readability, but is not valid; copying and using such data may cause an error.\\n\\n## formatFromYSON(data[, settings])\\n\\nFormat function wrapper, data is passed in YSON format, YSON to Unipika converter is used.\\n\\n## formatFromYQL(data[, settings])\\n\\nFormat function wrapper, data is passed in YQL format (in the list `[data, dataType]`), YQL to Unipika converter is used.\\n\\n## TODO\\n\\nPlugins `yql-date`, `yql-datetime` and `yql-timestamp` do formatting of date by `Date.prototype.toISOString()`.\\nIf it is required it is better to use `moment.js` and rewrite the plugins.\\n","changelog":"# Changelog\\n\\n## [5.2.0](https://github.com/gravity-ui/unipika/compare/v5.1.0...v5.2.0) (2024-07-02)\\n\\n\\n### Features\\n\\n* support tzdate32, tzdatetime64, tztimestamp64 [YQLFRONT-2732] ([#42](https://github.com/gravity-ui/unipika/issues/42)) ([2d34a84](https://github.com/gravity-ui/unipika/commit/2d34a843bf5f63e5c76323c6cbebc55ee2659c77))\\n\\n## [5.1.0](https://github.com/gravity-ui/unipika/compare/v5.0.0...v5.1.0) (2024-06-19)\\n\\n\\n### Features\\n\\n* date32 datetime64 timestamp64 interval64 [YTFRONT-4087] ([#38](https://github.com/gravity-ui/unipika/issues/38)) ([9e3c84b](https://github.com/gravity-ui/unipika/commit/9e3c84b075e1231089a6106601990ae9e1d0915d))\\n\\n## [5.0.0](https://github.com/gravity-ui/unipika/compare/v4.0.1...v5.0.0) (2024-05-06)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* move to node 18 and add linters ([#35](https://github.com/gravity-ui/unipika/issues/35))\\n\\n### Features\\n\\n* move to node 18 and add linters ([#35](https://github.com/gravity-ui/unipika/issues/35)) ([46e5fee](https://github.com/gravity-ui/unipika/commit/46e5fee52ccbf0add26a8826ff43f3b554edfe15))\\n* **YQL:** use pg categories for colorizing result [YQLFRONT-2386] ([#34](https://github.com/gravity-ui/unipika/issues/34)) ([478d78c](https://github.com/gravity-ui/unipika/commit/478d78c4f5e6db56ff10c3431c516b537971c649))\\n\\n\\n### Bug Fixes\\n\\n* use node 18 in github actions ([#36](https://github.com/gravity-ui/unipika/issues/36)) ([3921895](https://github.com/gravity-ui/unipika/commit/3921895844d6ba13af0c88dc8234da2dbffeddac))\\n\\n## [4.0.1](https://github.com/gravity-ui/unipika/compare/v4.0.0...v4.0.1) (2024-04-26)\\n\\n\\n### Bug Fixes\\n\\n* convert yql jsondocument [CLOUDFRONT-27245] ([b749f9c](https://github.com/gravity-ui/unipika/commit/b749f9cada880ee92c2cda0967eb75a7a8d4ab06))\\n\\n## [4.0.0](https://github.com/gravity-ui/unipika/compare/v3.2.1...v4.0.0) (2024-04-10)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* add `settings.treatValAsData` to operate with incomplete data\\n\\n### Features\\n\\n* add `settings.treatValAsData` to operate with incomplete data ([e0e7ca7](https://github.com/gravity-ui/unipika/commit/e0e7ca70d7f6797df69642232ae41c00b0f68966))\\n\\n## [3.2.1](https://github.com/gravity-ui/unipika/compare/v3.2.0...v3.2.1) (2024-04-02)\\n\\n\\n### Bug Fixes\\n\\n* escape title for incomplete strings ([327c181](https://github.com/gravity-ui/unipika/commit/327c181b7577f48c41b61c20b3a8b3b159d936db))\\n\\n## [3.2.0](https://github.com/gravity-ui/unipika/compare/v3.1.0...v3.2.0) (2024-02-08)\\n\\n\\n### Features\\n\\n* yql_null should be normal-style and  uppercase ([a704975](https://github.com/gravity-ui/unipika/commit/a704975a33efa71a2ca6320bf7e27a78eeb7187d))\\n\\n## [3.1.0](https://github.com/gravity-ui/unipika/compare/v3.0.0...v3.1.0) (2023-10-27)\\n\\n\\n### Features\\n\\n* **format:** add html title for incomplete strings ([c69382c](https://github.com/gravity-ui/unipika/commit/c69382c4ecb2f6d42417e758064dc826a85faded))\\n\\n\\n### Bug Fixes\\n\\n* tests ([da85816](https://github.com/gravity-ui/unipika/commit/da85816869602746f09a2a3e33ed9ef9570a376c))\\n\\n## [3.0.0](https://github.com/gravity-ui/unipika/compare/v2.0.2...v3.0.0) (2023-10-05)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n- [unipika.utils.format.hidereferrer](https://github.com/gravity-ui/unipika/blob/a35528d190e6b8e2a57bfba97d482083fc0c1647/lib/utils/format.js#L92-L94) is removed. As result wrapping of urls by \'https://h.yandex-team.ru\' is removed, and if you need it you have to provide corresponding value for `settings.normalizeUrl`-option.\\n\\n### Features\\n\\n* add settings.normalizeUrl ([eef8e96](https://github.com/gravity-ui/unipika/commit/eef8e9667fd077d2f63e1572368162991fa9b9b4))\\n* **converters:** add support for PgType ([fa7316d](https://github.com/gravity-ui/unipika/commit/fa7316d365be939f834f77088d9c67f4f58cac02))\\n\\n## [2.0.2](https://github.com/gravity-ui/unipika/compare/v2.0.1...v2.0.2) (2023-05-05)\\n\\n\\n### Bug Fixes\\n\\n* should validate only AsTagged with url source ([06cdb96](https://github.com/gravity-ui/unipika/commit/06cdb9642b795d912537441aeccd721f8df94d1f))\\n\\n## [2.0.1](https://github.com/gravity-ui/unipika/compare/v2.0.0...v2.0.1) (2023-04-27)\\n\\n\\n### Bug Fixes\\n\\n* add src url validation if value is not StructType ([e499304](https://github.com/gravity-ui/unipika/commit/e49930442c800729cc13c09e8bf68d77a4d7a859))\\n\\n## [2.0.0](https://github.com/gravity-ui/unipika/compare/v1.0.2...v2.0.0) (2023-04-25)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* add setting validateDomain.\\\\\\n\\n### Features\\n\\n* add setting validateDomain.\\\\ ([72c7fc9](https://github.com/gravity-ui/unipika/commit/72c7fc98ce2dcf890cc49f4b7bf5d45cd70eb494))\\n\\n## [1.0.2](https://github.com/gravity-ui/unipika/compare/v1.0.1...v1.0.2) (2023-04-19)\\n\\n\\n### Bug Fixes\\n\\n* tagged type with invalid structure ([e28bdad](https://github.com/gravity-ui/unipika/commit/e28bdad6e5c50689c993d45eeaa914dda61f6d6c))\\n\\n## [1.0.1](https://github.com/gravity-ui/unipika/compare/v1.0.0...v1.0.1) (2023-03-23)\\n\\n\\n### Bug Fixes\\n\\n* **truncateLargeString:** truncate binary strings properly ([2096af3](https://github.com/gravity-ui/unipika/commit/2096af3eaeab5c8e3dc1f50bc1db8f26b45dce45))\\n\\n## 1.0.0 (2023-02-22)\\n\\n\\n### Features\\n\\n* first release ([924b91b](https://github.com/gravity-ui/unipika/commit/924b91b32986ed9f0142e384f02632d3cc6b496e))\\n","contributors":[{"login":"Raubzeug","avatarUrl":"https://avatars.githubusercontent.com/u/42094364?v=4","url":"https://github.com/Raubzeug","contributions":18},{"login":"ma-efremoff","avatarUrl":"https://avatars.githubusercontent.com/u/64027148?v=4","url":"https://github.com/ma-efremoff","contributions":13},{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":3},{"login":"kiraind","avatarUrl":"https://avatars.githubusercontent.com/u/23224613?v=4","url":"https://github.com/kiraind","contributions":2},{"login":"itwillwork","avatarUrl":"https://avatars.githubusercontent.com/u/15855766?v=4","url":"https://github.com/itwillwork","contributions":1},{"login":"SimbiozizV","avatarUrl":"https://avatars.githubusercontent.com/u/3991919?v=4","url":"https://github.com/SimbiozizV","contributions":1}],"codeOwners":[{"pattern":"*","owners":["ma-efremoff","Raubzeug"]}]},"ui-logger":{"stars":0,"version":"1.1.0","lastUpdate":"02.02.2023","license":"MIT License","issues":1,"readme":"# UI logger\\n\\n## Usage\\n\\n```bash\\nnpm i @gravity-ui/ui-logger\\n```\\n\\n```ts\\nimport logger from \'@gravity-ui/ui-logger\';\\n\\ntry {\\n  // logger.log(message: string, extraData?: Record<string, unknown>);\\n  logger.log(\'Info event\', {extraInfo: \'Extra data\'});\\n} catch (error) {\\n  // logger.logError(message: string, error?: Error, extraData?: Record<string, unknown>);\\n  logger.logError(\'Error event\', error, {extraError: \'Extra data\'});\\n}\\n\\n// get all recorded logs\\nconst logs = logger.getLogs();\\n```\\n\\n## Named loggers\\n\\nBy default, logs are written to `namespace` with the name `default`.\\n\\nPossible reasons to create your own `namespace`:\\n\\n- Logically split logs of a large application.\\n- For certain errors, you need a custom [error parser](#settings).\\n\\n```ts\\nimport logger from \'@gravity-ui/ui-logger\';\\n\\n// Returns or creates a new logger instance with the name my_namespace\\nconst namedLogger = logger.get(\'my_namespace\');\\nnamedLogger.log(\'Will record to scope my_namespace\');\\n\\nconst anotherOneLogger = namedLogger.get(\'another_one\');\\nnamedLogger.log(\'Will record to scope another_one\');\\n```\\n\\n## Settings\\n\\nThe settings can be either global for all loggers or local for a specific logger.\\n\\n```ts\\nimport logger from \'@gravity-ui/ui-logger\';\\n\\ntype DefaultSettings = {\\n  // The number of log records for each namespace. By default, 1000.\\n  bufferSize: number;\\n  // Function for error parsing in logError.\\n  parseError: (error: Error) => Record<string, unknown>;\\n  // Print log, logError to the console. By default, true.\\n  printLog: boolean;\\n  // Callback function that is called every time logError is called with the same arguments as logError\\n  logErrorCallback: ((message: string, error?: Error, data?: ExtraData) => void) | null;\\n};\\n\\n// will change the number of records for all loggers\\nlogger.setDefault({bufferSize: 200});\\n\\ntype LoggerSettings = {\\n  bufferSize: number;\\n  parseError: (error: Error) => Record<string, unknown>;\\n  logErrorCallback: ((message: string, error?: Error, data?: ExtraData) => void) | null;\\n};\\n\\nconst namedLogger = logger.get(\'name\');\\nfunction namedParseError(error: Error) {\\n  return {message: error.message, meta: {}};\\n}\\n\\n// will change ParseError only for logger `name`\\nnamedLogger.setSettings({parseError: namedParseError});\\n```\\n","changelog":"# Changelog\\n\\n## [1.1.0](https://github.com/gravity-ui/ui-logger/compare/v1.0.0...v1.1.0) (2023-02-02)\\n\\n\\n### Features\\n\\n* change organization ([#4](https://github.com/gravity-ui/ui-logger/issues/4)) ([5b4a0c0](https://github.com/gravity-ui/ui-logger/commit/5b4a0c02529b64990b24f72969aafb469ba203d9))\\n\\n## 1.0.0 (2022-07-28)\\n\\n\\n### Bug Fixes\\n\\n* try publish ([#1](https://github.com/yandex-cloud/ui-logger/issues/1)) ([2266e4f](https://github.com/yandex-cloud/ui-logger/commit/2266e4f886e767cd6bb63e81c8ef3fed0be7c1d8))\\n","contributors":[{"login":"jhoncool","avatarUrl":"https://avatars.githubusercontent.com/u/11226935?v=4","url":"https://github.com/jhoncool","contributions":4}],"codeOwners":[]},"oauth-clients":{"stars":0,"version":"1.1.0","lastUpdate":"22.08.2023","license":"MIT License","issues":0,"readme":"# @gravity-ui/oauth-clients &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/oauth-clients)](https://www.npmjs.com/package/@gravity-ui/oauth-clients) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/oauth-clients/.github/workflows/ci.yml?branch=main&logo=github)](https://github.com/gravity-ui/oauth-clients/actions/workflows/ci.yml?query=branch:main)\\n\\nClient for Yandex oAuth, and base client for oAuth code flow.\\n\\n## Install\\n\\n```shell\\nnpm install @gravity-ui/oauth-clients\\n```\\n","changelog":"# Changelog\\n\\n## [1.1.0](https://github.com/gravity-ui/oauth-clients/compare/v1.0.3...v1.1.0) (2023-08-22)\\n\\n\\n### Features\\n\\n* make `window.open` async ([#14](https://github.com/gravity-ui/oauth-clients/issues/14)) ([1f574e7](https://github.com/gravity-ui/oauth-clients/commit/1f574e7ebf72047326d7a59f9c97e2321822545b))\\n\\n## [1.0.3](https://github.com/gravity-ui/oauth-clients/compare/v1.0.2...v1.0.3) (2023-01-24)\\n\\n\\n### Bug Fixes\\n\\n* **YandexOAuthClient:** types ([#8](https://github.com/gravity-ui/oauth-clients/issues/8)) ([4351f4f](https://github.com/gravity-ui/oauth-clients/commit/4351f4f099f4ccf35b7e39926ca65fec0361664b))\\n\\n## [1.0.2](https://github.com/gravity-ui/oauth-clients/compare/v1.0.1...v1.0.2) (2023-01-24)\\n\\n\\n### Bug Fixes\\n\\n* build before publish ([#6](https://github.com/gravity-ui/oauth-clients/issues/6)) ([c45f2a2](https://github.com/gravity-ui/oauth-clients/commit/c45f2a2b6c801e28cf135736260451ba7765e5f4))\\n\\n## [1.0.1](https://github.com/gravity-ui/oauth-clients/compare/v1.0.0...v1.0.1) (2023-01-23)\\n\\n\\n### Bug Fixes\\n\\n* move `nanoid` to dependencies ([#4](https://github.com/gravity-ui/oauth-clients/issues/4)) ([3f02b30](https://github.com/gravity-ui/oauth-clients/commit/3f02b30108db961f60011e1e3ba07e447cab0d0e))\\n\\n## 1.0.0 (2023-01-23)\\n\\n\\n### Features\\n\\n* initial version ([#1](https://github.com/gravity-ui/oauth-clients/issues/1)) ([c0277f1](https://github.com/gravity-ui/oauth-clients/commit/c0277f126a3fd717bb2fca87c4725a424a7bea0a))\\n","contributors":[{"login":"ogonkov","avatarUrl":"https://avatars.githubusercontent.com/u/1091927?v=4","url":"https://github.com/ogonkov","contributions":9},{"login":"resure","avatarUrl":"https://avatars.githubusercontent.com/u/168296?v=4","url":"https://github.com/resure","contributions":1}],"codeOwners":[]},"i18n":{"stars":8,"version":"1.6.0","lastUpdate":"12.07.2024","license":"MIT License","issues":0,"readme":"# @gravity-ui/i18n &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/i18n)](https://www.npmjs.com/package/@gravity-ui/i18n) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/i18n/.github/workflows/ci.yml?branch=main&label=CI&logo=github)](https://github.com/gravity-ui/i18n/actions/workflows/ci.yml?query=branch:main)\\n\\n## I18N utilities\\n\\nUtilities in the I18N package are designed for internationalization of Gravity UI services.\\n\\n### Install\\n\\n`npm install --save @gravity-ui/i18n`\\n\\n### API\\n\\n#### constructor(options)\\n\\nAccepts `options` object with optional `logger` that would be used for logging library warnings.\\n\\n##### logger\\n\\nLogger should have explicit `log` method with following signature:\\n\\n * `message` - string of message that would be logged\\n * `options` - object of logging options:\\n   * `level` - level for logging message, always `\'info\'`\\n   * `logger` - where to log library messages\\n   * `extra` - additional options object, with a single `type` string, that is always `i18n`\\n\\n### Use examples\\n\\n#### `keysets/en.json`\\n\\n```json\\n{\\n  \\"wizard\\": {\\n    \\"label_error-widget-no-access\\": \\"No access to the chart\\"\\n  }\\n}\\n```\\n\\n#### `keysets/ru.json`\\n\\n```json\\n{\\n  \\"wizard\\": {\\n    \\"label_error-widget-no-access\\": \\"Нет доступа к чарту\\"\\n  }\\n}\\n```\\n\\n#### `index.js`\\n\\n```js\\nconst ru = require(\'./keysets/ru.json\');\\nconst en = require(\'./keysets/en.json\');\\n\\nconst {I18N} = require(\'@gravity-ui/i18n\');\\n\\nconst i18n = new I18N();\\ni18n.registerKeysets(\'ru\', ru);\\ni18n.registerKeysets(\'en\', en);\\n\\ni18n.setLang(\'ru\');\\nconsole.log(\\n    i18n.i18n(\'wizard\', \'label_error-widget-no-access\')\\n); // -> \\"Нет доступа к чарту\\"\\n\\ni18n.setLang(\'en\');\\nconsole.log(\\n    i18n.i18n(\'wizard\', \'label_error-widget-no-access\')\\n); // -> \\"No access to the chart\\n\\n// Keyset allows for a simpler translations retrieval\\nconst keyset = i18n.keyset(\'wizard\');\\nconsole.log(\\n    keyset(\'label_error-widget-no-access\')\\n); // -> \\"No access to the chart\\"\\n\\n\\ni18n.setLang(\'ru\');\\nconsole.log(\\n    keyset(\'label_error-widget-no-access\')\\n); // -> \\"Нет доступа к чарту\\"\\n\\n// Checking if keyset has a key\\nif (i18n.has(\'wizard\', \'label_error-widget-no-access\')) {\\n    i18n.i18n(\'wizard\', \'label_error-widget-no-access\')\\n}\\n```\\n\\n### Templating\\n\\nThe library supports templating. Templated variables are enclosed in double curly brackets, and the values are passed to the i18n function as a key-value dictionary:\\n\\n#### `keysets.json`\\n\\n```json\\n{\\n  \\"label_template\\": \\"No matches found for \'{{inputValue}}\' in \'{{folderName}}\'\\"\\n}\\n```\\n\\n#### `index.js`\\n\\n```js\\ni18n(\'label_template\', {inputValue: \'something\', folderName: \'somewhere\'});  // => No matches found for \\"something\\" in \\"somewhere\\"\\n```\\n\\n### Pluralization\\n\\nPluralization can be used for easy localization of keys that depend on numeric values. Current library uses [CLDR Plural Rules](https://unicode-org.github.io/cldr-staging/charts/latest/supplemental/language_plural_rules.html) via [Intl.PluralRules API](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/PluralRules).\\n\\nYou may need to [polyfill](https://github.com/eemeli/intl-pluralrules) the [Intl.Plural Rules API](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/PluralRules) if it is not available in the browser.\\n\\nThere are 6 plural forms (see [resolvedOptions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/PluralRules/resolvedOptions)):\\n\\n- zero (also will be used when count = 0 even if the form is not supported in the language)\\n- one (singular)\\n- two (dual)\\n- few (paucal)\\n- many (also used for fractions if they have a separate class)\\n- other (required form for all languages — general plural form — also used if the language only has a single form)\\n\\n#### Example of `keysets.json` with plural key\\n\\n```json\\n{\\n  \\"label_seconds\\": {\\n    \\"one\\": \\"{{count}} second is left\\",\\n    \\"other\\":\\"{{count}} seconds are left\\",\\n    \\"zero\\": \\"No time left\\"\\n  }\\n}\\n```\\n\\n#### Usage in JS\\n\\n```js\\ni18n(\'label_seconds\', {count: 1});  // => 1 second\\ni18n(\'label_seconds\', {count: 3});  // => 3 seconds\\ni18n(\'label_seconds\', {count: 7});  // => 7 seconds\\ni18n(\'label_seconds\', {count: 10}); // => 10 seconds\\ni18n(\'label_seconds\', {count: 0});  // => No time left\\n```\\n\\n#### [Deprecated] Old plurals format\\n\\nOld format will be removed in v2.\\n\\n```json\\n{\\n  \\"label_seconds\\": [\\"{{count}} second is left\\", \\"{{count}} seconds are left\\", \\"{{count}} seconds are left\\", \\"No time left\\"]\\n}\\n```\\n\\nA pluralized key contains 4 values, each |corresponding to a `PluralForm` enum value. The enum values are: `One`, `Few`, `Many`, and `None`, respectively. Template variable name for pluralization is `count`.\\n\\n#### [Deprecated] Custom pluralization\\n\\nSince every language has its own way of pluralization, the library provides a method to configure the rules for any chosen language.\\n\\nThe configuration function accepts an object with languages as keys, and pluralization functions as values.\\n\\nA pluralization function accepts a number and the `PluralForm` enum, and is expected to return one of the enum values depending on the provided number.\\n\\n```js\\nconst {I18N} = require(\'@gravity-ui/i18n\');\\n\\nconst i18n = new I18N();\\n\\ni18n.configurePluralization({\\n  en: (count, pluralForms) => {\\n    if (!count) return pluralForms.None;\\n    if (count === 1) return pluralForms.One;\\n    return pluralForms.Many;\\n  },\\n});\\n```\\n\\n#### [Deprecated] Provided pluralization rulesets\\n\\nThe two languages supported out of the box are English and Russian.\\n\\n##### English\\n\\nLanguage key: `en`.\\n* `One` corresponds to 1 and -1.\\n* `Few` is not used.\\n* `Many` corresponds to any other number, except 0.\\n* `None` corresponds to 0.\\n\\n##### Russian\\n\\nLanguage key: `ru`.\\n* `One` corresponds to any number ending in 1, except \xb111.\\n* `Few` corresponds to any number ending in 2, 3 or 4, except \xb112, \xb113 and \xb114.\\n* `Many` corresponds to any other number, except 0.\\n* `None` corresponds to 0.\\n\\n##### Default\\n\\nThe English ruleset is used by default, for any language without a configured pluralization function.\\n\\n### Nesting\\n\\n<span style=\\"color:red\\">Max nesting depth limited - only 1 level (for glossary)</span>\\n\\nNesting allows you to reference other keys in a translation. Could be useful to build glossary terms.\\n\\n#### Basic\\n\\nkeys\\n\\n```json\\n{\\n  \\"nesting1\\": \\"1 $t{nesting2}\\",\\n  \\"nesting2\\": \\"2\\",\\n}\\n```\\n\\nsample\\n\\n```ts\\ni18n(\'nesting1\'); // -> \\"1 2\\"\\n```\\n\\nYou can reference keys from other keyset by prepending the keysetName: \\n```json\\n// global/en.json\\n{\\n  \\"app\\": \\"App\\"\\n}\\n\\n// service/en.json\\n{\\n  \\"app-service\\": \\"$t{global::app} service\\"\\n}\\n```\\n\\n### Typing\\n\\nTo type the `i18nInstance.i18n` function, follow the steps:\\n\\n#### Preparation\\n\\nPrepare a JSON keyset file so that the typing procedure can fetch data. Where you fetch keysets from, add creation of an additional `data.json` file. To decrease the file size and speed up IDE parsing, you can replace all values by `\'str\'`.\\n\\n```ts\\nasync function createFiles(keysets: Record<Lang, LangKeysets>) {\\n    await mkdirp(DEST_PATH);\\n\\n    const createFilePromises = Object.keys(keysets).map((lang) => {\\n        const keysetsJSON = JSON.stringify(keysets[lang as Lang], null, 4);\\n        const content = umdTemplate(keysetsJSON);\\n        const hash = getContentHash(content);\\n        const filePath = path.resolve(DEST_PATH, `${lang}.${hash.slice(0, 8)}.js`);\\n\\n        // <New lines>\\n        let typesPromise;\\n\\n        if (lang === \'ru\') {\\n            const keyset = keysets[lang as Lang];\\n            Object.keys(keyset).forEach((keysetName) => {\\n                const keyPhrases = keyset[keysetName];\\n                Object.keys(keyPhrases).forEach((keyName) => {\\n                    // mutate object!\\n                    keyPhrases[keyName] = \'str\';\\n                });\\n            });\\n\\n            const JSONForTypes = JSON.stringify(keyset, null, 4);\\n            typesPromise = writeFile(path.resolve(DEST_PATH, `data.json`), JSONForTypes, \'utf-8\');\\n        }\\n        // </New lines>\\n\\n        return Promise.all([typesPromise, writeFile(filePath, content, \'utf-8\')]);\\n    });\\n\\n    await Promise.all(createFilePromises);\\n}\\n```\\n\\n#### Connection\\n\\nIn your `ui/utils/i18n` directories (where you configure i18n and export it to be used by all interfaces), import the typing function `I18NFn` with your `Keysets`. After your i18n has been configured, return the casted function\\n\\n```ts\\nimport {I18NFn} from \'@gravity-ui/i18n\';\\n// This must be a typed import!\\nimport type Keysets from \'../../../dist/public/build/i18n/data.json\';\\n\\nconst i18nInstance = new I18N();\\ntype TypedI18n = I18NFn<typeof Keysets>;\\n// ...\\nexport const ci18n = (i18nInstance.i18n as TypedI18n).bind(i18nInstance, \'common\');\\nexport const cui18n = (i18nInstance.i18n as TypedI18n).bind(i18nInstance, \'common.units\');\\nexport const i18n = i18nInstance.i18n.bind(i18nInstance) as TypedI18n;\\n```\\n\\n#### Additional issues\\n\\n**Typing logic**\\n\\nThere are several typing use cases:\\n\\n- Calling a function with keys passed as string literals\\n\\n```ts\\ni18n(\'common\', \'label_subnet\'); // ok\\ni18n(\'dcommon\', \'label_dsubnet\'); // error: Argument of type \'\\"dcommon\\"\' is not assignable to parameter of type ...\\ni18n(\'common\', \'label_dsubnet\'); // error: Argument of type \'\\"label_dsubnet\\"\' is not assignable to parameter of type ...\\n```\\n\\n- Calling a function, passing to it strings that can\'t be converted into literals (if ts can\'t derive the string type, it doesn\'t throw an error)\\n\\n```ts\\nconst someUncomputebleString = `label_random-index-${Math.floor(Math.random() * 4)}`;\\ni18n(\'some_service\', someUncomputebleString); // ok\\n\\nfor (let i = 0; i < 4; i++) {\\n    i18n(\'some_service\', `label_random-index-${i}`); // ok\\n}\\n```\\n\\n- Calling a function, passing to it strings that can be converted into literals\\n\\n```ts\\nconst labelColors = [\'red\', \'green\', \'yelllow\', \'white\'] as const;\\nfor (let i = 0; i < 4; i++) {\\n    i18n(\'some_service\', `label_color-${labelColors[i]}`); // ok\\n}\\n\\nconst labelWrongColors = [\'red\', \'not-existing\', \'yelllow\', \'white\'] as const;\\nfor (let i = 0; i < 4; i++) {\\n    i18n(\'some_service\', `label_color-${labelWrongColors[i]}`); // error: Argument of type \'\\"not-existing\\"\' is not assignable to parameter of type ...\\n}\\n```\\n\\n**Why typing via a class isn\'t supported**\\n\\nThis function can break or complicate some i18n scenarios, so it was added as a functional extension. If it proves effective, we would probably add it to a class to avoid casting exported functions.\\n\\n**Why built-in methods might fail**\\n\\nImplementing of traversal of nested structures and conditional types using typed built-in function methods is a complex enough task. That\'s why typing works only when using a direct function call and a `bind` call up to the third argument.\\n\\n**Why can\'t I generate a ts file straightforwardly to typecast key values as well?**\\n\\nYou can do that by passing the result type to I18NFn. However, with large file sizes, ts starts consuming huge amounts of resources, slowing down the IDE dramatically, but with JSON file this is not the case.\\n\\n**Why other methods of the I18N class haven\'t been typed?**\\n\\nThey can be typed, we\'ll appreciate if you help implementing it. The case is that other methods are used in 1% of cases.\\n\\n","changelog":"# Changelog\\n\\n## [1.6.0](https://github.com/gravity-ui/i18n/compare/v1.5.1...v1.6.0) (2024-07-12)\\n\\n\\n### Features\\n\\n* add translations nesting ([#52](https://github.com/gravity-ui/i18n/issues/52)) ([2ecbaa4](https://github.com/gravity-ui/i18n/commit/2ecbaa4e3783efff36e84e2e3de28ee08eddb3ac))\\n\\n## [1.5.1](https://github.com/gravity-ui/i18n/compare/v1.5.0...v1.5.1) (2024-05-20)\\n\\n\\n### Bug Fixes\\n\\n* optional other plural form ([e6ee304](https://github.com/gravity-ui/i18n/commit/e6ee30469c25f6d64b53ad4df32d14265f2f3a62))\\n\\n## [1.5.0](https://github.com/gravity-ui/i18n/compare/v1.4.0...v1.5.0) (2024-05-04)\\n\\n\\n### Features\\n\\n* make other form optional ([#49](https://github.com/gravity-ui/i18n/issues/49)) ([cec6a95](https://github.com/gravity-ui/i18n/commit/cec6a9552359783afa61c836738cee38d552ac03))\\n\\n## [1.4.0](https://github.com/gravity-ui/i18n/compare/v1.3.0...v1.4.0) (2024-03-22)\\n\\n\\n### Features\\n\\n* use Intl.PluralRules for plural keys ([#43](https://github.com/gravity-ui/i18n/issues/43)) ([1777df6](https://github.com/gravity-ui/i18n/commit/1777df667eef9c6d10ed1170375b6b547ac68da8))\\n\\n## [1.3.0](https://github.com/gravity-ui/i18n/compare/v1.2.0...v1.3.0) (2024-02-02)\\n\\n\\n### Features\\n\\n* do not throw an error on duplicated keysets out of production ([#45](https://github.com/gravity-ui/i18n/issues/45)) ([aa46095](https://github.com/gravity-ui/i18n/commit/aa4609583a7a5d7215347b6f0d84b31e9f0bb1a7))\\n\\n## [1.2.0](https://github.com/gravity-ui/i18n/compare/v1.1.0...v1.2.0) (2024-01-26)\\n\\n\\n### Features\\n\\n* add codeowners ([#41](https://github.com/gravity-ui/i18n/issues/41)) ([9907b8c](https://github.com/gravity-ui/i18n/commit/9907b8c82769447cabce152473f9f2534c162ed6))\\n* add data, fallbackLang & lang options as constructor arguments ([#40](https://github.com/gravity-ui/i18n/issues/40)) ([a26ee50](https://github.com/gravity-ui/i18n/commit/a26ee507db1d87162ae4486ef99f54db9749be5c))\\n\\n## [1.1.0](https://github.com/gravity-ui/i18n/compare/v1.0.0...v1.1.0) (2023-05-03)\\n\\n\\n### Features\\n\\n* **keyset:** allow to narrow the type of keyset keys ([#33](https://github.com/gravity-ui/i18n/issues/33)) ([e2c0076](https://github.com/gravity-ui/i18n/commit/e2c00765acc400b25e06ea05ed3a0f895adb92b7))\\n\\n## [1.0.0](https://github.com/gravity-ui/i18n/compare/v0.6.0...v1.0.0) (2022-09-08)\\n\\n\\n### Features\\n\\n* transfer package to gravity-ui ([#32](https://github.com/gravity-ui/i18n/issues/32)) ([c61a0bf](https://github.com/gravity-ui/i18n/commit/c61a0bfe17139431b4948cc7cbd67fd667830e33))\\n\\n\\n### Bug Fixes\\n\\n* **pluralize:** add pluralization configuration & fix english ([#31](https://github.com/gravity-ui/i18n/issues/31)) ([1d01348](https://github.com/gravity-ui/i18n/commit/1d013481a81f0e57ca23929b3c369843fecca73b))\\n* **replaceParams:** correctly substitute params with special content ([#29](https://github.com/gravity-ui/i18n/issues/29)) ([4f791c5](https://github.com/gravity-ui/i18n/commit/4f791c56822dc9d1645cbe852738056412d5d0e6))\\n\\n## [0.6.0](https://github.com/yandex-cloud/i18n/compare/v0.5.0...v0.6.0) (2022-05-24)\\n\\n\\n### Features\\n\\n* remove static methods for prior instance method setLang, remove default rumLogger ([#25](https://github.com/yandex-cloud/i18n/issues/25)) ([9a07c54](https://github.com/yandex-cloud/i18n/commit/9a07c5465fc8ddd6a0cfa833a07582e90776d75b))\\n\\n## [0.5.0](https://www.github.com/yandex-cloud/i18n/compare/v0.4.0...v0.5.0) (2022-04-14)\\n\\n\\n### Features\\n\\n* add cjs build ([#22](https://www.github.com/yandex-cloud/i18n/issues/22)) ([59c09a2](https://www.github.com/yandex-cloud/i18n/commit/59c09a272e9537a2bd1a269a19a3b8a8d71c8031))\\n\\n## [0.4.0](https://www.github.com/yandex-cloud/i18n/compare/v0.3.0...v0.4.0) (2022-04-04)\\n\\n\\n### Features\\n\\n* add `logger` option to constructor ([#20](https://www.github.com/yandex-cloud/i18n/issues/20)) ([b135807](https://www.github.com/yandex-cloud/i18n/commit/b1358071a215b85c9e34d611a84b184d85511bfc))\\n\\n## [0.3.0](https://www.github.com/yandex-cloud/i18n/compare/v0.2.2...v0.3.0) (2022-03-23)\\n\\n\\n### Features\\n\\n* add fallback for missing `count` 0 key ([#18](https://www.github.com/yandex-cloud/i18n/issues/18)) ([fff521f](https://www.github.com/yandex-cloud/i18n/commit/fff521f7228693af1f1a94b6c279b2234b63138e))\\n\\n### [0.2.2](https://www.github.com/yandex-cloud/i18n/compare/v0.2.1...v0.2.2) (2022-03-22)\\n\\n\\n### Bug Fixes\\n\\n* correctly export types from package ([1d29acd](https://www.github.com/yandex-cloud/i18n/commit/1d29acd69f339808c1246074bcddadb9c63d4215))\\n\\n### [0.2.1](https://www.github.com/yandex-cloud/i18n/compare/v0.2.0...v0.2.1) (2022-03-21)\\n\\n\\n### chore\\n\\n* freeze direct dependencies ([e741995](https://www.github.com/yandex-cloud/i18n/commit/e7419950840a85b7c23d53464903a6589829b052))\\n\\n## [0.2.0](https://www.github.com/yandex-cloud/i18n/compare/v0.1.1...v0.2.0) (2022-02-07)\\n\\n\\n### build\\n\\n* compile with tsc instead of babel ([22cf7ed](https://www.github.com/yandex-cloud/i18n/commit/22cf7ededf4be276259f5177b45333a23602b6f6))\\n\\n### [0.1.1](https://www.github.com/yandex-cloud/i18n/compare/v0.1.0...v0.1.1) (2022-01-04)\\n\\n\\n### Bug Fixes\\n\\n* set correct npm package scope ([14f34c6](https://www.github.com/yandex-cloud/i18n/commit/14f34c6a1d0fb59d32271463f9f5d54b9b0ab78b))\\n\\n## 0.1.0 (2022-01-04)\\n\\n\\n### Features\\n\\n* initial import of i18n library ([3551a26](https://www.github.com/yandex-cloud/i18n/commit/3551a26f402cfe5dc9ca270a3f950307ca5f57fb))\\n","contributors":[{"login":"tsufiev","avatarUrl":"https://avatars.githubusercontent.com/u/1240006?v=4","url":"https://github.com/tsufiev","contributions":9},{"login":"ogonkov","avatarUrl":"https://avatars.githubusercontent.com/u/1091927?v=4","url":"https://github.com/ogonkov","contributions":6},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":5},{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":2},{"login":"vladimirfilosof","avatarUrl":"https://avatars.githubusercontent.com/u/58009491?v=4","url":"https://github.com/vladimirfilosof","contributions":2},{"login":"dgaponov","avatarUrl":"https://avatars.githubusercontent.com/u/13693437?v=4","url":"https://github.com/dgaponov","contributions":2},{"login":"kvestus","avatarUrl":"https://avatars.githubusercontent.com/u/36218446?v=4","url":"https://github.com/kvestus","contributions":1},{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":1},{"login":"danigorokhov","avatarUrl":"https://avatars.githubusercontent.com/u/49070059?v=4","url":"https://github.com/danigorokhov","contributions":1},{"login":"jhoncool","avatarUrl":"https://avatars.githubusercontent.com/u/11226935?v=4","url":"https://github.com/jhoncool","contributions":1},{"login":"ariser","avatarUrl":"https://avatars.githubusercontent.com/u/3864424?v=4","url":"https://github.com/ariser","contributions":1},{"login":"dihar","avatarUrl":"https://avatars.githubusercontent.com/u/12913462?v=4","url":"https://github.com/dihar","contributions":1},{"login":"imechoim","avatarUrl":"https://avatars.githubusercontent.com/u/8857511?v=4","url":"https://github.com/imechoim","contributions":1}],"codeOwners":[{"pattern":"*","owners":["dgaponov"]}]},"eslint-config":{"stars":5,"version":"3.2.0","lastUpdate":"15.04.2024","license":"MIT License","issues":2,"readme":"# @gravity-ui/eslint-config\\n\\n## Install\\n\\n```\\nnpm install --save-dev eslint @gravity-ui/eslint-config\\n```\\n\\n## Usage\\n\\nAdd `.eslintrc` file in the project root with the following content:\\n\\n```json\\n{\\n  \\"extends\\": \\"@gravity-ui/eslint-config\\",\\n  \\"root\\": true\\n}\\n```\\n\\nAdd client and server config files in corresponding directories:\\n\\n```json\\n{\\n  \\"extends\\": \\"@gravity-ui/eslint-config/server\\"\\n}\\n```\\n\\n```json\\n{\\n  \\"extends\\": \\"@gravity-ui/eslint-config/client\\"\\n}\\n```\\n\\n### Prettier\\n\\nIf you are using Prettier, extend root config with the additional rules:\\n\\n```json\\n{\\n  \\"extends\\": [\\"@gravity-ui/eslint-config\\", \\"@gravity-ui/eslint-config/prettier\\"],\\n  \\"root\\": true\\n}\\n```\\n\\n### a11y\\n\\nIf you want to spot accessibility issues, extend root config with the additional rules:\\n\\n```json\\n{\\n  \\"extends\\": [\\"@gravity-ui/eslint-config\\", \\"@gravity-ui/eslint-config/a11y\\"],\\n  \\"root\\": true\\n}\\n```\\n\\n### Order\\n\\nif you want to enforce a convention in module import order, extend root config with the additional rules:\\n\\n```json\\n{\\n  \\"extends\\": [\\"@gravity-ui/eslint-config\\", \\"@gravity-ui/eslint-config/import-order\\"],\\n  \\"root\\": true\\n}\\n```\\n","changelog":"# Changelog\\n\\n## [3.2.0](https://github.com/gravity-ui/eslint-config/compare/v3.1.1...v3.2.0) (2024-04-15)\\n\\n\\n### Features\\n\\n* bump deps ([#27](https://github.com/gravity-ui/eslint-config/issues/27)) ([f744d2d](https://github.com/gravity-ui/eslint-config/commit/f744d2d17b01b883a3dc82faa5c40cf0ac9f68f8))\\n\\n## [3.1.1](https://github.com/gravity-ui/eslint-config/compare/v3.1.0...v3.1.1) (2023-10-02)\\n\\n\\n### Bug Fixes\\n\\n* revert \\"add consistent-type-imports rule ([#22](https://github.com/gravity-ui/eslint-config/issues/22))\\" ([#24](https://github.com/gravity-ui/eslint-config/issues/24)) ([ed5f6c2](https://github.com/gravity-ui/eslint-config/commit/ed5f6c267a5fbcdfdc135260a29240a0da52cc42))\\n\\n## [3.1.0](https://github.com/gravity-ui/eslint-config/compare/v3.0.0...v3.1.0) (2023-10-02)\\n\\n\\n### Features\\n\\n* add consistent-type-imports rule ([#22](https://github.com/gravity-ui/eslint-config/issues/22)) ([42e852e](https://github.com/gravity-ui/eslint-config/commit/42e852ebdb4945d0748dbdac6d9192c8cc1fb296))\\n\\n## [3.0.0](https://github.com/gravity-ui/eslint-config/compare/v2.2.0...v3.0.0) (2023-09-15)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* support typescript v5 and prettier v3, order imports is optional ([#18](https://github.com/gravity-ui/eslint-config/issues/18))\\n\\n### Features\\n\\n* add \'import/no-extraneous-dependencies\' rule ([#17](https://github.com/gravity-ui/eslint-config/issues/17)) ([0bc3163](https://github.com/gravity-ui/eslint-config/commit/0bc3163569a716ec6294ac60b1a0ab1ee0e1a368))\\n* support typescript v5 and prettier v3, order imports is optional ([#18](https://github.com/gravity-ui/eslint-config/issues/18)) ([e68fc37](https://github.com/gravity-ui/eslint-config/commit/e68fc370ab1dd49b181c80c3dc68f35ab6f38781))\\n\\n## [2.2.0](https://github.com/gravity-ui/eslint-config/compare/v2.1.1...v2.2.0) (2023-08-10)\\n\\n\\n### Features\\n\\n* enable pre-pr lint ([#15](https://github.com/gravity-ui/eslint-config/issues/15)) ([f99fdee](https://github.com/gravity-ui/eslint-config/commit/f99fdee32f4823803f110ada188fa4d5adb955fd))\\n* update node version ([#14](https://github.com/gravity-ui/eslint-config/issues/14)) ([6a0f632](https://github.com/gravity-ui/eslint-config/commit/6a0f63223420cbf55a08b4a43ae5c4108bcf7aeb))\\n* update outdated typescript plugin ([#13](https://github.com/gravity-ui/eslint-config/issues/13)) ([fd6c1cd](https://github.com/gravity-ui/eslint-config/commit/fd6c1cdf7050235ef540bc8f31b112210540c4a3))\\n\\n## [2.1.1](https://github.com/gravity-ui/eslint-config/compare/v2.1.0...v2.1.1) (2023-05-30)\\n\\n\\n### Bug Fixes\\n\\n* **a11y:** add missing file ([#11](https://github.com/gravity-ui/eslint-config/issues/11)) ([37eafc8](https://github.com/gravity-ui/eslint-config/commit/37eafc8f1275656e852d832ce0c4ef933346b003))\\n\\n## [2.1.0](https://github.com/gravity-ui/eslint-config/compare/v2.0.0...v2.1.0) (2023-05-30)\\n\\n\\n### Features\\n\\n* **a11y:** add eslint-plugin-jsx-a11y plugin ([#9](https://github.com/gravity-ui/eslint-config/issues/9)) ([c71fd18](https://github.com/gravity-ui/eslint-config/commit/c71fd18ac618b1450d200821659a751d1f1538a5))\\n\\n## [2.0.0](https://github.com/gravity-ui/eslint-config/compare/v1.0.2...v2.0.0) (2022-12-22)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* add `import-order` plugin and rule ([#5](https://github.com/gravity-ui/eslint-config/issues/5))\\n* add `sort-imports` rule ([#4](https://github.com/gravity-ui/eslint-config/issues/4))\\n\\n### Features\\n\\n* add `import-order` plugin and rule ([#5](https://github.com/gravity-ui/eslint-config/issues/5)) ([019d25d](https://github.com/gravity-ui/eslint-config/commit/019d25d18cf2ad907d917aa65d842c546fa8bb7c))\\n* add `sort-imports` rule ([#4](https://github.com/gravity-ui/eslint-config/issues/4)) ([0366bdc](https://github.com/gravity-ui/eslint-config/commit/0366bdce1d81f83acb9222f9cbff538883b5bec8))\\n* made \'no-param-reassign\' rule stricter ([#8](https://github.com/gravity-ui/eslint-config/issues/8)) ([8091f46](https://github.com/gravity-ui/eslint-config/commit/8091f46a9aef819fa4907a565ac8571331aa6f73))\\n\\n\\n### Bug Fixes\\n\\n* add more files to sort-imports rule ([#7](https://github.com/gravity-ui/eslint-config/issues/7)) ([9527126](https://github.com/gravity-ui/eslint-config/commit/9527126c472b533b5107073c0bcb0a164f9deb9c))\\n\\n## [1.0.2](https://github.com/gravity-ui/eslint-config/compare/v1.0.1...v1.0.2) (2022-08-24)\\n\\n\\n### Bug Fixes\\n\\n* package files ([46eb340](https://github.com/gravity-ui/eslint-config/commit/46eb340661058f9eec269cf7fe16c0c2924b1977))\\n\\n## 1.0.1 (2022-08-23)\\n\\n\\n### Bug Fixes\\n\\n* add no-console rule ([5ce4b15](https://github.com/gravity-ui/eslint-config/commit/5ce4b1530ae00e1876806f0cd0617b433727d2a8))\\n* add test npm-script ([cfcda1e](https://github.com/gravity-ui/eslint-config/commit/cfcda1e9c45a0eba0c5851edea009aa5297f20e0))\\n* freeze deps ([a93812f](https://github.com/gravity-ui/eslint-config/commit/a93812ff0b1804365c793d592a68c2d1a63cbb52))\\n\\n\\n### chore\\n\\n* bump release version ([7c20d99](https://github.com/gravity-ui/eslint-config/commit/7c20d9942618a9ec4500aefadc95be7473bd74fd))\\n","contributors":[{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":11},{"login":"KirillDyachkovskiy","avatarUrl":"https://avatars.githubusercontent.com/u/81510334?v=4","url":"https://github.com/KirillDyachkovskiy","contributions":3},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":3},{"login":"melikhov-dev","avatarUrl":"https://avatars.githubusercontent.com/u/1742586?v=4","url":"https://github.com/melikhov-dev","contributions":3},{"login":"ogonkov","avatarUrl":"https://avatars.githubusercontent.com/u/1091927?v=4","url":"https://github.com/ogonkov","contributions":1},{"login":"goshander","avatarUrl":"https://avatars.githubusercontent.com/u/5037509?v=4","url":"https://github.com/goshander","contributions":1},{"login":"main-kun","avatarUrl":"https://avatars.githubusercontent.com/u/13281662?v=4","url":"https://github.com/main-kun","contributions":1},{"login":"kkirik","avatarUrl":"https://avatars.githubusercontent.com/u/29181473?v=4","url":"https://github.com/kkirik","contributions":1},{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":1},{"login":"axtk","avatarUrl":"https://avatars.githubusercontent.com/u/24575250?v=4","url":"https://github.com/axtk","contributions":1},{"login":"yuberdysheva","avatarUrl":"https://avatars.githubusercontent.com/u/22456330?v=4","url":"https://github.com/yuberdysheva","contributions":1}],"codeOwners":[]},"tsconfig":{"stars":1,"version":"1.0.0","lastUpdate":"24.08.2022","license":"MIT License","issues":0,"readme":"# @gravity-ui/tsconfig\\n\\n## Install\\n```\\nnpm install --save-dev @gravity-ui/tsconfig\\n```\\n\\n## Usage\\nAdd `tsconfig.json` file in the project root with the following content: \\n\\n```json\\n{\\n    \\"extends\\": \\"@gravity-ui/tsconfig/tsconfig.json\\"\\n}\\n```\\n","changelog":"# Changelog\\n\\n## 1.0.0 (2022-08-24)\\n\\n\\n### Bug Fixes\\n\\n* trigger release ([c563ea3](https://github.com/gravity-ui/tsconfig/commit/c563ea342f0bf8c5a75374bf780295947f3e039e))\\n","contributors":[{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":3}],"codeOwners":[]},"prettier-config":{"stars":0,"version":"1.1.0","lastUpdate":"06.09.2023","license":"MIT License","issues":0,"readme":"# @gravity-ui/prettier-config\\n\\n## Install\\n\\n```\\nnpm install --save-dev prettier @gravity-ui/prettier-config\\n```\\n\\n## Usage\\n\\nAdd `.prettierrc.js` file in the project root with the following content:\\n\\n```js\\nmodule.exports = require(\'@gravity-ui/prettier-config\');\\n```\\n","changelog":"# Changelog\\n\\n## [1.1.0](https://github.com/gravity-ui/prettier-config/compare/v1.0.1...v1.1.0) (2023-09-06)\\n\\n\\n### Features\\n\\n* weaker dependency on prettier, use prettier on project files ([#3](https://github.com/gravity-ui/prettier-config/issues/3)) ([59541b9](https://github.com/gravity-ui/prettier-config/commit/59541b9b34ff59028c794450fe4d94379e14af29))\\n\\n## [1.0.1](https://github.com/gravity-ui/prettier-config/compare/v1.0.0...v1.0.1) (2022-08-24)\\n\\n\\n### Bug Fixes\\n\\n* package files ([cbc0064](https://github.com/gravity-ui/prettier-config/commit/cbc0064cda4a41a9b3bd8f8a59e0ac4d0d30cf60))\\n\\n## 1.0.0 (2022-08-24)\\n\\n\\n### Bug Fixes\\n\\n* trigger release ([931693a](https://github.com/gravity-ui/prettier-config/commit/931693a15c7c6dd3167ddc6ffd72adfae42b6008))\\n","contributors":[{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":4},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":2}],"codeOwners":[]},"stylelint-config":{"stars":1,"version":"4.0.1","lastUpdate":"18.10.2023","license":"MIT License","issues":1,"readme":"# @gravity-ui/stylelint-config\\n\\n## Install\\n\\n```\\nnpm install --save-dev stylelint postcss @gravity-ui/stylelint-config\\n```\\n\\n## Usage\\n\\nAdd `.stylelintrc` file in the project root with the following content:\\n\\n```json\\n{\\n  \\"extends\\": \\"@gravity-ui/stylelint-config\\"\\n}\\n```\\n\\n### Prettier\\n\\nIf you are using Prettier, extend root config with the additional rules:\\n\\n```json\\n{\\n  \\"extends\\": [\\"@gravity-ui/stylelint-config\\", \\"@gravity-ui/stylelint-config/prettier\\"]\\n}\\n```\\n\\n### Order\\n\\nIf you want to order properties in your css files, extend root config with the additional rules:\\n\\n```json\\n{\\n  \\"extends\\": [\\"@gravity-ui/stylelint-config\\", \\"@gravity-ui/stylelint-config/order\\"]\\n}\\n```\\n","changelog":"# Changelog\\n\\n## [4.0.1](https://github.com/gravity-ui/stylelint-config/compare/v4.0.0...v4.0.1) (2023-10-18)\\n\\n\\n### Bug Fixes\\n\\n* linting is broken if dependant project doesn\'t have `postcss-scss` package in deps ([#15](https://github.com/gravity-ui/stylelint-config/issues/15)) ([0c785a7](https://github.com/gravity-ui/stylelint-config/commit/0c785a7b454949e02b07e5b68dfd8ee797d6f0cb))\\n\\n## [4.0.0](https://github.com/gravity-ui/stylelint-config/compare/v3.0.0...v4.0.0) (2023-09-12)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* support prettier v3, order gap properties ([#13](https://github.com/gravity-ui/stylelint-config/issues/13))\\n\\n### Features\\n\\n* support prettier v3, order gap properties ([#13](https://github.com/gravity-ui/stylelint-config/issues/13)) ([acd39d0](https://github.com/gravity-ui/stylelint-config/commit/acd39d00d3d462c7f7253f4a17ece3a32c1d33d0))\\n\\n## [3.0.0](https://github.com/gravity-ui/stylelint-config/compare/v2.0.0...v3.0.0) (2023-08-18)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* `stylelint@15` support ([#8](https://github.com/gravity-ui/stylelint-config/issues/8))\\n\\n### Features\\n\\n* `stylelint@15` support ([#8](https://github.com/gravity-ui/stylelint-config/issues/8)) ([7468153](https://github.com/gravity-ui/stylelint-config/commit/746815330e4ed2d170499b269ad5c0b99c05eb3a))\\n* force only `[@media](https://github.com/media)` sort ([#11](https://github.com/gravity-ui/stylelint-config/issues/11)) ([d703050](https://github.com/gravity-ui/stylelint-config/commit/d7030503721587a353541e18d9f9f457dd9d2255))\\n\\n## [2.0.0](https://github.com/gravity-ui/stylelint-config/compare/v1.0.1...v2.0.0) (2022-10-25)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* **order:** add logical properties (#4)\\n\\n### Features\\n\\n* **order:** add logical properties ([#4](https://github.com/gravity-ui/stylelint-config/issues/4)) ([09ce7a7](https://github.com/gravity-ui/stylelint-config/commit/09ce7a7505db5b7a702ed1cc0eb1f506762e3c16))\\n\\n## [1.0.1](https://github.com/gravity-ui/stylelint-config/compare/v1.0.0...v1.0.1) (2022-08-24)\\n\\n\\n### Bug Fixes\\n\\n* package files ([cf69db3](https://github.com/gravity-ui/stylelint-config/commit/cf69db355dea45c38db313f775a22a07001e337d))\\n\\n## 1.0.0 (2022-08-24)\\n\\n\\n### Features\\n\\n* added order plugin ([2c27c74](https://github.com/gravity-ui/stylelint-config/commit/2c27c7441ce3cdfb98e35879690f4d8697f05e55))\\n* change at-rule order ([59e2b36](https://github.com/gravity-ui/stylelint-config/commit/59e2b36f8463284417a8c813a85f4d5f4ef61f87))\\n* relax `value-keyword-case` rule ([#2](https://github.com/gravity-ui/stylelint-config/issues/2)) ([0213abf](https://github.com/gravity-ui/stylelint-config/commit/0213abf536b5af7668ed1627eb2674b6dc2391dd))\\n\\n\\n### Bug Fixes\\n\\n* freeze deps ([ea5ceae](https://github.com/gravity-ui/stylelint-config/commit/ea5ceae8c73bfefaf8ac90cd03d9048c4f19c6d0))\\n","contributors":[{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":10},{"login":"ogonkov","avatarUrl":"https://avatars.githubusercontent.com/u/1091927?v=4","url":"https://github.com/ogonkov","contributions":6},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":3},{"login":"NikitaCG","avatarUrl":"https://avatars.githubusercontent.com/u/36075690?v=4","url":"https://github.com/NikitaCG","contributions":2},{"login":"zzzorgo","avatarUrl":"https://avatars.githubusercontent.com/u/17454987?v=4","url":"https://github.com/zzzorgo","contributions":1},{"login":"kkirik","avatarUrl":"https://avatars.githubusercontent.com/u/29181473?v=4","url":"https://github.com/kkirik","contributions":1}],"codeOwners":[]},"babel-preset":{"stars":0,"version":"1.0.1","lastUpdate":"24.08.2022","license":"MIT License","issues":0,"readme":"# @gravity-ui/babel-preset\\n\\nBabel preset for Gravity UI projects\\n\\n## Install\\n```\\nnpm install --save-dev @gravity-ui/babel-preset\\n```\\n\\n## Usage\\n\\n### Via `.babelrc`\\n\\n```json5\\n{\\n  \\"presets\\": [\\n      \\"@gravity-ui/babel-preset\\",\\n      {\\n        \\"env\\": {modules: false}, // defaults to {}\\n        \\"runtime\\": {useESModules: true}, // defaults to {}\\n        \\"typescript\\": true, // defaults to false\\n        \\"react\\": {runtime: \\"automatic\\"} // defaults to {}\\n      }\\n  ]\\n}\\n```\\n","changelog":"# Changelog\\n\\n## [1.0.1](https://github.com/gravity-ui/babel-preset/compare/v1.0.0...v1.0.1) (2022-08-24)\\n\\n\\n### Bug Fixes\\n\\n* package files ([252c849](https://github.com/gravity-ui/babel-preset/commit/252c8496af95f491dc6d765cb84d3d8ca1da8e13))\\n\\n## 1.0.0 (2022-08-24)\\n\\n\\n### Bug Fixes\\n\\n* set husky script executable ([e8227e7](https://github.com/gravity-ui/babel-preset/commit/e8227e74e78243ebaa89a7c7c525cc1a59add339))\\n","contributors":[{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":4}],"codeOwners":[]},"browserslist-config":{"stars":0,"version":"4.3.0","lastUpdate":"17.01.2024","license":"MIT License","issues":1,"readme":"# Browserslist config of Gravity UI packages family\\n\\n## Compatible browsers\\n\\nYou can check compatible browsers on [browsersl.ist](https://browsersl.ist/#q=last%202%20major%20versions%20and%20last%202%20years%20and%20fully%20supports%20es6%20and%20%3E%200.05%25%0Anot%20dead%0Anot%20op_mini%20all%0Anot%20and_qq%20%3E%200%0Anot%20and_uc%20%3E%200%0AFirefox%20ESR%0AChrome%20%3E%200%20and%20last%202%20years%20and%20%3E%200.05%25%0ASafari%20%3E%200%20and%20last%202%20years%20and%20%3E%200.05%25%0AFirefox%20%3E%200%20and%20last%202%20years%20and%20%3E%200.01%25).\\n\\n## Install\\n\\n```bash\\nnpm i --save-dev @gravity-ui/browserslist-config\\n```\\n\\nAdd config to `package.json` in `browserslist` section:\\n\\n```json\\n{\\n  \\"browserslist\\": [\\n    \\"extends @gravity-ui/browserslist-config\\"\\n  ]\\n}\\n```\\n\\nYou can specify additional browsers based on your audience, like:\\n```json\\n{\\n  \\"browserslist\\": [\\n    \\"extends @gravity-ui/browserslist-config\\",\\n    \\"Chrome >= 100\\",\\n    \\"Firefox >= 100\\"\\n  ]\\n}\\n```\\n\\n## Usage\\n\\nPackage provides production version of browserslist.\\n","changelog":"# Changelog\\n\\n## [4.3.0](https://github.com/gravity-ui/browserslist-config/compare/v4.2.0...v4.3.0) (2024-01-17)\\n\\n\\n### Features\\n\\n* Update config with year-based browsers selection ([#30](https://github.com/gravity-ui/browserslist-config/issues/30)) ([8f881de](https://github.com/gravity-ui/browserslist-config/commit/8f881de80d6bf602a2ab0bd2c64dace4e7f9ccf4))\\n\\n## [4.2.0](https://github.com/gravity-ui/browserslist-config/compare/v4.1.1...v4.2.0) (2023-12-08)\\n\\n\\n### Features\\n\\n* Fix for some not-so-old browsers ([#28](https://github.com/gravity-ui/browserslist-config/issues/28)) ([62e7804](https://github.com/gravity-ui/browserslist-config/commit/62e78040252042d9e8c99782dcfda9aa65f5987e))\\n\\n## [4.1.1](https://github.com/gravity-ui/browserslist-config/compare/v4.1.0...v4.1.1) (2023-11-17)\\n\\n\\n### Bug Fixes\\n\\n* problem with FF is always treated as deprecated ([#26](https://github.com/gravity-ui/browserslist-config/issues/26)) ([4bb47f2](https://github.com/gravity-ui/browserslist-config/commit/4bb47f2042e66f454ae32310919ba27c4a329d27))\\n\\n## [4.1.0](https://github.com/gravity-ui/browserslist-config/compare/v4.0.0...v4.1.0) (2023-06-27)\\n\\n\\n### Features\\n\\n* Use last 3 versions for Chrome ([#20](https://github.com/gravity-ui/browserslist-config/issues/20)) ([d64820b](https://github.com/gravity-ui/browserslist-config/commit/d64820b4e4d1fb9a4af3634c0f5ea1c5da5df90c))\\n\\n## [4.0.0](https://github.com/gravity-ui/browserslist-config/compare/v3.0.0...v4.0.0) (2023-05-18)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update browsers list ([#17](https://github.com/gravity-ui/browserslist-config/issues/17))\\n\\n### Features\\n\\n* update browsers list ([#17](https://github.com/gravity-ui/browserslist-config/issues/17)) ([e5f437f](https://github.com/gravity-ui/browserslist-config/commit/e5f437fc28f3997c49d66fb928d30407efe6b7a8))\\n\\n## [3.0.0](https://github.com/gravity-ui/browserslist-config/compare/v2.0.0...v3.0.0) (2023-02-03)\\n\\n\\n### build\\n\\n* migrate ([#15](https://github.com/gravity-ui/browserslist-config/issues/15)) ([d65f66d](https://github.com/gravity-ui/browserslist-config/commit/d65f66dc565c7005cf87b4436ef1951b1264a376))\\n\\n## [2.0.0](https://github.com/gravity-ui/browserslist-config/compare/v1.1.0...v2.0.0) (2022-06-22)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* remove environment from config (#11)\\n\\n### Features\\n\\n* exclude opera mini, QQ and UC browsers ([#12](https://github.com/gravity-ui/browserslist-config/issues/12)) ([806d614](https://github.com/gravity-ui/browserslist-config/commit/806d6145a6e36f5a3d0fa5273de8fe45322291a0))\\n\\n\\n### Bug Fixes\\n\\n* remove environment from config ([#11](https://github.com/gravity-ui/browserslist-config/issues/11)) ([50000e3](https://github.com/gravity-ui/browserslist-config/commit/50000e375a9aa33931369ac53d4b44d6c3fe20c6))\\n\\n## [1.1.0](https://github.com/gravity-ui/browserslist-config/compare/v1.0.1...v1.1.0) (2022-06-15)\\n\\n\\n### Features\\n\\n* add types ([#9](https://github.com/gravity-ui/browserslist-config/issues/9)) ([d7949dc](https://github.com/gravity-ui/browserslist-config/commit/d7949dcc043c66e516406dc00543cd676f34b71b))\\n\\n### [1.0.1](https://www.github.com/gravity-ui/browserslist-config/compare/v1.0.0...v1.0.1) (2022-03-18)\\n\\n\\n### chore\\n\\n* fix dependencies ([#7](https://www.github.com/gravity-ui/browserslist-config/issues/7)) ([2d757f9](https://www.github.com/gravity-ui/browserslist-config/commit/2d757f9a3e46eccc2f0751cacbd0ee76686cce37))\\n\\n## 1.0.0 (2022-03-16)\\n\\n\\n### Features\\n\\n* initial browserslist config ([#1](https://www.github.com/gravity-ui/browserslist-config/issues/1)) ([a74b7ff](https://www.github.com/gravity-ui/browserslist-config/commit/a74b7ff149680e9bed45718507950b2541bee1a6))\\n\\n\\n### Bug Fixes\\n\\n* release action branch ([#2](https://www.github.com/gravity-ui/browserslist-config/issues/2)) ([8bf3e21](https://www.github.com/gravity-ui/browserslist-config/commit/8bf3e21f2667041946c08721e48a662f75a00b9b))\\n","contributors":[{"login":"ogonkov","avatarUrl":"https://avatars.githubusercontent.com/u/1091927?v=4","url":"https://github.com/ogonkov","contributions":12},{"login":"Avol-V","avatarUrl":"https://avatars.githubusercontent.com/u/7325152?v=4","url":"https://github.com/Avol-V","contributions":4},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":2},{"login":"AlexeyW100","avatarUrl":"https://avatars.githubusercontent.com/u/45878152?v=4","url":"https://github.com/AlexeyW100","contributions":1},{"login":"Raubzeug","avatarUrl":"https://avatars.githubusercontent.com/u/42094364?v=4","url":"https://github.com/Raubzeug","contributions":1}],"codeOwners":[]}}'),b=e(24480),p=e(95415);let l=()=>{let t=[];return p.x.forEach(i=>{let e=d[i.id];if(!e)throw Error("Can't find fetched data for lib with id – ".concat(i.id));t.push({config:i,data:e})}),t},v=t=>{let i=p.x.find(i=>i.id===t);if(!i)throw Error("Can't find config for lib with id – ".concat(t));let e=d[t];if(!e)throw Error("Can't find fetched data for lib with id – ".concat(t));return{config:i,data:e}},f=t=>{let i;if(t){try{i=b[t]}catch{i=void 0}return i}},y=()=>h,k=function(t){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"/",{contributors:e,codeOwners:a}=t.data,n=a.reduce((t,e)=>{let{pattern:a,owners:n}=e;return m().isMatch(i,a)&&t.push(...n),t},[]);return u().uniq(n).map(t=>e.find(i=>i.login===t)||(console.warn("code owner ".concat(t," is not a contributor")),{login:t,name:t,url:"https://github.com/".concat(t),avatarUrl:"",contributions:0})).sort((t,i)=>i.contributions-t.contributions)};var x=e(80045);let w=t=>{let i=x.x.find(i=>i.id===t);if(!i)throw Error("Can't find config for lib with id – ".concat(t));let e=i.components;if(!e)throw Error("Can't find components for lib with id – ".concat(t));return e},F=/^https:\/\/raw\.githubusercontent\.com\/gravity-ui\/(?<repoName>[^/]+)\/(?<repoBranch>[^/]+)\/src\/components\/(?<componentName>[^/]+)(\/README\.md)?(?<hash>#.+)?$/;function B(t){var i,e,a,n,o;let s=t.match(F);if(s)return"/components/".concat(null===(i=s.groups)||void 0===i?void 0:i.repoName,"/").concat((o=null===(e=s.groups)||void 0===e?void 0:e.componentName)?Array.from(o).map((t,i)=>t===t.toUpperCase()?(0===i?"":"-")+t.toLowerCase():t).join(""):o).concat(null!==(n=null===(a=s.groups)||void 0===a?void 0:a.hash)&&void 0!==n?n:"")}e(75401);var C=e(35315),U=e.n(C);let S=(t,i)=>{let e=i.language===U().i18n.defaultLocale?"":"/".concat(i.language);return""!==e&&"/"===t?e:"".concat(e).concat(t)}},51351:function(){},40816:function(){},95415:function(t,i,e){"use strict";e.d(i,{x:function(){return a}});let a=[{id:"uikit",githubId:"gravity-ui/uikit",npmId:"@gravity-ui/uikit",title:"UIKit",primary:!0,landing:!0,tags:["ui"],storybookUrl:"https://preview.gravity-ui.com/uikit/",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/uikit/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/uikit/main/CHANGELOG.md",mainBranch:"main"},{id:"components",githubId:"gravity-ui/components",npmId:"@gravity-ui/components",title:"Components",primary:!1,landing:!1,tags:["ui"],storybookUrl:"https://preview.gravity-ui.com/components/?path=/story/components-adaptivetabs--default",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/components/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/components/main/CHANGELOG.md",mainBranch:"main"},{id:"icons",githubId:"gravity-ui/icons",npmId:"@gravity-ui/icons",title:"Icons",primary:!1,landing:!1,tags:["ui"],storybookUrl:"https://preview.gravity-ui.com/icons/",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/icons/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/icons/main/CHANGELOG.md",mainBranch:"main"},{id:"illustrations",githubId:"gravity-ui/illustrations",npmId:"@gravity-ui/illustrations",title:"Illustrations",primary:!1,landing:!1,tags:["ui"],storybookUrl:"https://preview.gravity-ui.com/illustrations/",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/illustrations/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/illustrations/main/CHANGELOG.md",mainBranch:"main"},{id:"dynamic-forms",githubId:"gravity-ui/dynamic-forms",npmId:"@gravity-ui/dynamic-forms",title:"Dynamic Forms",primary:!1,landing:!1,tags:["ui"],storybookUrl:"https://preview.gravity-ui.com/dynamic-forms/",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/dynamic-forms/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/dynamic-forms/main/CHANGELOG.md",mainBranch:"main"},{id:"page-constructor",githubId:"gravity-ui/page-constructor",npmId:"@gravity-ui/page-constructor",title:"Page constructor",primary:!1,landing:!0,tags:["ui"],storybookUrl:"https://preview.gravity-ui.com/page-constructor/",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/page-constructor/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/page-constructor/main/CHANGELOG.md",mainBranch:"main"},{id:"blog-constructor",githubId:"gravity-ui/blog-constructor",npmId:"@gravity-ui/blog-constructor",title:"Blog Constructor",primary:!1,landing:!1,tags:["ui"],storybookUrl:"https://preview.yandexcloud.dev/blog-constructor/",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/blog-constructor/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/blog-constructor/main/CHANGELOG.md",mainBranch:"main"},{id:"chartkit",githubId:"gravity-ui/chartkit",npmId:"@gravity-ui/chartkit",title:"ChartKit",primary:!1,landing:!0,tags:["ui"],storybookUrl:"https://preview.gravity-ui.com/chartkit/",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/chartkit/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/chartkit/main/CHANGELOG.md",mainBranch:"main"},{id:"dashkit",githubId:"gravity-ui/dashkit",npmId:"@gravity-ui/dashkit",title:"DashKit",primary:!1,landing:!0,tags:["ui"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/dashkit/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/dashkit/main/CHANGELOG.md",mainBranch:"main"},{id:"yagr",githubId:"gravity-ui/yagr",npmId:"@gravity-ui/yagr",title:"Yagr",primary:!1,landing:!0,tags:["ui"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/yagr/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/yagr/main/CHANGELOG.md",mainBranch:"main"},{id:"markdown-editor",githubId:"gravity-ui/markdown-editor",npmId:"@gravity-ui/markdown-editor",title:"Markdown editor",primary:!1,landing:!1,tags:["markdown","prosemirror","wysiwyg","codemirror","yfm","diplodoc","gfm","react"],storybookUrl:"https://preview.gravity-ui.com/md-editor/",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/markdown-editor/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/markdown-editor/main/CHANGELOG.md",mainBranch:"main"},{id:"nodekit",githubId:"gravity-ui/nodekit",npmId:"@gravity-ui/nodekit",title:"NodeKit",primary:!1,landing:!1,tags:["nodejs"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/nodekit/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/nodekit/main/CHANGELOG.md",mainBranch:"main"},{id:"expresskit",githubId:"gravity-ui/expresskit",npmId:"@gravity-ui/expresskit",title:"ExpressKit",primary:!1,landing:!1,tags:["nodejs"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/expresskit/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/expresskit/main/CHANGELOG.md",mainBranch:"main"},{id:"app-layout",githubId:"gravity-ui/app-layout",npmId:"@gravity-ui/app-layout",title:"App Layout",primary:!1,landing:!1,tags:["nodejs"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/app-layout/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/app-layout/main/CHANGELOG.md",mainBranch:"main"},{id:"navigation",githubId:"gravity-ui/navigation",npmId:"@gravity-ui/navigation",title:"Navigation",primary:!1,landing:!0,tags:["ui"],storybookUrl:"https://preview.gravity-ui.com/navigation/",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/navigation/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/navigation/main/CHANGELOG.md",mainBranch:"main"},{id:"date-utils",githubId:"gravity-ui/date-utils",npmId:"@gravity-ui/date-utils",title:"Date Utils",primary:!1,landing:!1,tags:["ui","nodejs"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/date-utils/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/date-utils/main/CHANGELOG.md",mainBranch:"main"},{id:"date-components",githubId:"gravity-ui/date-components",npmId:"@gravity-ui/date-components",title:"Date Components",primary:!1,landing:!1,tags:["ui"],storybookUrl:"https://preview.gravity-ui.com/date-components/?path=/docs/components-calendar--docs",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/date-components/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/date-components/main/CHANGELOG.md",mainBranch:"main"},{id:"axios-wrapper",githubId:"gravity-ui/axios-wrapper",npmId:"@gravity-ui/axios-wrapper",title:"Axios wrapper",primary:!1,landing:!1,tags:["ui","nodejs"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/axios-wrapper/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/axios-wrapper/main/CHANGELOG.md",mainBranch:"main"},{id:"dialog-fields",githubId:"gravity-ui/dialog-fields",npmId:"@gravity-ui/dialog-fields",title:"Dialog Fields",primary:!1,landing:!1,tags:["ui"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/dialog-fields/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/dialog-fields/main/CHANGELOG.md",mainBranch:"main"},{id:"paranoid",githubId:"gravity-ui/paranoid",npmId:"@gravity-ui/paranoid",title:"Paranoid",primary:!1,landing:!1,tags:["ui"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/paranoid/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/paranoid/main/CHANGELOG.md",mainBranch:"main"},{id:"react-data-table",githubId:"gravity-ui/react-data-table",npmId:"@gravity-ui/react-data-table",title:"React Data Table",primary:!1,landing:!1,tags:["ui"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/react-data-table/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/react-data-table/main/CHANGELOG.md",mainBranch:"main"},{id:"unipika",githubId:"gravity-ui/unipika",npmId:"@gravity-ui/unipika",title:"Unipika",primary:!1,landing:!1,tags:["ui","nodejs"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/unipika/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/unipika/main/CHANGELOG.md",mainBranch:"main"},{id:"ui-logger",githubId:"gravity-ui/ui-logger",npmId:"@gravity-ui/ui-logger",title:"UI Logger",primary:!1,landing:!1,tags:["ui"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/ui-logger/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/ui-logger/main/CHANGELOG.md",mainBranch:"main"},{id:"oauth-clients",githubId:"gravity-ui/oauth-clients",npmId:"@gravity-ui/oauth-clients",title:"OAuth Clients",primary:!1,landing:!1,tags:["ui"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/oauth-clients/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/oauth-clients/main/CHANGELOG.md",mainBranch:"main"},{id:"i18n",githubId:"gravity-ui/i18n",npmId:"@gravity-ui/i18n",title:"I18n",primary:!1,landing:!1,tags:["ui"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/i18n/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/i18n/main/CHANGELOG.md",mainBranch:"main"},{id:"eslint-config",githubId:"gravity-ui/eslint-config",npmId:"@gravity-ui/eslint-config",title:"ESlint Config",primary:!1,landing:!1,tags:["infrastructure"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/eslint-config/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/eslint-config/main/CHANGELOG.md",mainBranch:"main"},{id:"tsconfig",githubId:"gravity-ui/tsconfig",npmId:"@gravity-ui/tsconfig",title:"TSconfig",primary:!1,landing:!1,tags:["infrastructure"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/tsconfig/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/tsconfig/main/CHANGELOG.md",mainBranch:"main"},{id:"prettier-config",githubId:"gravity-ui/prettier-config",npmId:"@gravity-ui/prettier-config",title:"Prettier Config",primary:!1,landing:!1,tags:["infrastructure"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/prettier-config/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/prettier-config/main/CHANGELOG.md",mainBranch:"main"},{id:"stylelint-config",githubId:"gravity-ui/stylelint-config",npmId:"@gravity-ui/stylelint-config",title:"Stylelint Config",primary:!1,landing:!1,tags:["infrastructure"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/stylelint-config/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/stylelint-config/main/CHANGELOG.md",mainBranch:"main"},{id:"babel-preset",githubId:"gravity-ui/babel-preset",npmId:"@gravity-ui/babel-preset",title:"Babel Preset",primary:!1,landing:!1,tags:["infrastructure"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/babel-preset/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/babel-preset/main/CHANGELOG.md",mainBranch:"main"},{id:"browserslist-config",githubId:"gravity-ui/browserslist-config",npmId:"@gravity-ui/browserslist-config",title:"Browserslist Config",primary:!1,landing:!1,tags:["infrastructure"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/browserslist-config/master/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/browserslist-config/master/CHANGELOG.md",mainBranch:"master"}]},24480:function(t){"use strict";t.exports=JSON.parse('{"uikit":"6.20.1","components":"3.7.0","date-components":"2.7.1"}')}}]);
\ No newline at end of file
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1893],{63391:function(t){function i(t){var i=Error("Cannot find module '"+t+"'");throw i.code="MODULE_NOT_FOUND",i}i.keys=function(){return[]},i.resolve=i,i.id=63391,t.exports=i},35315:function(t){"use strict";t.exports={i18n:{locales:["en"],defaultLocale:"en",defaultNS:"common",ignoreJSONStructure:!1}}},9663:function(t,i,e){"use strict";e.d(i,{BL:function(){return c},Eu:function(){return s},P3:function(){return o},VZ:function(){return n},WX:function(){return u},mZ:function(){return r},t0:function(){return a}});let a="dark",n="menu",o="content",s="gravity-ui",c="templates",r="gravity-landing-locale-v3",u="https://github.com/gravity-ui/uikit"},80045:function(t,i,e){"use strict";e.d(i,{x:function(){return t8}});var a,n,o=e(89734),s=e.n(o),c=e(31489),r=e(5152),u=e.n(r);(a=n||(n={})).Uikit="uikit",a.Components="components",a.DateComponents="date-components";var g=e(9663),m=e(24480),h=e(83454);let d=h.env.GITHUB_PROFILE||g.Eu,b={[n.Uikit]:h.env.DEV_BRANCH_UIKIT||"v".concat(m[n.Uikit]),[n.Components]:h.env.DEV_BRANCH_COMPONENTS||"v".concat(m[n.Components]),[n.DateComponents]:h.env.DEV_BRANCH_DATE_COMPONENTS||"v".concat(m[n.DateComponents])},p=t=>t.map(t=>({value:t,content:t})),l=t=>{let{componentName:i,repoName:e}=t;return"https://raw.githubusercontent.com/".concat(d,"/").concat(e,"/").concat(b[e],"/src/components/").concat(i,"/README.md")},v=t=>{let{componentName:i,repoName:e}=t;return"https://github.com/".concat(d,"/").concat(e,"/tree/main/src/components/").concat(i)},f={repoName:n.DateComponents,componentName:"Calendar"},y={id:"calendar",title:"Calendar",githubUrl:v(f),isSupportRTL:!0,content:{readmeUrl:l(f)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(8931),e.e(5706),e.e(2538),e.e(8426)]).then(e.bind(e,31805)).then(t=>t.CalendarExample),{loadableGenerated:{webpack:()=>[31805]}}),props:{size:{type:"radioButton",values:p(["m","l","xl"]),defaultValue:"m"},mode:{type:"select",values:p(["days","months","quarters","years"])},disabled:{type:"switch",defaultValue:!1},readOnly:{type:"switch",defaultValue:!1},minValue:{type:"input"},maxValue:{type:"input"},focusedValue:{type:"input"}}}},k={repoName:n.DateComponents,componentName:"DateField"},x={id:"date-field",title:"Date Field",githubUrl:v(k),isSupportRTL:!0,content:{readmeUrl:l(k)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(8931),e.e(5706),e.e(2538),e.e(8426)]).then(e.bind(e,31805)).then(t=>t.DateFieldExample),{loadableGenerated:{webpack:()=>[31805]}}),props:{view:{type:"radioButton",values:p(["normal","clear"]),defaultValue:"normal"},size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},placeholder:{type:"input",defaultValue:"Type here..."},label:{type:"input"},validationState:{type:"radioButton",values:p(["normal","invalid"]),defaultValue:"normal"},errorMessage:{type:"input",defaultValue:"Input is invalid"},disabled:{type:"switch",defaultValue:!1},hasClear:{type:"switch",defaultValue:!1},readOnly:{type:"switch",defaultValue:!1},format:{type:"input",defaultValue:"MM/DD/YYYY"},pin:{type:"select",values:p(["round-round","brick-brick","clear-clear","round-brick","brick-round","round-clear","clear-round","brick-clear","clear-brick"]),defaultValue:"round-round"},minValue:{type:"input"},maxValue:{type:"input"},leftContent:{type:"input"},rightContent:{type:"input"}}}},w={repoName:n.DateComponents,componentName:"DatePicker"},F={id:"date-picker",title:"Date Picker",githubUrl:v(w),isSupportRTL:!0,content:{readmeUrl:l(w)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(8931),e.e(5706),e.e(2538),e.e(8426)]).then(e.bind(e,31805)).then(t=>t.DatePickerSandboxExample),{loadableGenerated:{webpack:()=>[31805]}}),props:{view:{type:"radioButton",values:p(["normal","clear"]),defaultValue:"normal"},size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},placeholder:{type:"input",defaultValue:"Type here..."},label:{type:"input"},validationState:{type:"radioButton",values:p(["normal","invalid"]),defaultValue:"normal"},errorMessage:{type:"input",defaultValue:"Input is invalid"},disabled:{type:"switch",defaultValue:!1},hasClear:{type:"switch",defaultValue:!1},readOnly:{type:"switch",defaultValue:!1},format:{type:"input",defaultValue:"MM/DD/YYYY"},pin:{type:"select",values:p(["round-round","brick-brick","clear-clear","round-brick","brick-round","round-clear","clear-round","brick-clear","clear-brick"]),defaultValue:"round-round"},minValue:{type:"input"},maxValue:{type:"input"}}}},B={repoName:n.DateComponents,componentName:"RangeCalendar"},C={id:"range-calendar",title:"Range Calendar",githubUrl:v(B),isSupportRTL:!0,content:{readmeUrl:l(B)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(8931),e.e(5706),e.e(2538),e.e(8426)]).then(e.bind(e,31805)).then(t=>t.RangeCalendarExample),{loadableGenerated:{webpack:()=>[31805]}}),props:{size:{type:"radioButton",values:p(["m","l","xl"]),defaultValue:"m"},mode:{type:"select",values:p(["days","months","quarters","years"])},disabled:{type:"switch",defaultValue:!1},readOnly:{type:"switch",defaultValue:!1},minValue:{type:"input"},maxValue:{type:"input"},focusedValue:{type:"input"}}}},U={repoName:n.DateComponents,componentName:"RelativeDateField"},S={id:"relative-date-field",title:"Relative Date Field",githubUrl:v(U),isSupportRTL:!0,content:{readmeUrl:l(U)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(8931),e.e(5706),e.e(2538),e.e(8909)]).then(e.bind(e,24226)).then(t=>t.RelativeDateFieldSandBoxExample),{loadableGenerated:{webpack:()=>[24226]}}),props:{view:{type:"radioButton",values:p(["normal","clear"]),defaultValue:"normal"},size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},placeholder:{type:"input",defaultValue:"Type here..."},label:{type:"input"},validationState:{type:"radioButton",values:[{content:"normal",value:""},{content:"invalid",value:"invalid"}],defaultValue:""},errorMessage:{type:"input",defaultValue:"Input is invalid"},disabled:{type:"switch",defaultValue:!1},hasClear:{type:"switch",defaultValue:!1},hasTime:{type:"switch",defaultValue:!1},readOnly:{type:"switch",defaultValue:!1},pin:{type:"select",values:p(["round-round","brick-brick","clear-clear","round-brick","brick-round","round-clear","clear-round","brick-clear","clear-brick"]),defaultValue:"round-round"},leftContent:{type:"input"},rightContent:{type:"input"}}}},T={repoName:n.DateComponents,componentName:"RelativeDatePicker"},A={id:"relative-date-picker",title:"Relative Date Picker",githubUrl:v(T),isSupportRTL:!0,content:{readmeUrl:l(T)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(8931),e.e(5706),e.e(2538),e.e(8426)]).then(e.bind(e,31805)).then(t=>t.RelativeDatePickerSandboxExample),{loadableGenerated:{webpack:()=>[31805]}}),props:{view:{type:"radioButton",values:p(["normal","clear"]),defaultValue:"normal"},size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},placeholder:{type:"input",defaultValue:"Type here..."},label:{type:"input"},validationState:{type:"radioButton",values:p(["normal","invalid"]),defaultValue:"normal"},errorMessage:{type:"input",defaultValue:"Input is invalid"},disabled:{type:"switch",defaultValue:!1},hasClear:{type:"switch",defaultValue:!1},readOnly:{type:"switch",defaultValue:!1},format:{type:"input",defaultValue:"MM/DD/YYYY"},pin:{type:"select",values:p(["round-round","brick-brick","clear-clear","round-brick","brick-round","round-clear","clear-round","brick-clear","clear-brick"]),defaultValue:"round-round"},minValue:{type:"input"},maxValue:{type:"input"}}}},{config:I}=(0,c.MM)("date-components"),P={id:I.id,title:I.title,primary:I.primary,components:s()([y,x,F,C,S,A],"title")},{config:D}=(0,c.MM)("navigation"),N={id:D.id,title:D.title,primary:D.primary,components:s()([{id:"action-bar",title:"Action Bar",isComingSoon:!0},{id:"all-pages-panel",title:"All Pages Panel",isComingSoon:!0},{id:"aside-header",title:"Aside Header",isComingSoon:!0},{id:"drawer",title:"Drawer",isComingSoon:!0},{id:"hotkeys-panel",title:"Hotkeys Panel",isComingSoon:!0},{id:"mobile-header",title:"Mobile Header",isComingSoon:!0},{id:"settings",title:"Settings",isComingSoon:!0}],"title")},R={repoName:n.Uikit,componentName:"Alert"},E={id:"alert",title:"Alert",githubUrl:v(R),isSupportRTL:!0,content:{readmeUrl:l(R)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.Alert),{loadableGenerated:{webpack:()=>[null]}}),props:{theme:{type:"select",values:p(["normal","info","success","warning","danger"]),defaultValue:"normal"},view:{type:"select",values:p(["filled","outlined"]),defaultValue:"filled"},corners:{type:"radioButton",values:p(["rounded","square"]),defaultValue:"rounded"},title:{type:"input",defaultValue:"Alert title"},message:{type:"input",defaultValue:"Alert message"}}}},L={repoName:n.Uikit,componentName:"ArrowToggle"},M={id:"arrow-toggle",title:"ArrowToggle",githubUrl:v(L),content:{readmeUrl:l(L)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.ArrowToggle),{loadableGenerated:{webpack:()=>[null]}}),props:{direction:{type:"select",values:p(["top","left","bottom","right"]),defaultValue:"bottom"},size:{type:"input",defaultValue:"16"}}}},z={repoName:n.Uikit,componentName:"Avatar"},G={id:"avatar",title:"Avatar",githubUrl:v(z),isSupportRTL:!0,content:{readmeUrl:l(z)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.Avatar),{loadableGenerated:{webpack:()=>[null]}}),props:{size:{type:"select",values:p(["xs","s","m","l","xl"]),defaultValue:"xl"},theme:{type:"radioButton",values:p(["normal","brand"]),defaultValue:"normal"},view:{type:"radioButton",values:p(["filled","outlined"]),defaultValue:"filled"},imgUrl:{type:"input"},fallbackImgUrl:{type:"input"},sizes:{type:"input"},srcSet:{type:"input"},alt:{type:"input"},icon:{type:"input",defaultValue:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.836 3.202 1.74 5.386a.396.396 0 0 0 0 .728l5.096 2.184a2.5 2.5 0 0 0 .985.202h.358a2.5 2.5 0 0 0 .985-.202l5.096-2.184a.396.396 0 0 0 0-.728L9.164 3.202A2.5 2.5 0 0 0 8.179 3h-.358a2.5 2.5 0 0 0-.985.202ZM1.5 7.642l1.5.644v3.228a2 2 0 0 0 1.106 1.789l.806.403a7 7 0 0 0 6.193.033l.909-.442a2 2 0 0 0 1.125-1.798V8.226l1.712-.734a1.896 1.896 0 0 0 0-3.484L9.755 1.823A4 4 0 0 0 8.179 1.5h-.358a4 4 0 0 0-1.576.323L1.15 4.008A1.896 1.896 0 0 0 0 5.75v4.5a.75.75 0 0 0 1.5 0V7.643Zm3 3.872V8.929l1.745.748A4 4 0 0 0 7.821 10h.358a4 4 0 0 0 1.576-.323l1.884-.808v2.63a.5.5 0 0 1-.282.45l-.909.442a5.5 5.5 0 0 1-4.865-.027l-.807-.403a.5.5 0 0 1-.276-.447Z" clip-rule="evenodd"/></svg>'},text:{type:"input"},backgroundColor:{type:"input"},borderColor:{type:"input"},color:{type:"input"},title:{type:"input"}}}},V={repoName:n.Uikit,componentName:"Breadcrumbs"},H={id:"breadcrumbs",title:"Breadcrumbs",githubUrl:v(V),isSupportRTL:!0,content:{readmeUrl:l(V)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(5527),e.e(8663),e.e(1890)]).then(e.bind(e,32901)).then(t=>t.BreadcrumbsWrapper),{loadableGenerated:{webpack:()=>[32901]}}),props:{firstDisplayedItemsCount:{type:"radioButton",values:[{value:0,content:"0"},{value:1,content:"1"}],defaultValue:0},lastDisplayedItemsCount:{type:"radioButton",values:[{value:1,content:"1"},{value:2,content:"2"}],defaultValue:1}}}},j={repoName:n.Uikit,componentName:"Button"},O={id:"button",title:"Button",githubUrl:v(j),isSupportRTL:!0,content:{readmeUrl:l(j)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(3827)]).then(e.bind(e,25630)).then(t=>t.ButtonWrapper),{loadableGenerated:{webpack:()=>[25630]}}),props:{view:{type:"select",values:p(["normal","action","raised","outlined","outlined-action","outlined-info","outlined-success","outlined-warning","outlined-danger","flat","flat-action","flat-info","flat-success","flat-warning","flat-danger","flat-secondary","normal-contrast","outlined-contrast","flat-contrast"]),defaultValue:"normal"},size:{type:"radioButton",values:p(["xs","s","m","l","xl"]),defaultValue:"m"},pin:{type:"select",values:p(["round-round","brick-brick","clear-clear","round-brick","brick-round","round-clear","clear-round","brick-clear","clear-brick","circle-circle","circle-brick","brick-circle","circle-clear","clear-circle"]),defaultValue:"round-round"},selected:{type:"switch",defaultValue:!1},disabled:{type:"switch",defaultValue:!1},loading:{type:"switch",defaultValue:!1},startIcon:{type:"switch",defaultValue:!1},endIcon:{type:"switch",defaultValue:!1},onlyIcon:{type:"switch",defaultValue:!1},width:{type:"radioButton",values:p(["auto","max"]),defaultValue:"auto"},children:{type:"input",defaultValue:"Button"}}}},q={repoName:n.Uikit,componentName:"Card"},K={id:"card",title:"Card",githubUrl:v(q),content:{readmeUrl:l(q)},sandbox:{component:u()(()=>e.e(4425).then(e.bind(e,54425)).then(t=>t.CardComponent),{loadableGenerated:{webpack:()=>[54425]}}),props:{theme:{type:"select",values:p(["normal","info","success","warning","danger"]),defaultValue:"normal"},type:{type:"select",values:p(["container","selection","action"]),defaultValue:"container"},view:{type:"select",values:p(["outlined","clear","filled","raised"]),defaultValue:"outlined"}}}},Y={repoName:n.Uikit,componentName:"Checkbox"},_={id:"checkbox",title:"Checkbox",githubUrl:v(Y),isSupportRTL:!0,content:{readmeUrl:l(Y)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.Checkbox),{loadableGenerated:{webpack:()=>[null]}}),props:{size:{type:"radioButton",values:p(["m","l"]),defaultValue:"m"},content:{type:"input",defaultValue:"Content"},checked:{type:"switch",defaultValue:!0},disabled:{type:"switch",defaultValue:!1},indeterminate:{type:"switch",defaultValue:!1}}}},W={repoName:n.Uikit,componentName:"DropdownMenu"},Q={id:"dropdown-menu",title:"DropdownMenu",githubUrl:v(W),isSupportRTL:!0,content:{readmeUrl:l(W)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(5527),e.e(8529)]).then(e.bind(e,39871)).then(t=>t.DropdownMenuComponent),{loadableGenerated:{webpack:()=>[39871]}}),props:{size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},disabled:{type:"switch",defaultValue:!1}}}},$={repoName:n.Uikit,componentName:"Icon"},J={id:"icon",title:"Icon",githubUrl:v($),content:{readmeUrl:l($)}},X={repoName:n.Uikit,componentName:"Label"},Z={id:"label",title:"Label",githubUrl:v(X),isSupportRTL:!0,content:{readmeUrl:l(X)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.Label),{loadableGenerated:{webpack:()=>[null]}}),props:{theme:{type:"select",values:p(["normal","info","success","warning","danger","unknown","clear"]),defaultValue:"normal"},type:{type:"radioButton",values:p(["default","close","copy"]),defaultValue:"default"},size:{type:"radioButton",values:p(["xs","s","m"]),defaultValue:"s"},disabled:{type:"switch",defaultValue:!1},interactive:{type:"switch",defaultValue:!1},value:{type:"input"},copyText:{type:"input",defaultValue:"Text to copy"},children:{type:"input",defaultValue:"Label"}}}},tt={repoName:n.Uikit,componentName:"Link"},ti={id:"link",title:"Link",githubUrl:v(tt),content:{readmeUrl:l(tt)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.Link),{loadableGenerated:{webpack:()=>[null]}}),props:{view:{type:"select",values:p(["normal","primary","secondary"]),defaultValue:"normal"},visitable:{type:"switch",defaultValue:!1},href:{type:"input",defaultValue:"https://gravity-ui.com/"},target:{type:"input"},rel:{type:"input"},title:{type:"input"},children:{type:"text",defaultValue:"Link"}}}},te={repoName:n.Uikit,componentName:"List"},ta={id:"list",title:"List",githubUrl:v(te),isSupportRTL:!0,content:{readmeUrl:l(te)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(2725),e.e(1989)]).then(e.bind(e,56169)).then(t=>t.ListComponent),{loadableGenerated:{webpack:()=>[56169]}}),props:{filterable:{type:"switch",defaultValue:!0},sortable:{type:"switch",defaultValue:!1},filterPlaceholder:{type:"input",defaultValue:"Default placeholder"},emptyPlaceholder:{type:"input",defaultValue:"Not found"}}}},tn={repoName:n.Uikit,componentName:"Loader"},to={id:"loader",title:"Loader",githubUrl:v(tn),isSupportRTL:!0,content:{readmeUrl:l(tn)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.Loader),{loadableGenerated:{webpack:()=>[null]}}),props:{size:{type:"radioButton",values:p(["s","m","l"]),defaultValue:"m"}}}},ts={repoName:n.Uikit,componentName:"Menu"},tc={id:"menu",title:"Menu",githubUrl:v(ts),isSupportRTL:!0,content:{readmeUrl:l(ts)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(1134)]).then(e.bind(e,74282)).then(t=>t.MenuComponent),{loadableGenerated:{webpack:()=>[74282]}}),props:{size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},groupLabel:{type:"input",defaultValue:"Group"},itemChildren:{type:"input",defaultValue:"First"},itemTheme:{type:"radioButton",values:p(["normal","danger"]),defaultValue:"normal"},itemDisabled:{type:"switch",defaultValue:!1},itemSelected:{type:"switch",defaultValue:!1},itemActive:{type:"switch",defaultValue:!1},itemHref:{type:"input",defaultValue:"#"}}}},tr={repoName:n.Uikit,componentName:"Modal"},tu={id:"modal",title:"Modal",githubUrl:v(tr),content:{readmeUrl:l(tr)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(3740),e.e(1228)]).then(e.bind(e,46156)).then(t=>t.ModalComponent),{loadableGenerated:{webpack:()=>[46156]}}),props:{autoFocus:{type:"switch",defaultValue:!0},focusTrap:{type:"switch",defaultValue:!0},disableBodyScrollLock:{type:"switch",defaultValue:!1}}}},tg={repoName:n.Uikit,componentName:"Overlay"},tm={id:"overlay",title:"Overlay",githubUrl:v(tg),content:{readmeUrl:l(tg)},sandbox:{component:u()(()=>e.e(8108).then(e.bind(e,8108)).then(t=>t.OverlayComponent),{loadableGenerated:{webpack:()=>[8108]}}),props:{visible:{type:"switch",defaultValue:!0},background:{type:"radioButton",values:p(["base","float"]),defaultValue:"base"}}}},th={repoName:n.Uikit,componentName:"Pagination"},td={id:"pagination",title:"Pagination",githubUrl:v(th),isSupportRTL:!0,content:{readmeUrl:l(th)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(2725),e.e(9031),e.e(6522)]).then(e.bind(e,53194)).then(t=>t.PaginationComponent),{loadableGenerated:{webpack:()=>[53194]}}),props:{page:{type:"input",defaultValue:1},pageSize:{type:"input",defaultValue:10},total:{type:"input",defaultValue:30},compact:{type:"switch",defaultValue:!0},showInput:{type:"switch",defaultValue:!0},showPages:{type:"switch",defaultValue:!0}}}},tb={repoName:n.Uikit,componentName:"Palette"},tp={id:"palette",title:"Palette",githubUrl:v(tb),isSupportRTL:!0,content:{readmeUrl:l(tb)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(874)]).then(e.bind(e,35647)).then(t=>{let{PaletteComponent:i}=t;return i}),{loadableGenerated:{webpack:()=>[35647]}}),props:{size:{type:"radioButton",values:p(["xs","s","m","l","xl"]),defaultValue:"m"},columns:{type:"input",defaultValue:6},disabled:{type:"switch",defaultValue:!1},multiple:{type:"switch",defaultValue:!0}}}},tl={repoName:n.Uikit,componentName:"PinInput"},tv={id:"pin-input",title:"PinInput",githubUrl:v(tl),isSupportRTL:!0,content:{readmeUrl:l(tl)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.PinInput),{loadableGenerated:{webpack:()=>[null]}}),props:{size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},type:{type:"radioButton",values:p(["numeric","alphanumeric"]),defaultValue:"numeric"},length:{type:"radioButton",values:p(["4","6"]),defaultValue:"4"},placeholder:{type:"input"},note:{type:"input"},validationState:{type:"radioButton",values:p(["normal","invalid"]),defaultValue:"normal"},errorMessage:{type:"input",defaultValue:"PIN incorrect"},disabled:{type:"switch",defaultValue:!1},otp:{type:"switch",defaultValue:!1},mask:{type:"switch",defaultValue:!1}}}},tf={repoName:n.Uikit,componentName:"Popup"},ty={id:"popup",title:"Popup",githubUrl:v(tf),content:{readmeUrl:l(tf)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(4830)]).then(e.bind(e,42493)).then(t=>t.PopupComponent),{loadableGenerated:{webpack:()=>[42493]}}),props:{open:{type:"switch",defaultValue:!0},hasArrow:{type:"switch",defaultValue:!1},placement:{type:"select",values:p(["bottom-start","bottom","bottom-end","top-start","top","top-end","right-start","right","right-end","left-start","left","left-end"]),defaultValue:"bottom"}}}},tk={repoName:n.Uikit,componentName:"Portal"},tx={id:"portal",title:"Portal",githubUrl:v(tk),content:{readmeUrl:l(tk)}},tw={repoName:n.Uikit,componentName:"Progress"},tF={id:"progress",title:"Progress",githubUrl:v(tw),isSupportRTL:!0,content:{readmeUrl:l(tw)},sandbox:{component:u()(()=>e.e(4417).then(e.bind(e,34417)).then(t=>t.ProgressComponent),{loadableGenerated:{webpack:()=>[34417]}}),props:{theme:{type:"select",values:p(["default","success","warning","danger","info","misc"]),defaultValue:"default"},value:{type:"input",defaultValue:80},text:{type:"input",defaultValue:"pending"},size:{type:"radioButton",values:p(["xs","s","m"]),defaultValue:"m"},loading:{type:"switch",defaultValue:!1}}}},tB={repoName:n.Uikit,componentName:"Radio"},tC={id:"radio",title:"Radio",githubUrl:v(tB),isSupportRTL:!0,content:{readmeUrl:l(tB)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(167)]).then(e.bind(e,62629)).then(t=>t.RadioComponent),{loadableGenerated:{webpack:()=>[62629]}}),props:{size:{type:"radioButton",values:p(["m","l"]),defaultValue:"m"},content:{type:"input",defaultValue:"Content"},checked:{type:"switch",defaultValue:!0},disabled:{type:"switch",defaultValue:!1}}}},tU={repoName:n.Uikit,componentName:"RadioButton"},tS={id:"radio-button",title:"RadioButton",githubUrl:v(tU),isSupportRTL:!0,content:{readmeUrl:l(tU)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(853)]).then(e.bind(e,39295)).then(t=>t.RadioButtonComponent),{loadableGenerated:{webpack:()=>[39295]}}),props:{size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},width:{type:"radioButton",values:p(["auto","max"]),defaultValue:"auto"},disabled:{type:"switch",defaultValue:!1}}}},tT={repoName:n.Uikit,componentName:"RadioGroup"},tA={id:"radio-group",title:"RadioGroup",githubUrl:v(tT),isSupportRTL:!0,content:{readmeUrl:l(tT)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(8785)]).then(e.bind(e,57605)).then(t=>t.RadioGroupComponent),{loadableGenerated:{webpack:()=>[57605]}}),props:{size:{type:"radioButton",values:p(["m","l"]),defaultValue:"m"},direction:{type:"radioButton",values:p(["horizontal","vertical"]),defaultValue:"horizontal"},disabled:{type:"switch",defaultValue:!1}}}},tI={repoName:n.Uikit,componentName:"Select"},tP={id:"select",title:"Select",githubUrl:v(tI),isSupportRTL:!0,content:{readmeUrl:l(tI)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(2725),e.e(9031),e.e(8614)]).then(e.bind(e,52811)).then(t=>t.SelectComponent),{loadableGenerated:{webpack:()=>[52811]}}),props:{size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},pin:{type:"select",values:p(["round-round","brick-brick","clear-clear","round-brick","brick-round","round-clear","clear-round","brick-clear","clear-brick","circle-circle","circle-brick","brick-circle","circle-clear","clear-circle"]),defaultValue:"round-round"},placeholder:{type:"input",defaultValue:""},label:{type:"input"},multiple:{type:"switch",defaultValue:!1},filterable:{type:"switch",defaultValue:!1},disabled:{type:"switch",defaultValue:!1},hasClear:{type:"switch",defaultValue:!1}}}},tD={repoName:n.Uikit,componentName:"Sheet"},tN={id:"sheet",title:"Sheet",githubUrl:v(tD),content:{readmeUrl:l(tD)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(8122),e.e(8730)]).then(e.bind(e,78730)).then(t=>t.SheetComponent),{loadableGenerated:{webpack:()=>[78730]}}),props:{title:{type:"input",defaultValue:"Title"},hideTopBar:{type:"switch",defaultValue:!1},allowHideOnContentScroll:{type:"switch",defaultValue:!0}}}},tR={repoName:n.Uikit,componentName:"Skeleton"},tE={id:"skeleton",title:"Skeleton",githubUrl:v(tR),isSupportRTL:!0,content:{readmeUrl:l(tR)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.Skeleton.bind(null,{style:{height:"80px"}})),{loadableGenerated:{webpack:()=>[null]}}),props:{}}},tL={repoName:n.Uikit,componentName:"Slider"},tM={id:"slider",title:"Slider",githubUrl:v(tL),content:{readmeUrl:l(tL)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(7533),e.e(9854)]).then(e.bind(e,77886)).then(t=>t.SliderExample),{loadableGenerated:{webpack:()=>[77886]}}),props:{hasTooltip:{type:"switch",defaultValue:!1},disabled:{type:"switch",defaultValue:!1},validationState:{type:"radioButton",values:p(["normal","invalid"]),defaultValue:"normal"},errorMessage:{type:"input",defaultValue:"Input is invalid"},size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},min:{type:"input",defaultValue:0},max:{type:"input",defaultValue:100},step:{type:"input",defaultValue:1},debounceDelay:{type:"input",defaultValue:0},marksCount:{type:"input",defaultValue:2}}}},tz={repoName:n.Uikit,componentName:"Spin"},tG={id:"spin",title:"Spin",githubUrl:v(tz),content:{readmeUrl:l(tz)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.Spin),{loadableGenerated:{webpack:()=>[null]}}),props:{size:{type:"radioButton",values:p(["xs","s","m","l","xl"]),defaultValue:"m"}}}},tV={repoName:n.Uikit,componentName:"Switch"},tH={id:"switch",title:"Switch",githubUrl:v(tV),isSupportRTL:!0,content:{readmeUrl:l(tV)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.Switch),{loadableGenerated:{webpack:()=>[null]}}),props:{size:{type:"radioButton",values:p(["m","l"]),defaultValue:"m"},content:{type:"input",defaultValue:"Content"},checked:{type:"switch",defaultValue:!0},disabled:{type:"switch",defaultValue:!1}}}},tj={repoName:n.Uikit,componentName:"Table"},tO={id:"table",title:"Table",githubUrl:v(tj),isSupportRTL:!0,content:{readmeUrl:l(tj)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(1355),e.e(4013),e.e(219),e.e(1709)]).then(e.bind(e,98800)).then(t=>t.TableComponent),{loadableGenerated:{webpack:()=>[98800]}}),props:{verticalAlign:{type:"select",values:p(["top","middle"]),defaultValue:"top"},rowActionsSize:{type:"select",values:p(["s","m","l","xl"]),defaultValue:"s"},edgePadding:{type:"switch"}}}},tq={repoName:n.Uikit,componentName:"Tabs"},tK={id:"tabs",title:"Tabs",githubUrl:v(tq),isSupportRTL:!0,content:{readmeUrl:l(tq)},sandbox:{component:u()(()=>e.e(1759).then(e.bind(e,51759)).then(t=>t.TabsComponent),{loadableGenerated:{webpack:()=>[51759]}}),props:{size:{type:"radioButton",values:p(["m","l","xl"]),defaultValue:"m"},disabled:{type:"switch",defaultValue:!1}}}},tY={repoName:n.Uikit,componentName:"Text"},t_={id:"text",title:"Text",githubUrl:v(tY),isSupportRTL:!0,content:{readmeUrl:l(tY)},sandbox:{component:u()(()=>e.e(6901).then(e.bind(e,56901)).then(t=>t.TextComponent),{loadableGenerated:{webpack:()=>[56901]}}),props:{variant:{type:"select",values:p(["body-1","body-2","body-3","body-short","caption-1","caption-2","header-1","header-2","subheader-1","subheader-2","subheader-3","display-1","display-2","display-3","display-4","code-1","code-2","code-3","code-inline-1","code-inline-2","code-inline-3"]),defaultValue:"body-1"},text:{type:"input",defaultValue:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente exercitationem aperiam quibusdam libero ipsa veritatis quisquam!"},ellipsis:{type:"switch",defaultValue:!1},whiteSpace:{type:"select",values:p(["","nowrap","break-spaces"]),defaultValue:""},wordBreak:{type:"select",values:p(["","break-all"]),defaultValue:""},color:{type:"select",values:p(["primary","complementary","secondary","hint","info","info-heavy","positive","positive-heavy","warning","warning-heavy","danger","danger-heavy","utility","utility-heavy","misc","misc-heavy","brand","link","link-hover","link-visited","link-visited-hover","dark-primary","dark-complementary","dark-secondary","light-primary","light-complementary","light-secondary","light-hint","inverted-primary","inverted-complementary","inverted-secondary","inverted-hint"]),defaultValue:"primary"}}}},tW={repoName:n.Uikit,componentName:"controls/TextArea"},tQ={id:"text-area",title:"TextArea",githubUrl:v(tW),isSupportRTL:!0,content:{readmeUrl:l(tW)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(9800),e.e(7131)]).then(e.bind(e,67131)).then(t=>t.TextAreaComponent),{loadableGenerated:{webpack:()=>[67131]}}),props:{view:{type:"radioButton",values:p(["normal","clear"]),defaultValue:"normal"},size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},placeholder:{type:"input",defaultValue:"Type here..."},note:{type:"input"},minRows:{type:"input",defaultValue:2},maxRows:{type:"input",defaultValue:5},validationState:{type:"radioButton",values:p(["normal","invalid"]),defaultValue:"normal"},errorMessage:{type:"input",defaultValue:"Input is invalid"},disabled:{type:"switch",defaultValue:!1},hasClear:{type:"switch",defaultValue:!1}}}},t$={repoName:n.Uikit,componentName:"controls/TextInput"},tJ={id:"text-input",title:"TextInput",githubUrl:v(t$),isSupportRTL:!0,content:{readmeUrl:l(t$)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(8931),e.e(8148)]).then(e.bind(e,35573)).then(t=>t.TextInputComponent),{loadableGenerated:{webpack:()=>[35573]}}),props:{view:{type:"radioButton",values:p(["normal","clear"]),defaultValue:"normal"},size:{type:"radioButton",values:p(["s","m","l","xl"]),defaultValue:"m"},placeholder:{type:"input",defaultValue:"Type here..."},label:{type:"input"},note:{type:"input"},validationState:{type:"radioButton",values:p(["normal","invalid"]),defaultValue:"normal"},errorMessage:{type:"input",defaultValue:"Input is invalid"},errorPlacement:{type:"radioButton",values:p(["outside","inside"]),defaultValue:"outside"},disabled:{type:"switch",defaultValue:!1},hasClear:{type:"switch",defaultValue:!1}}}},tX={repoName:n.Uikit,componentName:"Toaster"},tZ={title:{type:"input",defaultValue:"Done with this task"},content:{type:"input",defaultValue:"Everything is fine"},action:{type:"input",defaultValue:"Okay then"},theme:{type:"select",values:[void 0,"info","success","warning","danger"].map(t=>({value:void 0===t?"undefined":t,content:void 0===t?"none":t})),defaultValue:"undefined"},autoHiding:{type:"switch",defaultValue:!1},isClosable:{type:"switch",defaultValue:!1},isMobile:{type:"switch",defaultValue:!1}},t0={id:"toaster",title:"Toaster",githubUrl:v(tX),content:{readmeUrl:l(tX)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(9549),e.e(3608)]).then(e.bind(e,63608)).then(t=>t.ToasterProxy),{loadableGenerated:{webpack:()=>[63608]}}),props:tZ}},t1={repoName:n.Uikit,componentName:"Tooltip"},t2={id:"tooltip",title:"Tooltip",githubUrl:v(t1),content:{readmeUrl:l(t1)},sandbox:{component:u()(()=>Promise.all([e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(5005)]).then(e.bind(e,93846)).then(t=>t.TooltipComponent),{loadableGenerated:{webpack:()=>[93846]}}),props:{placement:{type:"select",values:p(["bottom-start","bottom","bottom-end","top-start","top","top-end","right-start","right","right-end","left-start","left","left-end"]),defaultValue:"bottom"}}}},t3={repoName:n.Uikit,componentName:"User"},t4={id:"user",title:"User",githubUrl:v(t3),isSupportRTL:!0,content:{readmeUrl:l(t3)},sandbox:{component:u()(()=>e.e(4139).then(e.bind(e,94139)).then(t=>t.UserSandbox),{loadableGenerated:{webpack:()=>[94139]}}),props:{size:{type:"select",values:p(["xs","s","m","l","xl"]),defaultValue:"l"},name:{type:"input",defaultValue:"Charles Darwin"},description:{type:"input",defaultValue:"charles@mail.ai"}}}},t5={repoName:n.Uikit,componentName:"UserLabel"},t6={id:"user-label",title:"UserLabel",githubUrl:v(t5),isSupportRTL:!0,content:{readmeUrl:l(t5)},sandbox:{component:u()(()=>Promise.all([e.e(630),e.e(2083),e.e(5031),e.e(5303),e.e(5237),e.e(3740),e.e(2315),e.e(3849),e.e(8931),e.e(1355),e.e(2725),e.e(9031),e.e(5527),e.e(3066),e.e(7533),e.e(4013),e.e(1137),e.e(2035)]).then(e.bind(e,55420)).then(t=>t.UserLabel),{loadableGenerated:{webpack:()=>[null]}}),props:{view:{type:"radioButton",values:p(["outlined","clear"]),defaultValue:"outlined"},type:{type:"radioButton",values:p(["person","email","empty"]),defaultValue:"person"},avatar:{type:"input",defaultValue:"https://upload.wikimedia.org/wikipedia/commons/thumb/3/33/Charles_Darwin_by_Julia_Margaret_Cameron%2C_c._1868.jpg/193px-Charles_Darwin_by_Julia_Margaret_Cameron%2C_c._1868.jpg"},children:{type:"input",defaultValue:"Charles Darwin"}}}},{config:t7}=(0,c.MM)("uikit"),t8=[{id:t7.id,title:t7.title,primary:t7.primary,components:s()([E,M,G,H,O,K,_,Q,J,Z,ta,ti,to,tc,tu,tm,td,tp,tv,ty,tx,tF,tC,tS,tA,tP,tE,tM,tG,tH,tO,tK,t_,tQ,tJ,t2,t0,t4,t6,tN],"title")},P,N]},75401:function(t,i,e){"use strict";e(55709),e(35315)},31489:function(t,i,e){"use strict";e.d(i,{Ge:function(){return n},es:function(){return y},MM:function(){return v},GM:function(){return w},t0:function(){return f},Aw:function(){return l},n6:function(){return S},fe:function(){return k},Bi:function(){return o},p6:function(){return B},Uu:function(){return c}});var a=e(22853);function n(t){return(0,a.Z)("".concat("gravity-ui-landing-").concat(t))}function o(t){return"string"==typeof t?{src:t}:t}let s="light";function c(t){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:s;return"object"==typeof t&&null!==t&&s in t?t[i]||t[s]:t}var r=e(96486),u=e.n(r),g=e(70850),m=e.n(g),h=JSON.parse('[{"login":"gorgeousvlad","avatarUrl":"https://avatars.githubusercontent.com/u/20395936?v=4","url":"https://github.com/gorgeousvlad","contributions":465},{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":395},{"login":"NikitaCG","avatarUrl":"https://avatars.githubusercontent.com/u/36075690?v=4","url":"https://github.com/NikitaCG","contributions":333},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":281},{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":228},{"login":"zefirka","avatarUrl":"https://avatars.githubusercontent.com/u/5380542?v=4","url":"https://github.com/zefirka","contributions":172},{"login":"NikitaShkaruba","avatarUrl":"https://avatars.githubusercontent.com/u/8822095?v=4","url":"https://github.com/NikitaShkaruba","contributions":166},{"login":"d3m1d0v","avatarUrl":"https://avatars.githubusercontent.com/u/26671342?v=4","url":"https://github.com/d3m1d0v","contributions":164},{"login":"niktverd","avatarUrl":"https://avatars.githubusercontent.com/u/61203447?v=4","url":"https://github.com/niktverd","contributions":163},{"login":"ogonkov","avatarUrl":"https://avatars.githubusercontent.com/u/1091927?v=4","url":"https://github.com/ogonkov","contributions":129},{"login":"ma-efremoff","avatarUrl":"https://avatars.githubusercontent.com/u/64027148?v=4","url":"https://github.com/ma-efremoff","contributions":115},{"login":"vanilla-wave","avatarUrl":"https://avatars.githubusercontent.com/u/13496759?v=4","url":"https://github.com/vanilla-wave","contributions":111},{"login":"imsitnikov","avatarUrl":"https://avatars.githubusercontent.com/u/29424746?v=4","url":"https://github.com/imsitnikov","contributions":92},{"login":"Raubzeug","avatarUrl":"https://avatars.githubusercontent.com/u/42094364?v=4","url":"https://github.com/Raubzeug","contributions":90},{"login":"Lunory","avatarUrl":"https://avatars.githubusercontent.com/u/22904809?v=4","url":"https://github.com/Lunory","contributions":72},{"login":"aeksandla","avatarUrl":"https://avatars.githubusercontent.com/u/46083995?v=4","url":"https://github.com/aeksandla","contributions":69},{"login":"resure","avatarUrl":"https://avatars.githubusercontent.com/u/168296?v=4","url":"https://github.com/resure","contributions":63},{"login":"IsaevAlexandr","avatarUrl":"https://avatars.githubusercontent.com/u/27916444?v=4","url":"https://github.com/IsaevAlexandr","contributions":59},{"login":"kuzmadom","avatarUrl":"https://avatars.githubusercontent.com/u/7911723?v=4","url":"https://github.com/kuzmadom","contributions":58},{"login":"NasgulNexus","avatarUrl":"https://avatars.githubusercontent.com/u/23384737?v=4","url":"https://github.com/NasgulNexus","contributions":57},{"login":"bocembocem","avatarUrl":"https://avatars.githubusercontent.com/u/58661343?v=4","url":"https://github.com/bocembocem","contributions":57},{"login":"tsufiev","avatarUrl":"https://avatars.githubusercontent.com/u/1240006?v=4","url":"https://github.com/tsufiev","contributions":56},{"login":"smsochneg","avatarUrl":"https://avatars.githubusercontent.com/u/15200559?v=4","url":"https://github.com/smsochneg","contributions":53},{"login":"Kyzyl-ool","avatarUrl":"https://avatars.githubusercontent.com/u/30153778?v=4","url":"https://github.com/Kyzyl-ool","contributions":52},{"login":"jhoncool","avatarUrl":"https://avatars.githubusercontent.com/u/11226935?v=4","url":"https://github.com/jhoncool","contributions":51},{"login":"Marginy605","avatarUrl":"https://avatars.githubusercontent.com/u/98329176?v=4","url":"https://github.com/Marginy605","contributions":50},{"login":"melikhov-dev","avatarUrl":"https://avatars.githubusercontent.com/u/1742586?v=4","url":"https://github.com/melikhov-dev","contributions":45},{"login":"roberthovsepyan","avatarUrl":"https://avatars.githubusercontent.com/u/33484604?v=4","url":"https://github.com/roberthovsepyan","contributions":40},{"login":"DarkGenius","avatarUrl":"https://avatars.githubusercontent.com/u/4076124?v=4","url":"https://github.com/DarkGenius","contributions":39},{"login":"bezany","avatarUrl":"https://avatars.githubusercontent.com/u/5105017?v=4","url":"https://github.com/bezany","contributions":38},{"login":"VitaliiDC8","avatarUrl":"https://avatars.githubusercontent.com/u/127111625?v=4","url":"https://github.com/VitaliiDC8","contributions":34},{"login":"mournfulCoroner","avatarUrl":"https://avatars.githubusercontent.com/u/56549651?v=4","url":"https://github.com/mournfulCoroner","contributions":33},{"login":"goshander","avatarUrl":"https://avatars.githubusercontent.com/u/5037509?v=4","url":"https://github.com/goshander","contributions":31},{"login":"vvtimofeev","avatarUrl":"https://avatars.githubusercontent.com/u/108340247?v=4","url":"https://github.com/vvtimofeev","contributions":30},{"login":"qradle-yndx","avatarUrl":"https://avatars.githubusercontent.com/u/148218517?v=4","url":"https://github.com/qradle-yndx","contributions":27},{"login":"kseniya57","avatarUrl":"https://avatars.githubusercontent.com/u/31247233?v=4","url":"https://github.com/kseniya57","contributions":26},{"login":"SeqviriouM","avatarUrl":"https://avatars.githubusercontent.com/u/1071418?v=4","url":"https://github.com/SeqviriouM","contributions":26},{"login":"Lunatic174","avatarUrl":"https://avatars.githubusercontent.com/u/10085601?v=4","url":"https://github.com/Lunatic174","contributions":25},{"login":"Lakate","avatarUrl":"https://avatars.githubusercontent.com/u/8994274?v=4","url":"https://github.com/Lakate","contributions":23},{"login":"GermanVor","avatarUrl":"https://avatars.githubusercontent.com/u/43282255?v=4","url":"https://github.com/GermanVor","contributions":22},{"login":"imechoim","avatarUrl":"https://avatars.githubusercontent.com/u/8857511?v=4","url":"https://github.com/imechoim","contributions":22},{"login":"KirillDyachkovskiy","avatarUrl":"https://avatars.githubusercontent.com/u/81510334?v=4","url":"https://github.com/KirillDyachkovskiy","contributions":22},{"login":"Arucard89","avatarUrl":"https://avatars.githubusercontent.com/u/13587201?v=4","url":"https://github.com/Arucard89","contributions":21},{"login":"dgaponov","avatarUrl":"https://avatars.githubusercontent.com/u/13693437?v=4","url":"https://github.com/dgaponov","contributions":21},{"login":"viladimiru","avatarUrl":"https://avatars.githubusercontent.com/u/26850586?v=4","url":"https://github.com/viladimiru","contributions":21},{"login":"DC-RomanKarpov","avatarUrl":"https://avatars.githubusercontent.com/u/124568536?v=4","url":"https://github.com/DC-RomanKarpov","contributions":20},{"login":"astandrik","avatarUrl":"https://avatars.githubusercontent.com/u/8037318?v=4","url":"https://github.com/astandrik","contributions":19},{"login":"sunduckcow","avatarUrl":"https://avatars.githubusercontent.com/u/83990793?v=4","url":"https://github.com/sunduckcow","contributions":16},{"login":"pavel-klimov","avatarUrl":"https://avatars.githubusercontent.com/u/42768217?v=4","url":"https://github.com/pavel-klimov","contributions":16},{"login":"artemluchin","avatarUrl":"https://avatars.githubusercontent.com/u/12445010?v=4","url":"https://github.com/artemluchin","contributions":15},{"login":"makhnatkin","avatarUrl":"https://avatars.githubusercontent.com/u/1963954?v=4","url":"https://github.com/makhnatkin","contributions":14},{"login":"helenjer","avatarUrl":"https://avatars.githubusercontent.com/u/5168501?v=4","url":"https://github.com/helenjer","contributions":13},{"login":"Ruminat","avatarUrl":"https://avatars.githubusercontent.com/u/18216279?v=4","url":"https://github.com/Ruminat","contributions":13},{"login":"flops","avatarUrl":"https://avatars.githubusercontent.com/u/433333?v=4","url":"https://github.com/flops","contributions":13},{"login":"Mishnya","avatarUrl":"https://avatars.githubusercontent.com/u/47668236?v=4","url":"https://github.com/Mishnya","contributions":12},{"login":"ArturAbdullin","avatarUrl":"https://avatars.githubusercontent.com/u/30603428?v=4","url":"https://github.com/ArturAbdullin","contributions":12},{"login":"yuberdysheva","avatarUrl":"https://avatars.githubusercontent.com/u/22456330?v=4","url":"https://github.com/yuberdysheva","contributions":12},{"login":"iapolya","avatarUrl":"https://avatars.githubusercontent.com/u/31696689?v=4","url":"https://github.com/iapolya","contributions":12},{"login":"mfyodorov","avatarUrl":"https://avatars.githubusercontent.com/u/20931659?v=4","url":"https://github.com/mfyodorov","contributions":11},{"login":"kkirik","avatarUrl":"https://avatars.githubusercontent.com/u/29181473?v=4","url":"https://github.com/kkirik","contributions":11},{"login":"teleginzhenya","avatarUrl":"https://avatars.githubusercontent.com/u/24455680?v=4","url":"https://github.com/teleginzhenya","contributions":11},{"login":"artemipanchuk","avatarUrl":"https://avatars.githubusercontent.com/u/15093838?v=4","url":"https://github.com/artemipanchuk","contributions":11},{"login":"beliarh","avatarUrl":"https://avatars.githubusercontent.com/u/4661335?v=4","url":"https://github.com/beliarh","contributions":11},{"login":"Flunt1k","avatarUrl":"https://avatars.githubusercontent.com/u/47900126?v=4","url":"https://github.com/Flunt1k","contributions":11},{"login":"vvasin","avatarUrl":"https://avatars.githubusercontent.com/u/29572062?v=4","url":"https://github.com/vvasin","contributions":11},{"login":"nikita-jpg","avatarUrl":"https://avatars.githubusercontent.com/u/56046344?v=4","url":"https://github.com/nikita-jpg","contributions":11},{"login":"DenisVershkov","avatarUrl":"https://avatars.githubusercontent.com/u/81879756?v=4","url":"https://github.com/DenisVershkov","contributions":10},{"login":"DakEnviy","avatarUrl":"https://avatars.githubusercontent.com/u/6522772?v=4","url":"https://github.com/DakEnviy","contributions":10},{"login":"zamkovskaya","avatarUrl":"https://avatars.githubusercontent.com/u/128601366?v=4","url":"https://github.com/zamkovskaya","contributions":9},{"login":"Feverqwe","avatarUrl":"https://avatars.githubusercontent.com/u/891534?v=4","url":"https://github.com/Feverqwe","contributions":9},{"login":"aapolkovsky","avatarUrl":"https://avatars.githubusercontent.com/u/22380490?v=4","url":"https://github.com/aapolkovsky","contributions":9},{"login":"LakeVostok","avatarUrl":"https://avatars.githubusercontent.com/u/17967390?v=4","url":"https://github.com/LakeVostok","contributions":8},{"login":"kiraind","avatarUrl":"https://avatars.githubusercontent.com/u/23224613?v=4","url":"https://github.com/kiraind","contributions":8},{"login":"itwillwork","avatarUrl":"https://avatars.githubusercontent.com/u/15855766?v=4","url":"https://github.com/itwillwork","contributions":8},{"login":"Avol-V","avatarUrl":"https://avatars.githubusercontent.com/u/7325152?v=4","url":"https://github.com/Avol-V","contributions":8},{"login":"KalachevDev","avatarUrl":"https://avatars.githubusercontent.com/u/30410979?v=4","url":"https://github.com/KalachevDev","contributions":8},{"login":"DaryaLari","avatarUrl":"https://avatars.githubusercontent.com/u/19970912?v=4","url":"https://github.com/DaryaLari","contributions":8},{"login":"feelsbadmans","avatarUrl":"https://avatars.githubusercontent.com/u/62965405?v=4","url":"https://github.com/feelsbadmans","contributions":7},{"login":"ierehon1905","avatarUrl":"https://avatars.githubusercontent.com/u/31146334?v=4","url":"https://github.com/ierehon1905","contributions":7},{"login":"chelentos","avatarUrl":"https://avatars.githubusercontent.com/u/21958075?v=4","url":"https://github.com/chelentos","contributions":7},{"login":"krozhkov","avatarUrl":"https://avatars.githubusercontent.com/u/17095356?v=4","url":"https://github.com/krozhkov","contributions":7},{"login":"v4dyar4","avatarUrl":"https://avatars.githubusercontent.com/u/108093658?v=4","url":"https://github.com/v4dyar4","contributions":7},{"login":"kendoow","avatarUrl":"https://avatars.githubusercontent.com/u/70059916?v=4","url":"https://github.com/kendoow","contributions":7},{"login":"artemmufazalov","avatarUrl":"https://avatars.githubusercontent.com/u/67755036?v=4","url":"https://github.com/artemmufazalov","contributions":6},{"login":"catakot","avatarUrl":"https://avatars.githubusercontent.com/u/21214799?v=4","url":"https://github.com/catakot","contributions":6},{"login":"saxumcordis","avatarUrl":"https://avatars.githubusercontent.com/u/42944548?v=4","url":"https://github.com/saxumcordis","contributions":6},{"login":"vladimirfilosof","avatarUrl":"https://avatars.githubusercontent.com/u/58009491?v=4","url":"https://github.com/vladimirfilosof","contributions":6},{"login":"rusandorx","avatarUrl":"https://avatars.githubusercontent.com/u/53060411?v=4","url":"https://github.com/rusandorx","contributions":6},{"login":"burashka","avatarUrl":"https://avatars.githubusercontent.com/u/2195887?v=4","url":"https://github.com/burashka","contributions":6},{"login":"linkouth","avatarUrl":"https://avatars.githubusercontent.com/u/34433986?v=4","url":"https://github.com/linkouth","contributions":6},{"login":"axtk","avatarUrl":"https://avatars.githubusercontent.com/u/24575250?v=4","url":"https://github.com/axtk","contributions":5},{"login":"atroynikov","avatarUrl":"https://avatars.githubusercontent.com/u/7413138?v=4","url":"https://github.com/atroynikov","contributions":5},{"login":"ref256","avatarUrl":"https://avatars.githubusercontent.com/u/41027510?v=4","url":"https://github.com/ref256","contributions":5},{"login":"gearoffortune","avatarUrl":"https://avatars.githubusercontent.com/u/48627239?v=4","url":"https://github.com/gearoffortune","contributions":5},{"login":"chervyakovru","avatarUrl":"https://avatars.githubusercontent.com/u/14909082?v=4","url":"https://github.com/chervyakovru","contributions":5},{"login":"shuvalovpavel1995","avatarUrl":"https://avatars.githubusercontent.com/u/60737643?v=4","url":"https://github.com/shuvalovpavel1995","contributions":5},{"login":"polikashina","avatarUrl":"https://avatars.githubusercontent.com/u/7197224?v=4","url":"https://github.com/polikashina","contributions":4},{"login":"yndx-madfriend","avatarUrl":"https://avatars.githubusercontent.com/u/99418743?v=4","url":"https://github.com/yndx-madfriend","contributions":4},{"login":"oynikishin","avatarUrl":"https://avatars.githubusercontent.com/u/113184616?v=4","url":"https://github.com/oynikishin","contributions":4},{"login":"Antamansid","avatarUrl":"https://avatars.githubusercontent.com/u/31531030?v=4","url":"https://github.com/Antamansid","contributions":4},{"login":"Bluepuper","avatarUrl":"https://avatars.githubusercontent.com/u/79052139?v=4","url":"https://github.com/Bluepuper","contributions":4},{"login":"dfilatov","avatarUrl":"https://avatars.githubusercontent.com/u/67957?v=4","url":"https://github.com/dfilatov","contributions":4},{"login":"sofiushko","avatarUrl":"https://avatars.githubusercontent.com/u/5218950?v=4","url":"https://github.com/sofiushko","contributions":4},{"login":"isqua","avatarUrl":"https://avatars.githubusercontent.com/u/529247?v=4","url":"https://github.com/isqua","contributions":4},{"login":"dividead","avatarUrl":"https://avatars.githubusercontent.com/u/4695397?v=4","url":"https://github.com/dividead","contributions":4},{"login":"DaffPunks","avatarUrl":"https://avatars.githubusercontent.com/u/15698578?v=4","url":"https://github.com/DaffPunks","contributions":4},{"login":"js2me","avatarUrl":"https://avatars.githubusercontent.com/u/16340911?v=4","url":"https://github.com/js2me","contributions":4},{"login":"3y3","avatarUrl":"https://avatars.githubusercontent.com/u/3931155?v=4","url":"https://github.com/3y3","contributions":4},{"login":"ichernobuk","avatarUrl":"https://avatars.githubusercontent.com/u/25184132?v=4","url":"https://github.com/ichernobuk","contributions":4},{"login":"EgorKluch","avatarUrl":"https://avatars.githubusercontent.com/u/2197074?v=4","url":"https://github.com/EgorKluch","contributions":4},{"login":"benax-se","avatarUrl":"https://avatars.githubusercontent.com/u/78896684?v=4","url":"https://github.com/benax-se","contributions":4},{"login":"LehaRybkoha","avatarUrl":"https://avatars.githubusercontent.com/u/42549523?v=4","url":"https://github.com/LehaRybkoha","contributions":4},{"login":"ecoinomist","avatarUrl":"https://avatars.githubusercontent.com/u/13236298?v=4","url":"https://github.com/ecoinomist","contributions":4},{"login":"sidorko","avatarUrl":"https://avatars.githubusercontent.com/u/6938277?v=4","url":"https://github.com/sidorko","contributions":3},{"login":"maeshchenko","avatarUrl":"https://avatars.githubusercontent.com/u/24603515?v=4","url":"https://github.com/maeshchenko","contributions":3},{"login":"geksin","avatarUrl":"https://avatars.githubusercontent.com/u/56411228?v=4","url":"https://github.com/geksin","contributions":3},{"login":"Vladeeg","avatarUrl":"https://avatars.githubusercontent.com/u/22842948?v=4","url":"https://github.com/Vladeeg","contributions":3},{"login":"lunaticenslaved","avatarUrl":"https://avatars.githubusercontent.com/u/54212063?v=4","url":"https://github.com/lunaticenslaved","contributions":3},{"login":"shvorak","avatarUrl":"https://avatars.githubusercontent.com/u/2071148?v=4","url":"https://github.com/shvorak","contributions":3},{"login":"shbov","avatarUrl":"https://avatars.githubusercontent.com/u/32542672?v=4","url":"https://github.com/shbov","contributions":3},{"login":"eyoue","avatarUrl":"https://avatars.githubusercontent.com/u/16962204?v=4","url":"https://github.com/eyoue","contributions":3},{"login":"n-parpibaeva","avatarUrl":"https://avatars.githubusercontent.com/u/27774197?v=4","url":"https://github.com/n-parpibaeva","contributions":3},{"login":"ariser","avatarUrl":"https://avatars.githubusercontent.com/u/3864424?v=4","url":"https://github.com/ariser","contributions":3},{"login":"vitshev","avatarUrl":"https://avatars.githubusercontent.com/u/3217636?v=4","url":"https://github.com/vitshev","contributions":3},{"login":"deemsk","avatarUrl":"https://avatars.githubusercontent.com/u/1153930?v=4","url":"https://github.com/deemsk","contributions":3},{"login":"ldrv565","avatarUrl":"https://avatars.githubusercontent.com/u/40745264?v=4","url":"https://github.com/ldrv565","contributions":3},{"login":"lxndr","avatarUrl":"https://avatars.githubusercontent.com/u/579459?v=4","url":"https://github.com/lxndr","contributions":3},{"login":"yndx-birman","avatarUrl":"https://avatars.githubusercontent.com/u/62902338?v=4","url":"https://github.com/yndx-birman","contributions":2},{"login":"trabemz","avatarUrl":"https://avatars.githubusercontent.com/u/47355834?v=4","url":"https://github.com/trabemz","contributions":2},{"login":"ilya-878","avatarUrl":"https://avatars.githubusercontent.com/u/136704878?v=4","url":"https://github.com/ilya-878","contributions":2},{"login":"inigomontoya722","avatarUrl":"https://avatars.githubusercontent.com/u/95115837?v=4","url":"https://github.com/inigomontoya722","contributions":2},{"login":"Semro","avatarUrl":"https://avatars.githubusercontent.com/u/3332159?v=4","url":"https://github.com/Semro","contributions":2},{"login":"B0nBun","avatarUrl":"https://avatars.githubusercontent.com/u/75064972?v=4","url":"https://github.com/B0nBun","contributions":2},{"login":"DaniilDem","avatarUrl":"https://avatars.githubusercontent.com/u/9549041?v=4","url":"https://github.com/DaniilDem","contributions":2},{"login":"zlobnikov","avatarUrl":"https://avatars.githubusercontent.com/u/18357363?v=4","url":"https://github.com/zlobnikov","contributions":2},{"login":"rLukoyanov","avatarUrl":"https://avatars.githubusercontent.com/u/105169805?v=4","url":"https://github.com/rLukoyanov","contributions":2},{"login":"dihar","avatarUrl":"https://avatars.githubusercontent.com/u/12913462?v=4","url":"https://github.com/dihar","contributions":2},{"login":"anton-fomichev","avatarUrl":"https://avatars.githubusercontent.com/u/72696000?v=4","url":"https://github.com/anton-fomichev","contributions":2},{"login":"danigorokhov","avatarUrl":"https://avatars.githubusercontent.com/u/49070059?v=4","url":"https://github.com/danigorokhov","contributions":2},{"login":"zzzorgo","avatarUrl":"https://avatars.githubusercontent.com/u/17454987?v=4","url":"https://github.com/zzzorgo","contributions":2},{"login":"ananas7","avatarUrl":"https://avatars.githubusercontent.com/u/6717161?v=4","url":"https://github.com/ananas7","contributions":2},{"login":"joshuan","avatarUrl":"https://avatars.githubusercontent.com/u/2090702?v=4","url":"https://github.com/joshuan","contributions":2},{"login":"lu-perfect","avatarUrl":"https://avatars.githubusercontent.com/u/104302104?v=4","url":"https://github.com/lu-perfect","contributions":2},{"login":"vrozaev","avatarUrl":"https://avatars.githubusercontent.com/u/2428161?v=4","url":"https://github.com/vrozaev","contributions":2},{"login":"dsleepo","avatarUrl":"https://avatars.githubusercontent.com/u/827806?v=4","url":"https://github.com/dsleepo","contributions":2},{"login":"AlexeyW100","avatarUrl":"https://avatars.githubusercontent.com/u/45878152?v=4","url":"https://github.com/AlexeyW100","contributions":2},{"login":"main-kun","avatarUrl":"https://avatars.githubusercontent.com/u/13281662?v=4","url":"https://github.com/main-kun","contributions":2},{"login":"moki","avatarUrl":"https://avatars.githubusercontent.com/u/10233823?v=4","url":"https://github.com/moki","contributions":2},{"login":"martyanovandrey","avatarUrl":"https://avatars.githubusercontent.com/u/37772440?v=4","url":"https://github.com/martyanovandrey","contributions":2},{"login":"vladKrk","avatarUrl":"https://avatars.githubusercontent.com/u/20649765?v=4","url":"https://github.com/vladKrk","contributions":2},{"login":"diadorer","avatarUrl":"https://avatars.githubusercontent.com/u/33423367?v=4","url":"https://github.com/diadorer","contributions":2},{"login":"github-actions[bot]","avatarUrl":"https://avatars.githubusercontent.com/in/15368?v=4","url":"https://github.com/apps/github-actions","contributions":2},{"login":"TimKhakk","avatarUrl":"https://avatars.githubusercontent.com/u/75197368?v=4","url":"https://github.com/TimKhakk","contributions":2},{"login":"bityutskiyAO","avatarUrl":"https://avatars.githubusercontent.com/u/38612782?v=4","url":"https://github.com/bityutskiyAO","contributions":2},{"login":"hozblok","avatarUrl":"https://avatars.githubusercontent.com/u/17067394?v=4","url":"https://github.com/hozblok","contributions":2},{"login":"bt4R9","avatarUrl":"https://avatars.githubusercontent.com/u/1858946?v=4","url":"https://github.com/bt4R9","contributions":1},{"login":"alexey-milovidov","avatarUrl":"https://avatars.githubusercontent.com/u/18581488?v=4","url":"https://github.com/alexey-milovidov","contributions":1},{"login":"aulian0v","avatarUrl":"https://avatars.githubusercontent.com/u/143967289?v=4","url":"https://github.com/aulian0v","contributions":1},{"login":"neeeekto","avatarUrl":"https://avatars.githubusercontent.com/u/12767115?v=4","url":"https://github.com/neeeekto","contributions":1},{"login":"Vladimirluk88","avatarUrl":"https://avatars.githubusercontent.com/u/86942878?v=4","url":"https://github.com/Vladimirluk88","contributions":1},{"login":"Zveroboev","avatarUrl":"https://avatars.githubusercontent.com/u/27211707?v=4","url":"https://github.com/Zveroboev","contributions":1},{"login":"elemeNtk0","avatarUrl":"https://avatars.githubusercontent.com/u/9047433?v=4","url":"https://github.com/elemeNtk0","contributions":1},{"login":"damask","avatarUrl":"https://avatars.githubusercontent.com/u/1005974?v=4","url":"https://github.com/damask","contributions":1},{"login":"dustyo-O","avatarUrl":"https://avatars.githubusercontent.com/u/14638147?v=4","url":"https://github.com/dustyo-O","contributions":1},{"login":"icekimi23","avatarUrl":"https://avatars.githubusercontent.com/u/26017761?v=4","url":"https://github.com/icekimi23","contributions":1},{"login":"max-portador","avatarUrl":"https://avatars.githubusercontent.com/u/46213974?v=4","url":"https://github.com/max-portador","contributions":1},{"login":"tumenbaev","avatarUrl":"https://avatars.githubusercontent.com/u/11868819?v=4","url":"https://github.com/tumenbaev","contributions":1},{"login":"vertukv","avatarUrl":"https://avatars.githubusercontent.com/u/101094707?v=4","url":"https://github.com/vertukv","contributions":1},{"login":"Estasie","avatarUrl":"https://avatars.githubusercontent.com/u/55848388?v=4","url":"https://github.com/Estasie","contributions":1},{"login":"kapibaara","avatarUrl":"https://avatars.githubusercontent.com/u/41840872?v=4","url":"https://github.com/kapibaara","contributions":1},{"login":"Nil2000","avatarUrl":"https://avatars.githubusercontent.com/u/54113952?v=4","url":"https://github.com/Nil2000","contributions":1},{"login":"KhodeN","avatarUrl":"https://avatars.githubusercontent.com/u/614349?v=4","url":"https://github.com/KhodeN","contributions":1},{"login":"Ayub-Begimkulov","avatarUrl":"https://avatars.githubusercontent.com/u/46418811?v=4","url":"https://github.com/Ayub-Begimkulov","contributions":1},{"login":"saripovdenis","avatarUrl":"https://avatars.githubusercontent.com/u/74184888?v=4","url":"https://github.com/saripovdenis","contributions":1},{"login":"ilerik","avatarUrl":"https://avatars.githubusercontent.com/u/5747672?v=4","url":"https://github.com/ilerik","contributions":1},{"login":"calaquend1","avatarUrl":"https://avatars.githubusercontent.com/u/45256936?v=4","url":"https://github.com/calaquend1","contributions":1},{"login":"shevnv","avatarUrl":"https://avatars.githubusercontent.com/u/1035967?v=4","url":"https://github.com/shevnv","contributions":1},{"login":"pseudopirate","avatarUrl":"https://avatars.githubusercontent.com/u/16260137?v=4","url":"https://github.com/pseudopirate","contributions":1},{"login":"kvestus","avatarUrl":"https://avatars.githubusercontent.com/u/36218446?v=4","url":"https://github.com/kvestus","contributions":1},{"login":"SwinX","avatarUrl":"https://avatars.githubusercontent.com/u/854899?v=4","url":"https://github.com/SwinX","contributions":1},{"login":"HirenDhadhal","avatarUrl":"https://avatars.githubusercontent.com/u/64165691?v=4","url":"https://github.com/HirenDhadhal","contributions":1},{"login":"obenjiro","avatarUrl":"https://avatars.githubusercontent.com/u/1760346?v=4","url":"https://github.com/obenjiro","contributions":1},{"login":"Pistch","avatarUrl":"https://avatars.githubusercontent.com/u/22050667?v=4","url":"https://github.com/Pistch","contributions":1},{"login":"Volodomor","avatarUrl":"https://avatars.githubusercontent.com/u/29760501?v=4","url":"https://github.com/Volodomor","contributions":1},{"login":"panfil","avatarUrl":"https://avatars.githubusercontent.com/u/1158695?v=4","url":"https://github.com/panfil","contributions":1},{"login":"artemavrin","avatarUrl":"https://avatars.githubusercontent.com/u/10955496?v=4","url":"https://github.com/artemavrin","contributions":1},{"login":"rrewll","avatarUrl":"https://avatars.githubusercontent.com/u/28988763?v=4","url":"https://github.com/rrewll","contributions":1},{"login":"nikolaymatrosov","avatarUrl":"https://avatars.githubusercontent.com/u/1625055?v=4","url":"https://github.com/nikolaymatrosov","contributions":1},{"login":"SkiffCMC","avatarUrl":"https://avatars.githubusercontent.com/u/36820240?v=4","url":"https://github.com/SkiffCMC","contributions":1},{"login":"a1eksandrk","avatarUrl":"https://avatars.githubusercontent.com/u/60098929?v=4","url":"https://github.com/a1eksandrk","contributions":1},{"login":"SimbiozizV","avatarUrl":"https://avatars.githubusercontent.com/u/3991919?v=4","url":"https://github.com/SimbiozizV","contributions":1},{"login":"wd055","avatarUrl":"https://avatars.githubusercontent.com/u/35567000?v=4","url":"https://github.com/wd055","contributions":1},{"login":"bratva","avatarUrl":"https://avatars.githubusercontent.com/u/1937870?v=4","url":"https://github.com/bratva","contributions":1},{"login":"arudenkoofficial","avatarUrl":"https://avatars.githubusercontent.com/u/84877729?v=4","url":"https://github.com/arudenkoofficial","contributions":1},{"login":"Maxim725","avatarUrl":"https://avatars.githubusercontent.com/u/47459772?v=4","url":"https://github.com/Maxim725","contributions":1},{"login":"yatskovanatoly","avatarUrl":"https://avatars.githubusercontent.com/u/123395646?v=4","url":"https://github.com/yatskovanatoly","contributions":1},{"login":"nest-aka-swan","avatarUrl":"https://avatars.githubusercontent.com/u/9089190?v=4","url":"https://github.com/nest-aka-swan","contributions":1},{"login":"stankis","avatarUrl":"https://avatars.githubusercontent.com/u/151746694?v=4","url":"https://github.com/stankis","contributions":1}]'),d=JSON.parse('{"uikit":{"stars":526,"version":"6.21.0","lastUpdate":"16.07.2024","license":"MIT License","issues":98,"readme":"# UIKit &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/uikit)](https://www.npmjs.com/package/@gravity-ui/uikit) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/uikit/.github/workflows/ci.yml?branch=main&label=CI&logo=github)](https://github.com/gravity-ui/uikit/actions/workflows/ci.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/uikit/)\\n\\nA set of flexible, highly practical, and efficient React components for creating rich web applications.\\n\\n<!--GITHUB_BLOCK-->\\n\\n![Cover image](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/uikit_cover.png)\\n\\n## Resources\\n\\n### ![Globe Logo Light](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/globe_light.svg#gh-light-mode-only) ![Globe Logo Dark](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/globe_dark.svg#gh-dark-mode-only) [Website](https://gravity-ui.com)\\n\\n### ![Documentation Logo Light](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/book-open_light.svg#gh-light-mode-only) ![Documentation Logo Dark](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/book-open_dark.svg#gh-dark-mode-only) [Documentation](https://gravity-ui.com/components/uikit/alert)\\n\\n### ![Figma Logo Light](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/figma_light.svg#gh-light-mode-only) ![Figma Logo Dark](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/figma_dark.svg#gh-dark-mode-only) [Figma](<https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)>)\\n\\n### ![Storybook Logo Light](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/storybook_light.svg#gh-light-mode-only) ![Storybook Logo Dark](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/storybook_dark.svg#gh-dark-mode-only) [Storybook](https://preview.gravity-ui.com/uikit/)\\n\\n### ![Community Logo Light](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/telegram_light.svg#gh-light-mode-only) ![Community Logo Dark](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/telegram_dark.svg#gh-dark-mode-only) [Community](https://t.me/gravity_ui)\\n\\n<!--/GITHUB_BLOCK-->\\n\\n## Install\\n\\n```shell\\nnpm install --save-dev @gravity-ui/uikit\\n```\\n\\n## Usage\\n\\n```jsx\\nimport React from \'react\';\\nimport {Button} from \'@gravity-ui/uikit\';\\n\\nconst SubmitButton = <Button view=\\"action\\" size=\\"l\\" />;\\n```\\n\\n### Styles\\n\\nUIKit comes with base styling and theme. In order to everything look nice include this at the top of your entry file:\\n\\n```js\\n// index.js\\n\\nimport \'@gravity-ui/uikit/styles/fonts.css\';\\nimport \'@gravity-ui/uikit/styles/styles.css\';\\n\\n// ...\\n```\\n\\nUIKit supports different themes: light, dark and their contrast variants. Your app must be rendered inside `ThemeProvider`:\\n\\n```js\\nimport {createRoot} from \'react-dom/client\';\\nimport {ThemeProvider} from \'@gravity-ui/uikit\';\\n\\nconst root = createRoot(document.getElementById(\'root\'));\\nroot.render(\\n  <ThemeProvider theme=\\"light\\">\\n    <App />\\n  </ThemeProvider>,\\n);\\n```\\n\\nIt is possible to generate initial root CSS-classes during SSR to avoid theme flashing:\\n\\n```js\\nimport {getRootClassName} from \'@gravity-ui/uikit/server\';\\n\\nconst theme = \'dark\';\\nconst rootClassName = getRootClassName({theme});\\n\\nconst html = `\\n<html>\\n  <body>\\n    <div id=\\"root\\" class=\\"${rootClassName}\\"></div>\\n  </body>\\n</html>\\n`;\\n```\\n\\nAlso, there is a SCSS [mixins](styles/mixins.scss) file with useful helpers to use in your app.\\n\\n### I18N\\n\\nSome components contain text tokens (words and phrases). They come in two languages: `en` (default) and `ru`.\\nTo set the language use `configure` function:\\n\\n```js\\n// index.js\\n\\nimport {configure} from \'@gravity-ui/uikit\';\\n\\nconfigure({\\n  lang: \'ru\',\\n});\\n```\\n\\n## Development\\n\\nTo start the development server with storybook run the following:\\n\\n```shell\\nnpm start\\n```\\n","changelog":"# Changelog\\n\\n## [6.21.0](https://github.com/gravity-ui/uikit/compare/v6.20.1...v6.21.0) (2024-07-16)\\n\\n\\n### Features\\n\\n* **PinInput:** form support ([#1686](https://github.com/gravity-ui/uikit/issues/1686)) ([b82262e](https://github.com/gravity-ui/uikit/commit/b82262e6ac3ac656f0d87a6275a081f9990aeb6a))\\n* **Select:** new label and value resize behaviour ([#1694](https://github.com/gravity-ui/uikit/issues/1694)) ([891fa88](https://github.com/gravity-ui/uikit/commit/891fa886ce5b2d9c8753abbfe49f833ff35619a6))\\n* **TreeList:** add ListTreeItemType interface export and id argument to renderItem prop ([#1707](https://github.com/gravity-ui/uikit/issues/1707)) ([de544b8](https://github.com/gravity-ui/uikit/commit/de544b871f722fe63f677e17f4272767bebf973e))\\n* **TreeSelect:** add placeholder prop ([#1705](https://github.com/gravity-ui/uikit/issues/1705)) ([88696a3](https://github.com/gravity-ui/uikit/commit/88696a3f529c44dc9bd17024c926a77fea67acaa))\\n* **useControlledState:** support update callback with additional params ([#1688](https://github.com/gravity-ui/uikit/issues/1688)) ([8bff882](https://github.com/gravity-ui/uikit/commit/8bff8821b4e8bb20e1bedb01c07a3ba8f22dfe16))\\n* **useResizeObserver:** support box option ([#1687](https://github.com/gravity-ui/uikit/issues/1687)) ([a178dff](https://github.com/gravity-ui/uikit/commit/a178dffefb2d1cfa481417a2dea6297034ae22a0))\\n\\n\\n### Bug Fixes\\n\\n* **Avatar:** update text font weight ([#1684](https://github.com/gravity-ui/uikit/issues/1684)) ([0ae513a](https://github.com/gravity-ui/uikit/commit/0ae513a2e2a595f2cc7f5d0b2fe532a6f7f46b03))\\n* **ListItemView:** div -&gt; li default list item html tag ([#1698](https://github.com/gravity-ui/uikit/issues/1698)) ([07a16c9](https://github.com/gravity-ui/uikit/commit/07a16c959198bedfa45dbb14b5ad804bd11a6d82))\\n* **Sheet:** fix incorrect content height calculation ([#1700](https://github.com/gravity-ui/uikit/issues/1700)) ([7e4dd23](https://github.com/gravity-ui/uikit/commit/7e4dd2374cb83f72168e0b2fc416fa76dd6fbe6e))\\n* **TextArea:** fix content width & height styles ([#1690](https://github.com/gravity-ui/uikit/issues/1690)) ([94979cf](https://github.com/gravity-ui/uikit/commit/94979cf8c43194dd347481929dc1e217ac2bd84b))\\n* **TreeSelect:** add disabled prop ([#1697](https://github.com/gravity-ui/uikit/issues/1697)) ([f9650da](https://github.com/gravity-ui/uikit/commit/f9650dab0b999e5efa03e2e8f513e62074083f67))\\n* **TreeSelect:** fix page gap on component focus in some cases ([#1708](https://github.com/gravity-ui/uikit/issues/1708)) ([cd4eb93](https://github.com/gravity-ui/uikit/commit/cd4eb93375ad7a6cfc6e4c87a92e3a20679b3047))\\n* **useList:** fix disabled elements activate logic ([#1706](https://github.com/gravity-ui/uikit/issues/1706)) ([f12d49f](https://github.com/gravity-ui/uikit/commit/f12d49f125c189ff6ceaba86b5000920a811586d))\\n\\n## [6.20.1](https://github.com/gravity-ui/uikit/compare/v6.20.0...v6.20.1) (2024-07-01)\\n\\n\\n### Bug Fixes\\n\\n* **Dialog:** move QA props to DialogOwnProps ([#1691](https://github.com/gravity-ui/uikit/issues/1691)) ([fc33ba7](https://github.com/gravity-ui/uikit/commit/fc33ba716559db6bfe532b64684f439e930daa89))\\n* **Text:** style property  ([#1681](https://github.com/gravity-ui/uikit/issues/1681)) ([89048e4](https://github.com/gravity-ui/uikit/commit/89048e45e6f2d3512c5a70ed75ece530885e72da))\\n\\n## [6.20.0](https://github.com/gravity-ui/uikit/compare/v6.19.0...v6.20.0) (2024-06-26)\\n\\n\\n### Features\\n\\n* **List:** add event in item click handler arguments ([#1675](https://github.com/gravity-ui/uikit/issues/1675)) ([b2a19a6](https://github.com/gravity-ui/uikit/commit/b2a19a65d4867173ac4becc31edb4e2d4d4225e7))\\n* **Overlay:** implement component ([#1474](https://github.com/gravity-ui/uikit/issues/1474)) ([ef47354](https://github.com/gravity-ui/uikit/commit/ef4735495f14c86e5f6172d4fc4ba80b603b8de6))\\n* **PinInput:** `responsive` prop and CSS API ([#1679](https://github.com/gravity-ui/uikit/issues/1679)) ([24484d2](https://github.com/gravity-ui/uikit/commit/24484d2c968c408fc65ff1489eed6ab8b7569293))\\n* **PinInput:** implement component API ([#1674](https://github.com/gravity-ui/uikit/issues/1674)) ([72cf90f](https://github.com/gravity-ui/uikit/commit/72cf90f3178297ba6a30cc9f785f7c286b2d49f3))\\n* **useList:** redesigned api ([#1661](https://github.com/gravity-ui/uikit/issues/1661)) ([ea320f7](https://github.com/gravity-ui/uikit/commit/ea320f7c17ca240cfb1f96297a634d465924b240))\\n* **UserLabel:** add `size` property ([#1658](https://github.com/gravity-ui/uikit/issues/1658)) ([39cd8ad](https://github.com/gravity-ui/uikit/commit/39cd8ada02a66e43ff4c9a1afa6d4b384c8000b6))\\n\\n## [6.19.0](https://github.com/gravity-ui/uikit/compare/v6.18.0...v6.19.0) (2024-06-20)\\n\\n\\n### Features\\n\\n* **link_underline:** add link underline ([#1648](https://github.com/gravity-ui/uikit/issues/1648)) ([496ca55](https://github.com/gravity-ui/uikit/commit/496ca55d10d9c37202fa87f7c1d9210ff45c5f81))\\n* **Select:** add filter prop ([#1669](https://github.com/gravity-ui/uikit/issues/1669)) ([98750c6](https://github.com/gravity-ui/uikit/commit/98750c64674abdea031da2fb08761e38bb640505))\\n* support form reset for inputs ([#1660](https://github.com/gravity-ui/uikit/issues/1660)) ([38fe431](https://github.com/gravity-ui/uikit/commit/38fe43155e7f55d9190ac2bcd405612dec598d5e))\\n\\n\\n### Bug Fixes\\n\\n* **Dialog:** render error popup inside the dialog ([#1657](https://github.com/gravity-ui/uikit/issues/1657)) ([edf6473](https://github.com/gravity-ui/uikit/commit/edf647324b84ed75757f14b997976838ad9529a0))\\n* **select:** connect combobox to listbox ([#1665](https://github.com/gravity-ui/uikit/issues/1665)) ([c61fe11](https://github.com/gravity-ui/uikit/commit/c61fe114c404f1a55db0b8eba02b0a2c48b5e0cb))\\n* **Select:** fix double scroll in sheet on mobile ([#1672](https://github.com/gravity-ui/uikit/issues/1672)) ([164a1f2](https://github.com/gravity-ui/uikit/commit/164a1f2a0935b771102eaa425435bf3b3d2fd456))\\n* **Select:** id property ([#1604](https://github.com/gravity-ui/uikit/issues/1604)) ([db15851](https://github.com/gravity-ui/uikit/commit/db1585165abf8a8992b10315b538c8f8be87cb25))\\n* **Sheet:** fix resizing depending on the size of the window ([#1671](https://github.com/gravity-ui/uikit/issues/1671)) ([9352c99](https://github.com/gravity-ui/uikit/commit/9352c997d5ce3f0e7087f80bbf41e58a95cb5aab))\\n* **Sheet:** start touch event detection ([#1668](https://github.com/gravity-ui/uikit/issues/1668)) ([b655fec](https://github.com/gravity-ui/uikit/commit/b655fec69628bf53e01dfec63cb8463131e746e8))\\n\\n## [6.18.0](https://github.com/gravity-ui/uikit/compare/v6.17.0...v6.18.0) (2024-06-14)\\n\\n\\n### Features\\n\\n* **Breadcrumbs:** new component ([#1497](https://github.com/gravity-ui/uikit/issues/1497)) ([5cdc675](https://github.com/gravity-ui/uikit/commit/5cdc6753d4461b8e531870bcd9f4724dc6782d80))\\n* **Select:** support form ([#1644](https://github.com/gravity-ui/uikit/issues/1644)) ([1ad73b6](https://github.com/gravity-ui/uikit/commit/1ad73b69679a55001d50e97db1d40484d3e04c8c))\\n* support RSC ([#1582](https://github.com/gravity-ui/uikit/issues/1582)) ([770d787](https://github.com/gravity-ui/uikit/commit/770d787ef5952de5ccc45595065fa50b1f1d48f9))\\n* **Table:** add filter to colum settings ([#1627](https://github.com/gravity-ui/uikit/issues/1627)) ([6eca546](https://github.com/gravity-ui/uikit/commit/6eca54635f8fbbcf6960ff6bb96563273b458700))\\n\\n\\n### Bug Fixes\\n\\n* **Button:** remove useless pointer-events style for icon content ([#1641](https://github.com/gravity-ui/uikit/issues/1641)) ([47b9850](https://github.com/gravity-ui/uikit/commit/47b985030df97f46fc16d283e75a4f8b395ff4db))\\n* **PinInput:** add use client ([#1646](https://github.com/gravity-ui/uikit/issues/1646)) ([d0bdede](https://github.com/gravity-ui/uikit/commit/d0bdede7c79e5102db41b73b0350056c49c67ace))\\n\\n## [6.17.0](https://github.com/gravity-ui/uikit/compare/v6.16.0...v6.17.0) (2024-06-11)\\n\\n\\n### Features\\n\\n* add PinInput component ([#1557](https://github.com/gravity-ui/uikit/issues/1557)) ([7d26272](https://github.com/gravity-ui/uikit/commit/7d26272ed67e7f94f002f501a9ff703f4210a925))\\n\\n\\n### Bug Fixes\\n\\n* **Button:** normal-contrast loading view ([#1630](https://github.com/gravity-ui/uikit/issues/1630)) ([bfa2dbf](https://github.com/gravity-ui/uikit/commit/bfa2dbfa85c2c01e0fcd8c5f07d6e93fa31660ff))\\n* **Slider:** export function for preparing initial value ([#1637](https://github.com/gravity-ui/uikit/issues/1637)) ([434949e](https://github.com/gravity-ui/uikit/commit/434949e4f608cde2330cca02cbd0ab99244fd0fb))\\n* **Text:** return missing props to TextProps type ([#1631](https://github.com/gravity-ui/uikit/issues/1631)) ([6a70f17](https://github.com/gravity-ui/uikit/commit/6a70f17c04f4af52e49ea5bcbe9c1f886d9c3969))\\n* **theme:** bring back root classname helper and fix docs ([#1633](https://github.com/gravity-ui/uikit/issues/1633)) ([ba08c66](https://github.com/gravity-ui/uikit/commit/ba08c66d83dac2d8ff9d44c27f2739f192d68e92))\\n* **Toc:** unify item line height ([#1635](https://github.com/gravity-ui/uikit/issues/1635)) ([4612a77](https://github.com/gravity-ui/uikit/commit/4612a7713ee04590a8e4073d831a42ba2e03d9fe))\\n* **useList:** add qa property to container ([#1625](https://github.com/gravity-ui/uikit/issues/1625)) ([05c1fc2](https://github.com/gravity-ui/uikit/commit/05c1fc2df61226cc070c007388c1aeb5e5744799))\\n\\n## [6.16.0](https://github.com/gravity-ui/uikit/compare/v6.15.0...v6.16.0) (2024-05-24)\\n\\n\\n### Features\\n\\n* **Text, Flex, Box:** typed html attributes ([#1583](https://github.com/gravity-ui/uikit/issues/1583)) ([3345489](https://github.com/gravity-ui/uikit/commit/33454890d7c2bcc422aa77dba7072193c61ba8b7))\\n\\n\\n### Bug Fixes\\n\\n* **Button:** do not shrink button when there is only one icon ([#1577](https://github.com/gravity-ui/uikit/issues/1577)) ([98fd95f](https://github.com/gravity-ui/uikit/commit/98fd95f8f1ef9c7148883f978bcae7ec41398f14))\\n* **Flex,ListItemView:** return ref drilling by React.forwardRef ([#1612](https://github.com/gravity-ui/uikit/issues/1612)) ([9b8f4f8](https://github.com/gravity-ui/uikit/commit/9b8f4f897bfe1919f165029ea7865654f808367f))\\n* **Link:** change href property type description ([#1574](https://github.com/gravity-ui/uikit/issues/1574)) ([#1593](https://github.com/gravity-ui/uikit/issues/1593)) ([0aec983](https://github.com/gravity-ui/uikit/commit/0aec98306d8534e7e48c1bf050b17dfa7e0ac500))\\n* **Text:** fix custom html tag inheritance ([#1584](https://github.com/gravity-ui/uikit/issues/1584)) ([fcd2ff3](https://github.com/gravity-ui/uikit/commit/fcd2ff33a7875c84a76fdab757a474d42f900b3e))\\n* **Tooltip:** use more reasonable animation delay ([#1586](https://github.com/gravity-ui/uikit/issues/1586)) ([fe14706](https://github.com/gravity-ui/uikit/commit/fe147066d128749650ca71ad6ccee3d831cc6ad6))\\n\\n## [6.15.0](https://github.com/gravity-ui/uikit/compare/v6.14.1...v6.15.0) (2024-05-08)\\n\\n\\n### Features\\n\\n* add new css variable `--g-color-base-float-medium` ([#1572](https://github.com/gravity-ui/uikit/issues/1572)) ([aeda6fe](https://github.com/gravity-ui/uikit/commit/aeda6fee49a184ba84fa77bbe65c1827f76c353d))\\n\\n\\n### Bug Fixes\\n\\n* **Select:** fix focus state on control click in Safari ([#1132](https://github.com/gravity-ui/uikit/issues/1132)) ([80730cc](https://github.com/gravity-ui/uikit/commit/80730cc0dff90f86976b10198878a1ca369e239f))\\n* **Sheet:** resize sheet if image in content is loaded ([#1566](https://github.com/gravity-ui/uikit/issues/1566)) ([8b56abd](https://github.com/gravity-ui/uikit/commit/8b56abdc46f66a6eb1eb0e0fcde765857a170a83))\\n\\n## [6.14.1](https://github.com/gravity-ui/uikit/compare/v6.14.0...v6.14.1) (2024-05-02)\\n\\n\\n### Bug Fixes\\n\\n* **TextInput:** fix `handleAdditionalContentClick` handler ([#1558](https://github.com/gravity-ui/uikit/issues/1558)) ([911624f](https://github.com/gravity-ui/uikit/commit/911624f7c9a411ae57d417f5e81f13a4a671a4a0))\\n* **utils:** correctly check type of element ([#1560](https://github.com/gravity-ui/uikit/issues/1560)) ([c854f4f](https://github.com/gravity-ui/uikit/commit/c854f4f42ed0294907114e07cf0d6c07f149c975))\\n\\n## [6.14.0](https://github.com/gravity-ui/uikit/compare/v6.13.0...v6.14.0) (2024-04-27)\\n\\n\\n### Features\\n\\n* **Portal:** take in consideration parent theme ([#1506](https://github.com/gravity-ui/uikit/issues/1506)) ([8c7ca2d](https://github.com/gravity-ui/uikit/commit/8c7ca2dca5a4a52cf9714b25aa8c8d85d4394f39))\\n* **Sheet:** add aria attributes ([#1555](https://github.com/gravity-ui/uikit/issues/1555)) ([b71ea01](https://github.com/gravity-ui/uikit/commit/b71ea0111c56f577fc88aa64bc292c95d0be67c7))\\n* **Table:** close table actions popup after click ([#1546](https://github.com/gravity-ui/uikit/issues/1546)) ([0ab21bb](https://github.com/gravity-ui/uikit/commit/0ab21bbc204f5e26dccfaea865331d3f984af8ed))\\n* **withTableSettings:** add a reset action ([#1526](https://github.com/gravity-ui/uikit/issues/1526)) ([9e93c91](https://github.com/gravity-ui/uikit/commit/9e93c917e3aa13b262dc3c33b960fa39e84902b7))\\n\\n\\n### Bug Fixes\\n\\n* **Alert:** fix close button width ([#1542](https://github.com/gravity-ui/uikit/issues/1542)) ([f916681](https://github.com/gravity-ui/uikit/commit/f91668105abdb06a59891872b3202f5d0152bb9e))\\n* **layout:** update layout docs ([#1550](https://github.com/gravity-ui/uikit/issues/1550)) ([575477a](https://github.com/gravity-ui/uikit/commit/575477a1901d3dbd4c84d8320bad5a0201b6c589))\\n* **Select:** add onLoadMore to useCallback deps in SelectList ([#1041](https://github.com/gravity-ui/uikit/issues/1041)) ([c34590e](https://github.com/gravity-ui/uikit/commit/c34590e40fa49333f990271ec70dbbd290c51b86))\\n* **Select:** fix examples in docs and storybook ([#1553](https://github.com/gravity-ui/uikit/issues/1553)) ([3a46421](https://github.com/gravity-ui/uikit/commit/3a464218a54f524f490f91cbe5a1c3d6132b44e6))\\n* **Select:** show invalid state without passing error message ([#1554](https://github.com/gravity-ui/uikit/issues/1554)) ([882c9a9](https://github.com/gravity-ui/uikit/commit/882c9a9dbdae0d9bb0002b0a8a15515de42c48dc))\\n* **TreeList:** added missed initial state for elements ([#1524](https://github.com/gravity-ui/uikit/issues/1524)) ([5d3b154](https://github.com/gravity-ui/uikit/commit/5d3b1544a8dea0b8464a0e0d5148509f43e7a415))\\n* **useList:** remove debug dev only information ([#1552](https://github.com/gravity-ui/uikit/issues/1552)) ([02bf33c](https://github.com/gravity-ui/uikit/commit/02bf33c1cb277e29866c86c4e7264b618feebfe1))\\n\\n## [6.13.0](https://github.com/gravity-ui/uikit/compare/v6.12.0...v6.13.0) (2024-04-22)\\n\\n\\n### Features\\n\\n* **layout:** unification of Theme and Layout Providers ([#1518](https://github.com/gravity-ui/uikit/issues/1518)) ([d89610a](https://github.com/gravity-ui/uikit/commit/d89610a8c7bc952ecf0db4c2548c8c5dde9bc710))\\n\\n\\n### Bug Fixes\\n\\n* **Card:** reset box shadow styles for the root ([#1537](https://github.com/gravity-ui/uikit/issues/1537)) ([39b7fe8](https://github.com/gravity-ui/uikit/commit/39b7fe801593151094759503e4f8c706cece38c8))\\n* **ListItemView:** fix bg color ([#1488](https://github.com/gravity-ui/uikit/issues/1488)) ([2ae45ef](https://github.com/gravity-ui/uikit/commit/2ae45ef9a997f8d0cdd8687116044239e1ba710c))\\n* **ListItemView:** removed max identation ([#1535](https://github.com/gravity-ui/uikit/issues/1535)) ([d7d45db](https://github.com/gravity-ui/uikit/commit/d7d45db53338b5e623bb81b59e7b66a588c18e28))\\n* **ThemeProvider:** changed theme to config prop name ([#1528](https://github.com/gravity-ui/uikit/issues/1528)) ([62431ca](https://github.com/gravity-ui/uikit/commit/62431ca72c220f9a434d065c87b33cf060cd7f7a))\\n\\n## [6.12.0](https://github.com/gravity-ui/uikit/compare/v6.11.0...v6.12.0) (2024-04-18)\\n\\n\\n### Features\\n\\n* **useList:** added ability to define initial value to useListState ([#1483](https://github.com/gravity-ui/uikit/issues/1483)) ([7f66d28](https://github.com/gravity-ui/uikit/commit/7f66d28d9e3b43ebe388b90b6bc8e2799962d0c0))\\n\\n\\n### Bug Fixes\\n\\n* do not call warnOnce function in production ([#1520](https://github.com/gravity-ui/uikit/issues/1520)) ([9ab7d7c](https://github.com/gravity-ui/uikit/commit/9ab7d7c86a06a6f94126a87acfb23033709ec8a1))\\n\\n## [6.11.0](https://github.com/gravity-ui/uikit/compare/v6.10.2...v6.11.0) (2024-04-17)\\n\\n\\n### Features\\n\\n* **Button:** refactor to flex and center icons ([#1452](https://github.com/gravity-ui/uikit/issues/1452)) ([31c22e8](https://github.com/gravity-ui/uikit/commit/31c22e8418f67cb2df3354350f19e44471918aa4))\\n\\n\\n### Bug Fixes\\n\\n* add load more functionallity to virtualized list ([#1490](https://github.com/gravity-ui/uikit/issues/1490)) ([#1513](https://github.com/gravity-ui/uikit/issues/1513)) ([8de1653](https://github.com/gravity-ui/uikit/commit/8de16536b7541835d58cc651a3ab4248f0e1ebf0))\\n* **Breadcrumbs:** unset more item alignment ([#1505](https://github.com/gravity-ui/uikit/issues/1505)) ([7d9797a](https://github.com/gravity-ui/uikit/commit/7d9797ad0b1389b2e732ebeafcae312f750ae9d8))\\n* **Dialog:** correct width\'s vars order ([#1510](https://github.com/gravity-ui/uikit/issues/1510)) ([f54da2d](https://github.com/gravity-ui/uikit/commit/f54da2de711e738a2089f26833be4dc2fa01ec6b))\\n* **Label:** isolate inner z-indexes ([#1519](https://github.com/gravity-ui/uikit/issues/1519)) ([200c052](https://github.com/gravity-ui/uikit/commit/200c0522dfeedd637f0656fa27c23a2cb9f844bf))\\n* **layout:** ability to override breakpoint during theme ([#1512](https://github.com/gravity-ui/uikit/issues/1512)) ([bad4fa9](https://github.com/gravity-ui/uikit/commit/bad4fa9e8336cd4b06a9875aef948fc8caaaf293))\\n* **ListItemView:** fix indentation in depth more than 10 ([#1517](https://github.com/gravity-ui/uikit/issues/1517)) ([2cde017](https://github.com/gravity-ui/uikit/commit/2cde017be22a58b331a4aecff40ca3e83cb23e26))\\n* **ListItemView:** some changes after feedback ([#1516](https://github.com/gravity-ui/uikit/issues/1516)) ([b274498](https://github.com/gravity-ui/uikit/commit/b2744989b4398ae7755e8ea9ae6fed0516bf8618))\\n* prevent deselection of required table column items ([#1508](https://github.com/gravity-ui/uikit/issues/1508)) ([a69050c](https://github.com/gravity-ui/uikit/commit/a69050cd7213dacce7868a0259359d59e52a1743))\\n* return `--g-color-private-white-20-solid` css variable ([#1511](https://github.com/gravity-ui/uikit/issues/1511)) ([4a366be](https://github.com/gravity-ui/uikit/commit/4a366be252609c1369262a2e76101e82b6d87a67))\\n* **theme:** add option for controlling :root color-scheme ([#1468](https://github.com/gravity-ui/uikit/issues/1468)) ([f6237e1](https://github.com/gravity-ui/uikit/commit/f6237e1356248668693f1cc34c7515a8e6a52e41))\\n\\n## [6.10.2](https://github.com/gravity-ui/uikit/compare/v6.10.1...v6.10.2) (2024-04-10)\\n\\n\\n### Bug Fixes\\n\\n* **TableColumnSetup:** switcher wrapper styles ([#1500](https://github.com/gravity-ui/uikit/issues/1500)) ([d871319](https://github.com/gravity-ui/uikit/commit/d871319789d52cb4075025748ee9ad980d617659))\\n\\n## [6.10.1](https://github.com/gravity-ui/uikit/compare/v6.10.0...v6.10.1) (2024-04-10)\\n\\n\\n### Bug Fixes\\n\\n* **TableColumnSetup:** uniq i18n keysets, styles ([#1498](https://github.com/gravity-ui/uikit/issues/1498)) ([271ae3f](https://github.com/gravity-ui/uikit/commit/271ae3f6b138e9a3e23fb29e8e652c5cece246e9))\\n\\n## [6.10.0](https://github.com/gravity-ui/uikit/compare/v6.9.0...v6.10.0) (2024-04-09)\\n\\n\\n### Features\\n\\n* **Select:** add selected elements counter on multiple selection ([#1368](https://github.com/gravity-ui/uikit/issues/1368)) ([9f6aa9c](https://github.com/gravity-ui/uikit/commit/9f6aa9cadd3821f3aa8501f705a5980171d1d98c))\\n* **Text:** add variant inherit ([#1492](https://github.com/gravity-ui/uikit/issues/1492)) ([7157c70](https://github.com/gravity-ui/uikit/commit/7157c70a9817470db6a8643a6c9c7f713361b8f5))\\n* userLabel  text depends on vars ([#1493](https://github.com/gravity-ui/uikit/issues/1493)) ([d826ca7](https://github.com/gravity-ui/uikit/commit/d826ca7f2db7166cc39542ae4e67c4f8630f3b7b))\\n\\n\\n### Bug Fixes\\n\\n* **Dialog:** fix header paddings without close button ([#1495](https://github.com/gravity-ui/uikit/issues/1495)) ([820dd60](https://github.com/gravity-ui/uikit/commit/820dd605b71df426c2df178dc247caad3a9dbdd6))\\n* **Label:** correctly work with keyboard ([#1485](https://github.com/gravity-ui/uikit/issues/1485)) ([1e5380f](https://github.com/gravity-ui/uikit/commit/1e5380f4300f2c872fa6c55b6bdd3d8435d38499))\\n* **Label:** do not inherit parent\'s font weight ([#1496](https://github.com/gravity-ui/uikit/issues/1496)) ([8a8c2e5](https://github.com/gravity-ui/uikit/commit/8a8c2e51e74ec4e6555953033f27d078a711d1b0))\\n* **List:** fix `Home` & `End` keys handle ([#1491](https://github.com/gravity-ui/uikit/issues/1491)) ([77156ff](https://github.com/gravity-ui/uikit/commit/77156ffacb5860551cc255c5f10b4c3bd69a11a0))\\n* **List:** fix `SimpleContainer` dimensions handle ([#1479](https://github.com/gravity-ui/uikit/issues/1479)) ([68243be](https://github.com/gravity-ui/uikit/commit/68243be3827b9e6aa9ebed7d45b49609d7f7500f))\\n* **Popover:** remove flex gap workaround ([#1489](https://github.com/gravity-ui/uikit/issues/1489)) ([ad997e5](https://github.com/gravity-ui/uikit/commit/ad997e5cc2ac861f50d527b00d9742e4642cda65))\\n* **withTableSettings:** isSelected -&gt; selected, isRequired -> required ([#1478](https://github.com/gravity-ui/uikit/issues/1478)) ([cf1dfb0](https://github.com/gravity-ui/uikit/commit/cf1dfb08ae2a23106eac3f18169b2f47bd690b8d))\\n* **withTableSettings:** renderClone for dnd ([#1463](https://github.com/gravity-ui/uikit/issues/1463)) ([76409f4](https://github.com/gravity-ui/uikit/commit/76409f4c382bf9a73a9619cde84f11d77e78f3d7))\\n\\n## [6.9.0](https://github.com/gravity-ui/uikit/compare/v6.8.0...v6.9.0) (2024-04-03)\\n\\n\\n### Features\\n\\n* **DropdownMenu:** add class name for submenu parents ([#1465](https://github.com/gravity-ui/uikit/issues/1465)) ([a314081](https://github.com/gravity-ui/uikit/commit/a3140811d9c80fb1e61e315c838f4209d7a23459))\\n* **useList:** update codeowners ([#1473](https://github.com/gravity-ui/uikit/issues/1473)) ([d8b71e9](https://github.com/gravity-ui/uikit/commit/d8b71e937d113d6a291849e9515b922083702f18))\\n\\n\\n### Bug Fixes\\n\\n* **Breadcrumbs:** fix recalculate method ([#1475](https://github.com/gravity-ui/uikit/issues/1475)) ([2f8acf7](https://github.com/gravity-ui/uikit/commit/2f8acf7f8278d704a6cbb5351ef73dd4774c1d5d))\\n* **List:** fix `onSortEnd` method ([#1476](https://github.com/gravity-ui/uikit/issues/1476)) ([1567248](https://github.com/gravity-ui/uikit/commit/156724825d12c4e3c185fa766c74c212838ead8c))\\n* **TextInput:** fix control line height ([#1477](https://github.com/gravity-ui/uikit/issues/1477)) ([e5438ed](https://github.com/gravity-ui/uikit/commit/e5438ed8fb9b8ae9e9497b8448a67512e9e0983c))\\n* **TreeList:** add getId prop drilling to list container ([#1469](https://github.com/gravity-ui/uikit/issues/1469)) ([484cac7](https://github.com/gravity-ui/uikit/commit/484cac79bfa6f408d833cfdd33c20dac33bf66ac))\\n* **TreeList:** fixes + documentation ([#1447](https://github.com/gravity-ui/uikit/issues/1447)) ([46b2850](https://github.com/gravity-ui/uikit/commit/46b2850731b1699c517c2787a6b370a219323e52))\\n* **useList:** add export of computeItemSize to useList ([#1472](https://github.com/gravity-ui/uikit/issues/1472)) ([c6c8ed4](https://github.com/gravity-ui/uikit/commit/c6c8ed428053e7f18634d827990ef97dabf5700f))\\n* **useList:** added dragging property to ListItemView docs ([#1470](https://github.com/gravity-ui/uikit/issues/1470)) ([750e5ba](https://github.com/gravity-ui/uikit/commit/750e5ba829fbfea798412f3192406b400007bdfc))\\n* **useList:** added missing imports to docs ([#1466](https://github.com/gravity-ui/uikit/issues/1466)) ([4940a9a](https://github.com/gravity-ui/uikit/commit/4940a9adc0fb036aa2b39b0c67283ac75443be53))\\n\\n## [6.8.0](https://github.com/gravity-ui/uikit/compare/v6.7.0...v6.8.0) (2024-03-29)\\n\\n\\n### Features\\n\\n* **TreeSelect:** rework popup border radius ([#1456](https://github.com/gravity-ui/uikit/issues/1456)) ([0cf2f95](https://github.com/gravity-ui/uikit/commit/0cf2f95907ba1a6164086578d239f905bd15a445))\\n\\n\\n### Bug Fixes\\n\\n* **Divider:** add export of Divider to Components/index ([#1461](https://github.com/gravity-ui/uikit/issues/1461)) ([bdab522](https://github.com/gravity-ui/uikit/commit/bdab522a06429d935cc3a4fb5a9b785c3eb8330d))\\n* **TextInput:** turn off event onBlur on input when use clear button ([#1458](https://github.com/gravity-ui/uikit/issues/1458)) ([3274c04](https://github.com/gravity-ui/uikit/commit/3274c042f27af6ee39ef77b14ac45289a0b2f1a2))\\n\\n## [6.7.0](https://github.com/gravity-ui/uikit/compare/v6.6.0...v6.7.0) (2024-03-28)\\n\\n\\n### Features\\n\\n* **Divider:** add the Divider component ([#1322](https://github.com/gravity-ui/uikit/issues/1322)) ([9a19806](https://github.com/gravity-ui/uikit/commit/9a198065d40466f43eedb4f479140f43e231ee8f))\\n\\n\\n### Bug Fixes\\n\\n* **Tooltip:** fix appearing & disappearing ([#1460](https://github.com/gravity-ui/uikit/issues/1460)) ([b0b3ec8](https://github.com/gravity-ui/uikit/commit/b0b3ec8bc18713dd782f477429182ed65c527a04))\\n\\n## [6.6.0](https://github.com/gravity-ui/uikit/compare/v6.5.0...v6.6.0) (2024-03-26)\\n\\n\\n### Features\\n\\n* improve focus outline styles for text/select inputs ([#1318](https://github.com/gravity-ui/uikit/issues/1318)) ([ce75de8](https://github.com/gravity-ui/uikit/commit/ce75de8899488f0e98a4c0d4e10a593d44b6fe61))\\n\\n\\n### Bug Fixes\\n\\n* **Breadcrumbs:** fix gravity-ui doc generation ([#1446](https://github.com/gravity-ui/uikit/issues/1446)) ([ce4bca5](https://github.com/gravity-ui/uikit/commit/ce4bca5ec548ad09df9c992a4cca6885a6d4e485))\\n* **DropdownMenu:** fix hiding group subitems ([#1444](https://github.com/gravity-ui/uikit/issues/1444)) ([4cf7d39](https://github.com/gravity-ui/uikit/commit/4cf7d39e0334087fc54d7c509312121aabd9ed2c))\\n* **TreeList:** refactor item styles ([#1439](https://github.com/gravity-ui/uikit/issues/1439)) ([fdbb052](https://github.com/gravity-ui/uikit/commit/fdbb0525bf9991baa68ff0d3786050cac480f78f))\\n\\n## [6.5.0](https://github.com/gravity-ui/uikit/compare/v6.4.0...v6.5.0) (2024-03-21)\\n\\n\\n### Features\\n\\n* **Breadcrumbs:** export `LinkBreadcrumbsItem` & `ButtonBreadcrumbsItem` types ([#1435](https://github.com/gravity-ui/uikit/issues/1435)) ([e5fde1b](https://github.com/gravity-ui/uikit/commit/e5fde1bb07c440e155dd51af3b2853dfab8c5b78))\\n* **Pagination:** add qa attributes ([#1438](https://github.com/gravity-ui/uikit/issues/1438)) ([785079a](https://github.com/gravity-ui/uikit/commit/785079a91d5a6fe0b1bfd2fe76e5cfbf321f9502))\\n\\n\\n### Bug Fixes\\n\\n* **Breadcrumbs:** renamed `LinkBreadcrumbsItem` and `ButtonBreadcrumbsItem` types ([#1437](https://github.com/gravity-ui/uikit/issues/1437)) ([db09f93](https://github.com/gravity-ui/uikit/commit/db09f93624b3cdeaaa72498a7dea73c5b5416844))\\n* **UserLabel:** replace text to children in README ([#1432](https://github.com/gravity-ui/uikit/issues/1432)) ([b8c79e1](https://github.com/gravity-ui/uikit/commit/b8c79e1b444e46f240425bf9942642fdab02259f))\\n\\n## [6.4.0](https://github.com/gravity-ui/uikit/compare/v6.3.0...v6.4.0) (2024-03-20)\\n\\n\\n### Features\\n\\n* **TreeList:** new useList family component ([#1417](https://github.com/gravity-ui/uikit/issues/1417)) ([5e7d8b9](https://github.com/gravity-ui/uikit/commit/5e7d8b9af214ecc084375e681e0f8d64dc933c2c))\\n* **User:** added qa attribute for name and description nodes ([#1429](https://github.com/gravity-ui/uikit/issues/1429)) ([ef6143a](https://github.com/gravity-ui/uikit/commit/ef6143a2b5247904b57c4c60fb718f47c6550f20))\\n\\n\\n### Bug Fixes\\n\\n* **Palette:** fixed README.md for the landing ([#1431](https://github.com/gravity-ui/uikit/issues/1431)) ([c15f2e3](https://github.com/gravity-ui/uikit/commit/c15f2e342dd2c90fcc1703c6f713180b23d135e2))\\n* **withTableSettings:** deprecate the renderControls prop ([#1427](https://github.com/gravity-ui/uikit/issues/1427)) ([27be674](https://github.com/gravity-ui/uikit/commit/27be6742fca41cac2f74b23f1db84276cdb7933d))\\n\\n## [6.3.0](https://github.com/gravity-ui/uikit/compare/v6.2.0...v6.3.0) (2024-03-18)\\n\\n\\n### Features\\n\\n* add Palette component ([#1304](https://github.com/gravity-ui/uikit/issues/1304)) ([e731838](https://github.com/gravity-ui/uikit/commit/e731838318635659183a05feb0ef630683ec7d67))\\n* **Alert:** added ability to pass null as icon prop value ([#1407](https://github.com/gravity-ui/uikit/issues/1407)) ([180edd0](https://github.com/gravity-ui/uikit/commit/180edd0dd703e96ae13120a332573f92af34f7d0))\\n* **Breadcrumbs:** add `renderItem` property ([#1413](https://github.com/gravity-ui/uikit/issues/1413)) ([d1c800f](https://github.com/gravity-ui/uikit/commit/d1c800fed670563a2fff12cb5b51da1f74045042))\\n* **Text:** added `break-word` to `wordBreak` property ([#1424](https://github.com/gravity-ui/uikit/issues/1424)) ([607c3ea](https://github.com/gravity-ui/uikit/commit/607c3eac7c6f70a61fd68350bfe65227d2d3b9cc))\\n\\n\\n### Bug Fixes\\n\\n* adding new classes in rootClassName before removing ([#1411](https://github.com/gravity-ui/uikit/issues/1411)) ([e29cde1](https://github.com/gravity-ui/uikit/commit/e29cde168077652d217585cd30bae10ee7e2747e))\\n* **DropdownMenu:** fix opening from keyboard ([#1404](https://github.com/gravity-ui/uikit/issues/1404)) ([9251714](https://github.com/gravity-ui/uikit/commit/9251714e4aae50f91d4e5082f2f7151a71321c30))\\n* prevent event bubbling for table item action ([#1399](https://github.com/gravity-ui/uikit/issues/1399)) ([d2e9d41](https://github.com/gravity-ui/uikit/commit/d2e9d411fd268d6628b2eef2bd3f8abd5f3da7b0))\\n* **ThemeProvider:** always set CSS class when scoped ([#1423](https://github.com/gravity-ui/uikit/issues/1423)) ([c787b5b](https://github.com/gravity-ui/uikit/commit/c787b5b30cdedad6e466fa0bbfc46b51313ee114))\\n* **Toc:** set aria-current attribute to selected item ([#1426](https://github.com/gravity-ui/uikit/issues/1426)) ([682444a](https://github.com/gravity-ui/uikit/commit/682444a2bd792936735275f73781f3e853597d0a))\\n\\n## [6.2.0](https://github.com/gravity-ui/uikit/compare/v6.1.1...v6.2.0) (2024-03-05)\\n\\n\\n### Features\\n\\n* **Popup:** add transition callbacks ([#1388](https://github.com/gravity-ui/uikit/issues/1388)) ([089beac](https://github.com/gravity-ui/uikit/commit/089beac6f98bf7a81b111fe4316cf8fd26a3f063))\\n* update i18n pkg ([#1402](https://github.com/gravity-ui/uikit/issues/1402)) ([2fbf2c9](https://github.com/gravity-ui/uikit/commit/2fbf2c96f01d25db1fcf4150e57a63cf057e6cd0))\\n\\n\\n### Bug Fixes\\n\\n* **Slider:** add export for Slider ([#1390](https://github.com/gravity-ui/uikit/issues/1390)) ([8eb741f](https://github.com/gravity-ui/uikit/commit/8eb741fc45b4c02e340eda82b492394f4d9d0daa))\\n* **Toc:** add component import ([#1396](https://github.com/gravity-ui/uikit/issues/1396)) ([f737c0c](https://github.com/gravity-ui/uikit/commit/f737c0cb41117f862aea98ff1e6c5571ff8d3667))\\n\\n## [6.1.1](https://github.com/gravity-ui/uikit/compare/v6.1.0...v6.1.1) (2024-02-26)\\n\\n\\n### Bug Fixes\\n\\n* **breadcrumbs:** fix adaptive more view and define ResizeObserver in ssr apps ([#1364](https://github.com/gravity-ui/uikit/issues/1364)) ([dc6e514](https://github.com/gravity-ui/uikit/commit/dc6e514d058268f2ea482e4d78383a44e400d5e2))\\n* **controls:** allow disable input via controlProps ([#1371](https://github.com/gravity-ui/uikit/issues/1371)) ([3228dca](https://github.com/gravity-ui/uikit/commit/3228dcab413a5dff9e3dc2353f1ddfa6235643e8))\\n* **CopyToClipboard:** return CopyToClipboardProps type ([#1367](https://github.com/gravity-ui/uikit/issues/1367)) ([43599c2](https://github.com/gravity-ui/uikit/commit/43599c2d435b51e73bd581b73ac9ab3d72584adb))\\n\\n## [6.1.0](https://github.com/gravity-ui/uikit/compare/v6.0.0...v6.1.0) (2024-02-21)\\n\\n\\n### Features\\n\\n* **Disclosure:** possibility to use DefaultDisclosureSummary inside … ([#1359](https://github.com/gravity-ui/uikit/issues/1359)) ([f8b52b9](https://github.com/gravity-ui/uikit/commit/f8b52b92c854dc65206106fa2d3ed40ee21157ac))\\n* **Select:** add useSelectOptions hook ([#1356](https://github.com/gravity-ui/uikit/issues/1356)) ([456ffaa](https://github.com/gravity-ui/uikit/commit/456ffaacbf20e1e0b5150d86abee1201d9ac3dad))\\n* **Slider:** introduce Slider component ([#1243](https://github.com/gravity-ui/uikit/issues/1243)) ([a1bf754](https://github.com/gravity-ui/uikit/commit/a1bf75495902b67750660620ea0e8e90c7a50f63))\\n* **Table:** add renderRowActions property ([#1353](https://github.com/gravity-ui/uikit/issues/1353)) ([e074b1a](https://github.com/gravity-ui/uikit/commit/e074b1a6913c2f3ec9773974672b17e7d35c9006))\\n* **withTableSettings:** add the renderControls prop ([#1357](https://github.com/gravity-ui/uikit/issues/1357)) ([b3f0d78](https://github.com/gravity-ui/uikit/commit/b3f0d789b131e9b5677e134eee668361ce50fcf6))\\n\\n\\n### Bug Fixes\\n\\n* **List:** fix virtualized list items rerender ([#1314](https://github.com/gravity-ui/uikit/issues/1314)) ([8c45f7c](https://github.com/gravity-ui/uikit/commit/8c45f7c55784a4eac88747b4a9db1745d53f0e6c))\\n* **Select:** do not call onFilterChange on mount ([#1321](https://github.com/gravity-ui/uikit/issues/1321)) ([0bb7c66](https://github.com/gravity-ui/uikit/commit/0bb7c661212630c993574d7f82392e7e9c3c1dad))\\n* **TextInput:** unequal text alignment in textinput ([#1306](https://github.com/gravity-ui/uikit/issues/1306)) ([c9cdbd0](https://github.com/gravity-ui/uikit/commit/c9cdbd0bba86573d35ec03b1766af4e0c8f5253b))\\n* **TreeSelect:** fix render container method ([#1344](https://github.com/gravity-ui/uikit/issues/1344)) ([1ab9d59](https://github.com/gravity-ui/uikit/commit/1ab9d591c271d4a9c922b3b1aecbb734338e1f98))\\n* **TreeSelect:** fixed dnd examples with selected values ([#1329](https://github.com/gravity-ui/uikit/issues/1329)) ([14d6ceb](https://github.com/gravity-ui/uikit/commit/14d6cebe875fef88c9066dbf5aa186aeb615d5f2))\\n* **TreeSelect:** remove default popup width ([#1350](https://github.com/gravity-ui/uikit/issues/1350)) ([84044f0](https://github.com/gravity-ui/uikit/commit/84044f0f41e9caae4812563ab690e13067d82aad))\\n\\n## [6.0.0](https://github.com/gravity-ui/uikit/compare/v5.30.1...v6.0.0) (2024-02-06)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* rename onClose to onCloseClick ([#1295](https://github.com/gravity-ui/uikit/issues/1295))\\n* **Persona:** refactored and renamed to UserLabel ([#1292](https://github.com/gravity-ui/uikit/issues/1292))\\n* **Link:** the \\"href\\" property is required ([#1270](https://github.com/gravity-ui/uikit/issues/1270))\\n* **Breadcrumbs:** use gap property for gaps between breadcrumbs items instead of paddings ([#1185](https://github.com/gravity-ui/uikit/issues/1185))\\n* rename .yc class prefix ([#1260](https://github.com/gravity-ui/uikit/issues/1260))\\n* **Table:** update cell paddings ([#1271](https://github.com/gravity-ui/uikit/issues/1271))\\n* remove setters from mobile hooks ([#1262](https://github.com/gravity-ui/uikit/issues/1262))\\n* remove remaining `--yc-*` variables ([#1256](https://github.com/gravity-ui/uikit/issues/1256))\\n* **Table:** update SortIndicator view ([#1220](https://github.com/gravity-ui/uikit/issues/1220))\\n* delete deprecated hooks ([#1213](https://github.com/gravity-ui/uikit/issues/1213))\\n* update avatar and user components ([#1221](https://github.com/gravity-ui/uikit/issues/1221))\\n* **Table:** remove uppercase heading style ([#1222](https://github.com/gravity-ui/uikit/issues/1222))\\n* merge old Tooltip with ActionTooltip and introduce new Tooltip ([#1189](https://github.com/gravity-ui/uikit/issues/1189))\\n* **Toaster:** use theme prop instead of type ([#1198](https://github.com/gravity-ui/uikit/issues/1198))\\n* add CSS API instead of `--yc-*` variables ([#1127](https://github.com/gravity-ui/uikit/issues/1127))\\n* **Button:** use logical properties ([#1119](https://github.com/gravity-ui/uikit/issues/1119))\\n* support RTL direction ([#1111](https://github.com/gravity-ui/uikit/issues/1111))\\n* **Link:** Remove normal-visitable view ([#905](https://github.com/gravity-ui/uikit/issues/905))\\n* rename theme prop `positive` -> `success` ([#1093](https://github.com/gravity-ui/uikit/issues/1093))\\n* add css imports to cjs files ([#1101](https://github.com/gravity-ui/uikit/issues/1101))\\n* remove old theme variables fallback ([#1092](https://github.com/gravity-ui/uikit/issues/1092))\\n* remove focus visible fallback ([#1086](https://github.com/gravity-ui/uikit/issues/1086))\\n* **Button:** add CSS API ([#1066](https://github.com/gravity-ui/uikit/issues/1066))\\n\\n### refactor\\n\\n* **Breadcrumbs:** use gap property for gaps between breadcrumbs items instead of paddings ([#1185](https://github.com/gravity-ui/uikit/issues/1185)) ([a31d7a1](https://github.com/gravity-ui/uikit/commit/a31d7a10ca9a4c8bbfca286c932f8611800b4d85))\\n* **Link:** Remove normal-visitable view ([#905](https://github.com/gravity-ui/uikit/issues/905)) ([82f8afa](https://github.com/gravity-ui/uikit/commit/82f8afa0cd5dfce77a781b65798855e7172e415b))\\n* remove remaining `--yc-*` variables ([#1256](https://github.com/gravity-ui/uikit/issues/1256)) ([69efabe](https://github.com/gravity-ui/uikit/commit/69efabe5416f89b841e093781ea33e53685b6038))\\n* rename .yc class prefix ([#1260](https://github.com/gravity-ui/uikit/issues/1260)) ([c879bba](https://github.com/gravity-ui/uikit/commit/c879bba29b1d4ad0d78aa8953e36c2a395ea1ecb))\\n\\n\\n### Features\\n\\n* add CSS API instead of `--yc-*` variables ([#1127](https://github.com/gravity-ui/uikit/issues/1127)) ([1250ba2](https://github.com/gravity-ui/uikit/commit/1250ba2e810fcb68b29c4b7151681a0fb055fa25))\\n* add css imports to cjs files ([#1101](https://github.com/gravity-ui/uikit/issues/1101)) ([f10d616](https://github.com/gravity-ui/uikit/commit/f10d616a54f72d2208b1d0e5aca41bb2444699c7))\\n* add new layout component `Box` ([#1121](https://github.com/gravity-ui/uikit/issues/1121)) ([cedc20b](https://github.com/gravity-ui/uikit/commit/cedc20b3da38c7530da0f80c56847c233bee1fd1))\\n* add useControlledState hook ([#1276](https://github.com/gravity-ui/uikit/issues/1276)) ([9493062](https://github.com/gravity-ui/uikit/commit/94930620e0bb8bd6f31c1dfceace1912bc8e0ada))\\n* added css api for TextInput TextArea and Select components ([#1269](https://github.com/gravity-ui/uikit/issues/1269)) ([75c3fd5](https://github.com/gravity-ui/uikit/commit/75c3fd514a5eb20d40469eab4024b93fd1aa53c2))\\n* added CSS custom properties for RTL ([#1227](https://github.com/gravity-ui/uikit/issues/1227)) ([150204d](https://github.com/gravity-ui/uikit/commit/150204dac9958175664cfe7836273bedba90c806))\\n* **Alert:** support RTL ([#1167](https://github.com/gravity-ui/uikit/issues/1167)) ([a5bf8eb](https://github.com/gravity-ui/uikit/commit/a5bf8eb3668c98905189931bc3772a880acf41d4))\\n* **Box:** fix some unnecessary typings ([#1252](https://github.com/gravity-ui/uikit/issues/1252)) ([2229f37](https://github.com/gravity-ui/uikit/commit/2229f37be3cf4ffa97ede438efcd1f14c1d7143b))\\n* **Button:** add CSS API ([#1066](https://github.com/gravity-ui/uikit/issues/1066)) ([7f70693](https://github.com/gravity-ui/uikit/commit/7f706935c2d10c821a8afbdd800e48f4665a0106))\\n* **Button:** use logical properties ([#1119](https://github.com/gravity-ui/uikit/issues/1119)) ([b6d4200](https://github.com/gravity-ui/uikit/commit/b6d4200f93be2d4045402840b30a98f52585490f))\\n* delete deprecated hooks ([#1213](https://github.com/gravity-ui/uikit/issues/1213)) ([2c16005](https://github.com/gravity-ui/uikit/commit/2c16005ce7d351d73656be656d0845803752392c))\\n* **Dialog:** add prop contentOverflow to control overflow behaviour ([#1251](https://github.com/gravity-ui/uikit/issues/1251)) ([2b223d5](https://github.com/gravity-ui/uikit/commit/2b223d565e1f4345d36361dff34ef847f3d6f94a))\\n* **Disclosure:** use logical properties ([#1140](https://github.com/gravity-ui/uikit/issues/1140)) ([345ce4d](https://github.com/gravity-ui/uikit/commit/345ce4d97aa0b84c655139500e07cf1a20b37b15))\\n* **Link:** the \\"href\\" property is required ([#1270](https://github.com/gravity-ui/uikit/issues/1270)) ([347c64d](https://github.com/gravity-ui/uikit/commit/347c64d23dba1b07803b4efa97200fe7015479c0))\\n* **List:** support RTL ([#1145](https://github.com/gravity-ui/uikit/issues/1145)) ([dd554bb](https://github.com/gravity-ui/uikit/commit/dd554bb5a31b86e1ca6a733af70b9193faca171e))\\n* merge old Tooltip with ActionTooltip and introduce new Tooltip ([#1189](https://github.com/gravity-ui/uikit/issues/1189)) ([c2719ae](https://github.com/gravity-ui/uikit/commit/c2719ae7160ecb7cac756351b9d2f11e77eb9719))\\n* **Persona:** refactored and renamed to UserLabel ([#1292](https://github.com/gravity-ui/uikit/issues/1292)) ([ef6762a](https://github.com/gravity-ui/uikit/commit/ef6762a473bf6f92d2e39ac08e8667d159edf07b))\\n* **Progress:** support customization ([#1193](https://github.com/gravity-ui/uikit/issues/1193)) ([0c67d85](https://github.com/gravity-ui/uikit/commit/0c67d85fb0a2c5397e7d3b5bc2ce868b49ebaf02))\\n* **Progress:** support rtl ([#1141](https://github.com/gravity-ui/uikit/issues/1141)) ([caaf06b](https://github.com/gravity-ui/uikit/commit/caaf06b0adf1aec853a4f0a67e8a7de7474eb029))\\n* remove focus visible fallback ([#1086](https://github.com/gravity-ui/uikit/issues/1086)) ([193d856](https://github.com/gravity-ui/uikit/commit/193d85694f0fabf5d34da8f757262b43b18c7112))\\n* remove old theme variables fallback ([#1092](https://github.com/gravity-ui/uikit/issues/1092)) ([ecdd1aa](https://github.com/gravity-ui/uikit/commit/ecdd1aab498e4563c50a315bfc62e865c73b2641))\\n* remove setters from mobile hooks ([#1262](https://github.com/gravity-ui/uikit/issues/1262)) ([07c9f4f](https://github.com/gravity-ui/uikit/commit/07c9f4f02c4ebe08325f3626d1221d23c36c18a7))\\n* rename onClose to onCloseClick ([#1295](https://github.com/gravity-ui/uikit/issues/1295)) ([00531ad](https://github.com/gravity-ui/uikit/commit/00531ad1e6626812e74d6beb8a456abfc00e76ea))\\n* rename theme prop `positive` -&gt; `success` ([#1093](https://github.com/gravity-ui/uikit/issues/1093)) ([bf6f77d](https://github.com/gravity-ui/uikit/commit/bf6f77de0c44c6f64afdda7bfc90c09cf8e28c9f))\\n* **Sheet:** support RTL ([#1138](https://github.com/gravity-ui/uikit/issues/1138)) ([815f5a8](https://github.com/gravity-ui/uikit/commit/815f5a85729d31c11e5f6c1786ed8bf5038b9823))\\n* **Skeleton:** support RTL ([#1136](https://github.com/gravity-ui/uikit/issues/1136)) ([bdf4d5b](https://github.com/gravity-ui/uikit/commit/bdf4d5b5a6a4fe9ff932c82981ebc50882cad6b2))\\n* support RTL direction ([#1111](https://github.com/gravity-ui/uikit/issues/1111)) ([a28abcf](https://github.com/gravity-ui/uikit/commit/a28abcf12e057e45daef78e3488096494442a14f))\\n* support RTL in components ([#1125](https://github.com/gravity-ui/uikit/issues/1125)) ([47f7b84](https://github.com/gravity-ui/uikit/commit/47f7b84ff94f21e8802f616f7dea1f077a34a310))\\n* **Switch:** support RTL ([#1120](https://github.com/gravity-ui/uikit/issues/1120)) ([3cdca3d](https://github.com/gravity-ui/uikit/commit/3cdca3df19f75da09d5bf270557e930c4f1787d8))\\n* **Table:** remove uppercase heading style ([#1222](https://github.com/gravity-ui/uikit/issues/1222)) ([92fe12f](https://github.com/gravity-ui/uikit/commit/92fe12f1b52ddcf3449da89510e9fbda764a426f))\\n* **Table:** support rtl ([#1152](https://github.com/gravity-ui/uikit/issues/1152)) ([52b2794](https://github.com/gravity-ui/uikit/commit/52b2794fdd680f357fa1dcbf4f348e7898e9dcc6))\\n* **Table:** update cell paddings ([#1271](https://github.com/gravity-ui/uikit/issues/1271)) ([4f3be2d](https://github.com/gravity-ui/uikit/commit/4f3be2d27712cc6ce504aedb27c1bfa622d47e02))\\n* **Table:** update SortIndicator view ([#1220](https://github.com/gravity-ui/uikit/issues/1220)) ([6749bb8](https://github.com/gravity-ui/uikit/commit/6749bb8e7ac3905213eb69ef0caf654c6176ae39))\\n* **Table:** use uikit icons ([#1151](https://github.com/gravity-ui/uikit/issues/1151)) ([a08f03c](https://github.com/gravity-ui/uikit/commit/a08f03cdaba2c0be9fe6747c2d69be78f949eb66))\\n* **TextInput:** support rtl ([#1207](https://github.com/gravity-ui/uikit/issues/1207)) ([343b94c](https://github.com/gravity-ui/uikit/commit/343b94c33eecd1277d6c5fb72984f0991dd4d779))\\n* **Text:** rtl support ([#1143](https://github.com/gravity-ui/uikit/issues/1143)) ([a82ad0a](https://github.com/gravity-ui/uikit/commit/a82ad0a7d0804cfca72958f28e90145d7987f049))\\n* **Text:** support multiline and fixed width ellipsis ([#1122](https://github.com/gravity-ui/uikit/issues/1122)) ([bc63378](https://github.com/gravity-ui/uikit/commit/bc633783102b2d4bfaeaf759d3abcc134f58529c))\\n* **Toaster:** use theme prop instead of type ([#1198](https://github.com/gravity-ui/uikit/issues/1198)) ([cdabe24](https://github.com/gravity-ui/uikit/commit/cdabe246a33d21b8c624b5d3662ac2fc39cc01ed))\\n* **TreeSelect:** added TreeSelect unstable component and new list hooks ([#1090](https://github.com/gravity-ui/uikit/issues/1090)) ([07a2009](https://github.com/gravity-ui/uikit/commit/07a200903176ca34163e5e0dcfef42b8c530bbc9))\\n* update avatar and user components ([#1221](https://github.com/gravity-ui/uikit/issues/1221)) ([fbf41d3](https://github.com/gravity-ui/uikit/commit/fbf41d32820ba26b86a48457b2361832a937f387))\\n* updated TextInput \\"type\\" property to allow using only well-know… ([#1158](https://github.com/gravity-ui/uikit/issues/1158)) ([5a44a5f](https://github.com/gravity-ui/uikit/commit/5a44a5f151703c60801826fe1772a08676060703))\\n\\n\\n### Bug Fixes\\n\\n* **Button:** fix disabled raised view style ([#1226](https://github.com/gravity-ui/uikit/issues/1226)) ([fb62985](https://github.com/gravity-ui/uikit/commit/fb62985081d9a3dd999f3e9fc3a7563cf3df39ac))\\n* **DropdownMenu:** fix rtl behaviour ([3f3a805](https://github.com/gravity-ui/uikit/commit/3f3a805025d46de651f86a648fe2e6cea0043e9e))\\n* fix controls css api ([#1289](https://github.com/gravity-ui/uikit/issues/1289)) ([9882c53](https://github.com/gravity-ui/uikit/commit/9882c532e6c503e053790cd6816421f28a17b2b5))\\n* fix unit tests ([99e454f](https://github.com/gravity-ui/uikit/commit/99e454fa2762c304c5812ec5d88f362b390bf6c1))\\n* fix visual tests ([4baeef9](https://github.com/gravity-ui/uikit/commit/4baeef9693082ac8b15619f454781c2019f975d8))\\n* **Popover:** fix rtl placement ([62405d5](https://github.com/gravity-ui/uikit/commit/62405d5811f626c3cc40e93ffad9f6775c649beb))\\n* rebase fixes ([b272b72](https://github.com/gravity-ui/uikit/commit/b272b7291ef0f214b059de0d5898d1926608cad1))\\n* rebase issues ([4f9d2ec](https://github.com/gravity-ui/uikit/commit/4f9d2ec3c688272b687de957c28219bf8ab1261c))\\n* rebase issues ([39b4694](https://github.com/gravity-ui/uikit/commit/39b4694dbea58a1f02d593706f3a7efd99ec4a07))\\n* rework new ListItemView text crop behaviour ([#1301](https://github.com/gravity-ui/uikit/issues/1301)) ([5f123e9](https://github.com/gravity-ui/uikit/commit/5f123e99c93cb65c48ec04165e0ded6ae1ee6138))\\n* **ThemeProvider:** inner provider should overwrite specified props and only them ([#1235](https://github.com/gravity-ui/uikit/issues/1235)) ([aaf9b0f](https://github.com/gravity-ui/uikit/commit/aaf9b0f0c9356748040984fc89013edf0e761dcc))\\n* **Toaster:** use logical css values in stories ([#1142](https://github.com/gravity-ui/uikit/issues/1142)) ([6dcbdae](https://github.com/gravity-ui/uikit/commit/6dcbdae9cea330afd7de4869140ec422f91236ed))\\n* TreeSelect component after useMobile refactoring ([#1265](https://github.com/gravity-ui/uikit/issues/1265)) ([9c23dae](https://github.com/gravity-ui/uikit/commit/9c23dae0c257f81e9b97076e4131ffeff747c35d))\\n* **TreeSelect:** removed select indentation from group items ([#1303](https://github.com/gravity-ui/uikit/issues/1303)) ([e0471d6](https://github.com/gravity-ui/uikit/commit/e0471d6fcdbeb924ab65402b39fbbad5cd739a5e))\\n* use ActionTooltip in components ([1042ac3](https://github.com/gravity-ui/uikit/commit/1042ac35f1f89c3f6cd4e3ceec6336bc1e3d7340))\\n\\n## [5.30.1](https://github.com/gravity-ui/uikit/compare/v5.30.0...v5.30.1) (2024-02-06)\\n\\n\\n### Bug Fixes\\n\\n* **Dropdown:** opening sub menus in dropdown menu with using keyboard ([#1298](https://github.com/gravity-ui/uikit/issues/1298)) ([1aed302](https://github.com/gravity-ui/uikit/commit/1aed30299889c658e55461318d43f94c2eb7241a))\\n* **MenuItem:** fix non interactive MenuItem style ([#1307](https://github.com/gravity-ui/uikit/issues/1307)) ([b1a386d](https://github.com/gravity-ui/uikit/commit/b1a386d9552d98bd3c2f8e74518ac580c7ce4394))\\n* **TextInput:** add overflow hidden to text-input__content wrapper ([#1293](https://github.com/gravity-ui/uikit/issues/1293)) ([d52a7bd](https://github.com/gravity-ui/uikit/commit/d52a7bdf3e4ca99b1902b0341468eb975f036f36))\\n\\n## [5.30.0](https://github.com/gravity-ui/uikit/compare/v5.29.0...v5.30.0) (2024-01-31)\\n\\n\\n### Features\\n\\n* **Select:** added errorMessage, errorPlacement and validationType props ([#1291](https://github.com/gravity-ui/uikit/issues/1291)) ([8f2f07b](https://github.com/gravity-ui/uikit/commit/8f2f07b798b5776adc94a4442fd6a725911b8048))\\n* **Table:** added link as Table action element ([#1290](https://github.com/gravity-ui/uikit/issues/1290)) ([de63cef](https://github.com/gravity-ui/uikit/commit/de63cef2b043e835c6663dfa79a9c99424998ae1))\\n\\n\\n### Bug Fixes\\n\\n* **Label:** missing text overflow ([#1206](https://github.com/gravity-ui/uikit/issues/1206)) ([60357cd](https://github.com/gravity-ui/uikit/commit/60357cd34c04c1b6f1af04125d5cea77319dea65))\\n* **List:** calling onLoadMore function while using keyboard ([#1284](https://github.com/gravity-ui/uikit/issues/1284)) ([1760166](https://github.com/gravity-ui/uikit/commit/176016620612b3c6a120a0dea770b5fc5927c964))\\n* **Pagination:** stories controls ([#1281](https://github.com/gravity-ui/uikit/issues/1281)) ([a6fac44](https://github.com/gravity-ui/uikit/commit/a6fac442b82ac585397d0b5cf5f59ec5df625deb))\\n* **Table:** sticky column ([#1283](https://github.com/gravity-ui/uikit/issues/1283)) ([7366c9b](https://github.com/gravity-ui/uikit/commit/7366c9bdf7fd3e7f526c8a3d60e49191f7385539))\\n* **Table:** withTableSorting can get sort value using column\'s ID written as path ([#640](https://github.com/gravity-ui/uikit/issues/640)) ([d5bb68b](https://github.com/gravity-ui/uikit/commit/d5bb68bcbc9ebca4f54d501aa34b597e92ee3702))\\n\\n## [5.29.0](https://github.com/gravity-ui/uikit/compare/v5.28.0...v5.29.0) (2024-01-19)\\n\\n\\n### Features\\n\\n* **Disclosure:** added qa attribute for details and summary nodes ([#1253](https://github.com/gravity-ui/uikit/issues/1253)) ([b1bbcd1](https://github.com/gravity-ui/uikit/commit/b1bbcd17203b7cad13eeed77c4aee937dbd0717a))\\n\\n\\n### Bug Fixes\\n\\n* **Select:** add type=\\"button\\" to SelectClear ([#1255](https://github.com/gravity-ui/uikit/issues/1255)) ([6a9e189](https://github.com/gravity-ui/uikit/commit/6a9e189561d986f1d498b610c0aeb2e5072348eb))\\n\\n## [5.28.0](https://github.com/gravity-ui/uikit/compare/v5.27.0...v5.28.0) (2024-01-16)\\n\\n\\n### Features\\n\\n* **Alert:** changed default Alert actions background ([#1240](https://github.com/gravity-ui/uikit/issues/1240)) ([9693147](https://github.com/gravity-ui/uikit/commit/96931475fb59e8e9c6da96bae361165d38f6dec5))\\n* **Text:** add `id` prop ([#1246](https://github.com/gravity-ui/uikit/issues/1246)) ([252229e](https://github.com/gravity-ui/uikit/commit/252229e6498effe9628d193103d9e5117b2bd79b))\\n\\n\\n### Bug Fixes\\n\\n* revert [#831](https://github.com/gravity-ui/uikit/issues/831) ([#1244](https://github.com/gravity-ui/uikit/issues/1244)) ([79f7e07](https://github.com/gravity-ui/uikit/commit/79f7e07a3c155ba34a240250aa06860bf795abcc))\\n\\n## [5.27.0](https://github.com/gravity-ui/uikit/compare/v5.26.0...v5.27.0) (2024-01-10)\\n\\n\\n### Features\\n\\n* **Disclosure:** allow use React.Node as summary ([#1233](https://github.com/gravity-ui/uikit/issues/1233)) ([3180060](https://github.com/gravity-ui/uikit/commit/31800603eaf6eaaab4c9849b1af12e9e6a53b5f7))\\n\\n\\n### Bug Fixes\\n\\n* **Disclosure:** component size should not be used for its content ([#1234](https://github.com/gravity-ui/uikit/issues/1234)) ([c721640](https://github.com/gravity-ui/uikit/commit/c721640074baf0f5ae04ba4efaa2e187fa590e9c))\\n* **Pagination:** fix total page calculation ([#1237](https://github.com/gravity-ui/uikit/issues/1237)) ([8f1af66](https://github.com/gravity-ui/uikit/commit/8f1af66dd7de4dc13c33cc58e4f73715802c02cb))\\n* **Select:** activate first clickable item ([#1228](https://github.com/gravity-ui/uikit/issues/1228)) ([13b921e](https://github.com/gravity-ui/uikit/commit/13b921e8384108bf1ca71941e0a5908191cb325e))\\n* **Select:** add 100% width to default labels ([#1239](https://github.com/gravity-ui/uikit/issues/1239)) ([5bd5edd](https://github.com/gravity-ui/uikit/commit/5bd5edd63c5755a52003967b4d3e822983f5033a))\\n* **ThemeProvider:** fix rootClassName update ([#1231](https://github.com/gravity-ui/uikit/issues/1231)) ([4f0f099](https://github.com/gravity-ui/uikit/commit/4f0f09946023d039b8d1fed3c198d1888959f7a5))\\n\\n## [5.26.0](https://github.com/gravity-ui/uikit/compare/v5.25.0...v5.26.0) (2023-12-26)\\n\\n\\n### Features\\n\\n* calculate body class names seperately ([#1197](https://github.com/gravity-ui/uikit/issues/1197)) ([3dcf03d](https://github.com/gravity-ui/uikit/commit/3dcf03d46b6834c3d0fd6f43a9208d234c730405))\\n* **Popup:** add `aria-label` & `aria-labelledby` attributes ([#1202](https://github.com/gravity-ui/uikit/issues/1202)) ([f68183a](https://github.com/gravity-ui/uikit/commit/f68183ad27c025c736164b72ee38a908afb7dc67))\\n\\n\\n### Bug Fixes\\n\\n* **Pagination:** fix wrong behaviour in case of 0 total ([#1208](https://github.com/gravity-ui/uikit/issues/1208)) ([cda2349](https://github.com/gravity-ui/uikit/commit/cda2349c699b5e11fe79aa79fdbb4f5b647277bc))\\n* **Select:** fix wrong view \\"clear\\" styles ([#1224](https://github.com/gravity-ui/uikit/issues/1224)) ([4f4e13e](https://github.com/gravity-ui/uikit/commit/4f4e13ec7286dc1611755899b30429f1cf4b5b7f))\\n* **Table:** columns change throws ([#1219](https://github.com/gravity-ui/uikit/issues/1219)) ([20756bc](https://github.com/gravity-ui/uikit/commit/20756bcd27d8577d399e39f7d86189d7cb3d4d14))\\n\\n## [5.25.0](https://github.com/gravity-ui/uikit/compare/v5.24.0...v5.25.0) (2023-12-12)\\n\\n\\n### Features\\n\\n* **Select:** add popupPlacement prop ([#1195](https://github.com/gravity-ui/uikit/issues/1195)) ([ba0e1a1](https://github.com/gravity-ui/uikit/commit/ba0e1a1a28b98b519c59b040ab53671aa178341a))\\n\\n## [5.24.0](https://github.com/gravity-ui/uikit/compare/v5.23.0...v5.24.0) (2023-12-08)\\n\\n\\n### Features\\n\\n* **Table:** use `&lt;colgroup/&gt;` to set cells width ([#831](https://github.com/gravity-ui/uikit/issues/831)) ([c33b330](https://github.com/gravity-ui/uikit/commit/c33b3308b68ce92626e995a99821eede74a3b196))\\n\\n## [5.23.0](https://github.com/gravity-ui/uikit/compare/v5.22.0...v5.23.0) (2023-12-06)\\n\\n\\n### Features\\n\\n* **Progress:** make contrast ([#1129](https://github.com/gravity-ui/uikit/issues/1129)) ([e1ce48f](https://github.com/gravity-ui/uikit/commit/e1ce48fefef9a510f6867e627018a0d2f04cc5ff))\\n* **RadioButton:** allow an extended value other than a string ([#1177](https://github.com/gravity-ui/uikit/issues/1177)) ([77eb5a0](https://github.com/gravity-ui/uikit/commit/77eb5a0c7a9ca29c273854e9c13868f610735218))\\n\\n\\n### Bug Fixes\\n\\n* **a11y:** make a short text for the clear button ([#1172](https://github.com/gravity-ui/uikit/issues/1172)) ([d767727](https://github.com/gravity-ui/uikit/commit/d76772724264da02e132eb63a9ec0860446e8b71))\\n* add qa property for some components ([#1173](https://github.com/gravity-ui/uikit/issues/1173)) ([0f2a491](https://github.com/gravity-ui/uikit/commit/0f2a4911b30e4bd0f20b7d52be90531058ff2070))\\n* export TableColumnSetupItem type from index ([#1169](https://github.com/gravity-ui/uikit/issues/1169)) ([21e21a3](https://github.com/gravity-ui/uikit/commit/21e21a33f8e6c163013e6f4951e34605700e8d5b))\\n* **Select:** proper filter updates when closing the popup ([#1180](https://github.com/gravity-ui/uikit/issues/1180)) ([7d12e86](https://github.com/gravity-ui/uikit/commit/7d12e8642368e6fa95359a9a69a554be85e0b034))\\n* **Select:** update keyboard interaction to correspond with specification ([#1176](https://github.com/gravity-ui/uikit/issues/1176)) ([504b05c](https://github.com/gravity-ui/uikit/commit/504b05caed8300c8f550c7dc36cd6ef0e6b22064))\\n* **Table:** fixed checkbox max width ([#1174](https://github.com/gravity-ui/uikit/issues/1174)) ([ed68043](https://github.com/gravity-ui/uikit/commit/ed6804379abd88c7b13ffc5034bf7d90f108aee5))\\n\\n## [5.22.0](https://github.com/gravity-ui/uikit/compare/v5.21.1...v5.22.0) (2023-11-28)\\n\\n\\n### Features\\n\\n* **List:** use `Grip` icon from `@gravity-ui/icons` ([#1164](https://github.com/gravity-ui/uikit/issues/1164)) ([625679a](https://github.com/gravity-ui/uikit/commit/625679a8c18769dbfbf82b77b8154ad176a30a69))\\n\\n\\n### Bug Fixes\\n\\n* **Select:** add onLoadMore to the list of dependencies to avoid closures ([#1168](https://github.com/gravity-ui/uikit/issues/1168)) ([a804684](https://github.com/gravity-ui/uikit/commit/a8046846662be94b64f6d0c10f84beefeaec0644))\\n\\n## [5.21.1](https://github.com/gravity-ui/uikit/compare/v5.21.0...v5.21.1) (2023-11-27)\\n\\n\\n### Bug Fixes\\n\\n* align checkbox when there is more than 1 line of text in any cell ([#1149](https://github.com/gravity-ui/uikit/issues/1149)) ([8011430](https://github.com/gravity-ui/uikit/commit/8011430102d3fda764711d3003be2b9c953f586d))\\n\\n## [5.21.0](https://github.com/gravity-ui/uikit/compare/v5.20.0...v5.21.0) (2023-11-24)\\n\\n\\n### Features\\n\\n* change react-sortable-hoc with react-beautiful-dnd ([#1159](https://github.com/gravity-ui/uikit/issues/1159)) ([1f7ab68](https://github.com/gravity-ui/uikit/commit/1f7ab68a74deedcd6dd091c8a9bc7d5a5b913006))\\n* lazy loading for userAvatar ([#1124](https://github.com/gravity-ui/uikit/issues/1124)) ([e76fd7c](https://github.com/gravity-ui/uikit/commit/e76fd7ce9ab4a6adff05f5e816f385e1b5afc316))\\n\\n## [5.20.0](https://github.com/gravity-ui/uikit/compare/v5.19.1...v5.20.0) (2023-11-14)\\n\\n\\n### Features\\n\\n* add id converter for getXpath ([#1117](https://github.com/gravity-ui/uikit/issues/1117)) ([75fb80c](https://github.com/gravity-ui/uikit/commit/75fb80cb7d55d18a850d4b521de2e020cd95b25b))\\n* introduce new utility semantic colors ([#1094](https://github.com/gravity-ui/uikit/issues/1094)) ([7c3938c](https://github.com/gravity-ui/uikit/commit/7c3938cacabaff9a2eadae17d0b288780502bcd8))\\n* **Tooltip:** add `disablePortal` prop ([#1115](https://github.com/gravity-ui/uikit/issues/1115)) ([496916e](https://github.com/gravity-ui/uikit/commit/496916e820ec125a7cdea0a481c2d7e1a19d892e))\\n* **useAsyncActionHandler:** add useAsyncActionHandler hook ([#1095](https://github.com/gravity-ui/uikit/issues/1095)) ([66a25b3](https://github.com/gravity-ui/uikit/commit/66a25b3b1c6241c10fa0db24c19dd9911cb51214))\\n\\n\\n### Bug Fixes\\n\\n* **DropdownMenu:** fix inner usages of switcher prop ([#1116](https://github.com/gravity-ui/uikit/issues/1116)) ([2a3eccc](https://github.com/gravity-ui/uikit/commit/2a3eccc3225695dfc98b6a53a989bbf652e888d4))\\n* improve a11y on some components ([#1045](https://github.com/gravity-ui/uikit/issues/1045)) ([c6c6138](https://github.com/gravity-ui/uikit/commit/c6c6138472055ecd77dea990afb3f271b7c30085))\\n* **Label:** fix utility theme declaration ([#1106](https://github.com/gravity-ui/uikit/issues/1106)) ([ed8230d](https://github.com/gravity-ui/uikit/commit/ed8230df4b4f89adba271b226ef872d74e1a3f5d))\\n* **Tabs:** tab outline focus is stripped ([#1071](https://github.com/gravity-ui/uikit/issues/1071)) ([c47f641](https://github.com/gravity-ui/uikit/commit/c47f64189e50a7191c1c2d1313227821452e8414))\\n* **Toast:** fix overflows ([#1079](https://github.com/gravity-ui/uikit/issues/1079)) ([2205fde](https://github.com/gravity-ui/uikit/commit/2205fde429bf0efce7500e3282c331186415d780))\\n\\n## [5.19.1](https://github.com/gravity-ui/uikit/compare/v5.19.0...v5.19.1) (2023-11-07)\\n\\n\\n### Bug Fixes\\n\\n* **Icon:** correct prepareStringData ([#1096](https://github.com/gravity-ui/uikit/issues/1096)) ([8e4817e](https://github.com/gravity-ui/uikit/commit/8e4817e39d4591a65b7782770f50fef594606b36))\\n* return EventBroker constructor in export ([#1098](https://github.com/gravity-ui/uikit/issues/1098)) ([f22bc27](https://github.com/gravity-ui/uikit/commit/f22bc273648bcdebd1d627f59d1f1d7a818722e8))\\n\\n## [5.19.0](https://github.com/gravity-ui/uikit/compare/v5.18.1...v5.19.0) (2023-11-03)\\n\\n\\n### Features\\n\\n* improving a11y ([#1070](https://github.com/gravity-ui/uikit/issues/1070)) ([146ff4f](https://github.com/gravity-ui/uikit/commit/146ff4f3dfd6e9debb1d28ca72485734d1e08cf7))\\n* **Menu:** add support for item icon on the end of the item ([#965](https://github.com/gravity-ui/uikit/issues/965)) ([55885d0](https://github.com/gravity-ui/uikit/commit/55885d0d7956a93eb33ffade8be535fa7f2b7f6e))\\n* **Popover:** prevent closing by click in case of using openOnHover property ([#1085](https://github.com/gravity-ui/uikit/issues/1085)) ([2c17a06](https://github.com/gravity-ui/uikit/commit/2c17a06bd3bb52f730a8dc810bcfc22a3a9c163c))\\n\\n\\n### Bug Fixes\\n\\n* **Popover:** pass classname to html content ([#1073](https://github.com/gravity-ui/uikit/issues/1073)) ([c0a725a](https://github.com/gravity-ui/uikit/commit/c0a725ab73ca74f9f051a9e2db27e5456427f972))\\n* **Select:** fix SelectRenderControlProps.onClick type ([#1075](https://github.com/gravity-ui/uikit/issues/1075)) ([9dbfc3a](https://github.com/gravity-ui/uikit/commit/9dbfc3a2d5118f51944494edb02c137bcc67c1fc))\\n\\n## [5.18.1](https://github.com/gravity-ui/uikit/compare/v5.18.0...v5.18.1) (2023-10-24)\\n\\n\\n### Bug Fixes\\n\\n* **Sheet:** fix Sheet resize when viewport size changes ([#1055](https://github.com/gravity-ui/uikit/issues/1055)) ([35a7b74](https://github.com/gravity-ui/uikit/commit/35a7b749493ec0377f5e013619d312f087801141))\\n\\n## [5.18.0](https://github.com/gravity-ui/uikit/compare/v5.17.0...v5.18.0) (2023-10-19)\\n\\n\\n### Features\\n\\n* **Table:** expand checkbox click area ([#654](https://github.com/gravity-ui/uikit/issues/654)) ([0534cf8](https://github.com/gravity-ui/uikit/commit/0534cf8f973c4737f137078a6978df8f201a4f3f))\\n\\n\\n### Bug Fixes\\n\\n* **Sheet:** fix Sheet intermediate hanging when touch ends above it ([#1052](https://github.com/gravity-ui/uikit/issues/1052)) ([38e6308](https://github.com/gravity-ui/uikit/commit/38e63088433798193d3eea267548ac1e7422e0a6))\\n\\n## [5.17.0](https://github.com/gravity-ui/uikit/compare/v5.16.0...v5.17.0) (2023-10-05)\\n\\n\\n### Features\\n\\n* **List:** extend `emptyPlaceholder` type to `ReactNode` ([#1013](https://github.com/gravity-ui/uikit/issues/1013)) ([56437e6](https://github.com/gravity-ui/uikit/commit/56437e6e4782eebf4040d6f1e2bc70bc6b5b61ec))\\n* synced codeowners with sharepoint table ([#1034](https://github.com/gravity-ui/uikit/issues/1034)) ([5bdfa75](https://github.com/gravity-ui/uikit/commit/5bdfa75bbae36827dd74b9b67a24fa2e2dd6fcdb))\\n* **withTableSorting:** add control the use of data sorting ([#1032](https://github.com/gravity-ui/uikit/issues/1032)) ([53248c9](https://github.com/gravity-ui/uikit/commit/53248c967e32bba6cb5f4451f9ee5bf00d963163))\\n\\n\\n### Bug Fixes\\n\\n* start refactor hooks: useOutsideClick ([#1035](https://github.com/gravity-ui/uikit/issues/1035)) ([6ad4a78](https://github.com/gravity-ui/uikit/commit/6ad4a78ca202ecc6e843d14f0c71f922d0845828))\\n* use correct font-size through component styles ([#1036](https://github.com/gravity-ui/uikit/issues/1036)) ([44d7160](https://github.com/gravity-ui/uikit/commit/44d71608af59eb04350d830dd2d19c1a5ce922b2))\\n\\n## [5.16.0](https://github.com/gravity-ui/uikit/compare/v5.15.0...v5.16.0) (2023-09-29)\\n\\n\\n### Features\\n\\n* **Table:** add options for WithTableSettings HOC ([#1029](https://github.com/gravity-ui/uikit/issues/1029)) ([b338bf9](https://github.com/gravity-ui/uikit/commit/b338bf9c3b77aba5471e143ce58495d55ec94cfe))\\n\\n## [5.15.0](https://github.com/gravity-ui/uikit/compare/v5.14.0...v5.15.0) (2023-09-22)\\n\\n\\n### Features\\n\\n* **UserAvatar:** add fallbackImgUrl prop ([#1025](https://github.com/gravity-ui/uikit/issues/1025)) ([9a4bd59](https://github.com/gravity-ui/uikit/commit/9a4bd597cc0db62f905d6972eb317faffd8cb672))\\n\\n\\n### Bug Fixes\\n\\n* **DocsDecorator:** add new css prefix support ([#1027](https://github.com/gravity-ui/uikit/issues/1027)) ([6ff4c1c](https://github.com/gravity-ui/uikit/commit/6ff4c1c3c040b72abae6ad82c3868a447df039d3))\\n\\n## [5.14.0](https://github.com/gravity-ui/uikit/compare/v5.13.0...v5.14.0) (2023-09-20)\\n\\n\\n### Features\\n\\n* **Select:** add onClear argument to renderControl method ([#1022](https://github.com/gravity-ui/uikit/issues/1022)) ([d3af988](https://github.com/gravity-ui/uikit/commit/d3af988a18adbb285269955dfef3c44df78043bf))\\n\\n## [5.13.0](https://github.com/gravity-ui/uikit/compare/v5.12.2...v5.13.0) (2023-09-19)\\n\\n\\n### Features\\n\\n* add hook useOnClickOutside ([#1006](https://github.com/gravity-ui/uikit/issues/1006)) ([6e83459](https://github.com/gravity-ui/uikit/commit/6e8345974c98ab3a949d6741ea38f807e1652ade))\\n* **LayerManager:** add type to layer ([#1018](https://github.com/gravity-ui/uikit/issues/1018)) ([3fb7de9](https://github.com/gravity-ui/uikit/commit/3fb7de912e144a84a0d169b0be65e6e440c886a0))\\n* **Toc:** add component ([#858](https://github.com/gravity-ui/uikit/issues/858)) ([bafed78](https://github.com/gravity-ui/uikit/commit/bafed78dcea0dbedf892763da864d193f18d6421))\\n\\n## [5.12.2](https://github.com/gravity-ui/uikit/compare/v5.12.1...v5.12.2) (2023-09-15)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** fix filtering in case of using grouped options ([#1011](https://github.com/gravity-ui/uikit/issues/1011)) ([096d404](https://github.com/gravity-ui/uikit/commit/096d404d8a1734b9a40ca5e4fedcb66e78cf1b5d))\\n\\n## [5.12.1](https://github.com/gravity-ui/uikit/compare/v5.12.0...v5.12.1) (2023-09-13)\\n\\n\\n### Bug Fixes\\n\\n* **TextInput:** fix inside error display ([#1004](https://github.com/gravity-ui/uikit/issues/1004)) ([1fcab4e](https://github.com/gravity-ui/uikit/commit/1fcab4e83d777bf4a9e38ab919425f502d7080ff))\\n\\n## [5.12.0](https://github.com/gravity-ui/uikit/compare/v5.11.0...v5.12.0) (2023-09-13)\\n\\n\\n### Features\\n\\n* **List:** improve a11y ([#960](https://github.com/gravity-ui/uikit/issues/960)) ([67c35a2](https://github.com/gravity-ui/uikit/commit/67c35a217db3cc4cf8bfd05d606776c57684d9b7))\\n\\n\\n### Bug Fixes\\n\\n* **Menu:** make menu item content width limited by a container ([#1001](https://github.com/gravity-ui/uikit/issues/1001)) ([f3943c9](https://github.com/gravity-ui/uikit/commit/f3943c919d163d809754d8eb49fefe4d75558fbd))\\n* **Select:** fix control border radius in case of using `xl` size ([#998](https://github.com/gravity-ui/uikit/issues/998)) ([8084778](https://github.com/gravity-ui/uikit/commit/80847789edb172b3bee11ebe39714094ce8b62d2))\\n* **Tabs:** show focused state if focus-visible only ([#1000](https://github.com/gravity-ui/uikit/issues/1000)) ([88b89f7](https://github.com/gravity-ui/uikit/commit/88b89f777a665d80974815611d58dbd7eb04ac41))\\n* **ThemeProvider:** fix scoped CSS classes ([#1003](https://github.com/gravity-ui/uikit/issues/1003)) ([9fe15e3](https://github.com/gravity-ui/uikit/commit/9fe15e35e18f7ebbc455f76f7de762d5a3df7225))\\n\\n## [5.11.0](https://github.com/gravity-ui/uikit/compare/v5.10.0...v5.11.0) (2023-09-07)\\n\\n\\n### Features\\n\\n* **Alert, Card:** deprecate `positive` theme ([#986](https://github.com/gravity-ui/uikit/issues/986)) ([e4758d4](https://github.com/gravity-ui/uikit/commit/e4758d408151554ec2946a8cdb07a0e431ce6b85))\\n* **Breadcrumbs:** add `title` prop to item ([#863](https://github.com/gravity-ui/uikit/issues/863)) ([0146f5f](https://github.com/gravity-ui/uikit/commit/0146f5f0052bc7c23fd45b7df9452d5b9c639acf))\\n* **Popover:** add popper modifiers to popover props ([#993](https://github.com/gravity-ui/uikit/issues/993)) ([fdce64a](https://github.com/gravity-ui/uikit/commit/fdce64ae8e9af2dc9b6142cd05fb18e285c2de7c))\\n* **TextArea, TextInput:** use aria-describedby for error and note ([#904](https://github.com/gravity-ui/uikit/issues/904)) ([d51039b](https://github.com/gravity-ui/uikit/commit/d51039bb0fd4129ac511681e7fa23f051d1c3397))\\n\\n## [5.10.0](https://github.com/gravity-ui/uikit/compare/v5.9.1...v5.10.0) (2023-09-05)\\n\\n\\n### Features\\n\\n* add CSS variables to control focus outline ([#973](https://github.com/gravity-ui/uikit/issues/973)) ([d926ef8](https://github.com/gravity-ui/uikit/commit/d926ef870b4daef03ed0970f9b97fbc85b93f5d0))\\n* **Card:** update README ([#976](https://github.com/gravity-ui/uikit/issues/976)) ([60bf6cc](https://github.com/gravity-ui/uikit/commit/60bf6cc13f3fcda6b03e1de0e152c3b0a5f10ac0))\\n* **Flex:** add alignContent, justifyItems and justifySelf css props ([#974](https://github.com/gravity-ui/uikit/issues/974)) ([0be31c9](https://github.com/gravity-ui/uikit/commit/0be31c94a2290b6787b88cdb15fa5d048faf4134))\\n* **Menu:** improve MenuItem a11y ([#959](https://github.com/gravity-ui/uikit/issues/959)) ([338f907](https://github.com/gravity-ui/uikit/commit/338f9070c558cd7ce85b99f6ef5539ad0e63a57b))\\n* **Popover:** accept function as a children ([#900](https://github.com/gravity-ui/uikit/issues/900)) ([ca5bcc7](https://github.com/gravity-ui/uikit/commit/ca5bcc708598d69270a8645c2fa6a00dc0c9397b))\\n* **Table:** update README ([#985](https://github.com/gravity-ui/uikit/issues/985)) ([cc95a33](https://github.com/gravity-ui/uikit/commit/cc95a3372d781aae95f7516cb2e2a2744eca570b))\\n* **TextInput:** add an option to display error via tooltip ([#821](https://github.com/gravity-ui/uikit/issues/821)) ([f883f01](https://github.com/gravity-ui/uikit/commit/f883f0126371339e0b0ad46365c29bf1980bdbe7))\\n* **Toast:** update icons according to design ([#984](https://github.com/gravity-ui/uikit/issues/984)) ([d10d2c9](https://github.com/gravity-ui/uikit/commit/d10d2c9e1d3d1394786a1105d0d3806de07bce08))\\n\\n\\n### Bug Fixes\\n\\n* **Disclosure:** explicit type export ([#983](https://github.com/gravity-ui/uikit/issues/983)) ([eeba89d](https://github.com/gravity-ui/uikit/commit/eeba89d4ee2f6a849c0621e96817c00461b2d20f))\\n* **Pagination:** increase priority over input styles ([#989](https://github.com/gravity-ui/uikit/issues/989)) ([bbfa6a5](https://github.com/gravity-ui/uikit/commit/bbfa6a5a5ba87dcba31121ccefbb9d05d2f6f60d))\\n* **Toast:** don\'t render empty actions array ([#979](https://github.com/gravity-ui/uikit/issues/979)) ([e19d0b9](https://github.com/gravity-ui/uikit/commit/e19d0b9344ee3f8cbec3e0ee107fcb244b1e26c9))\\n\\n## [5.9.1](https://github.com/gravity-ui/uikit/compare/v5.9.0...v5.9.1) (2023-08-28)\\n\\n\\n### Bug Fixes\\n\\n* downgrade tslib to 2.6.1 ([#963](https://github.com/gravity-ui/uikit/issues/963)) ([87c62d3](https://github.com/gravity-ui/uikit/commit/87c62d3c8034a48bc278999f38e9911c3b54be23))\\n\\n## [5.9.0](https://github.com/gravity-ui/uikit/compare/v5.8.0...v5.9.0) (2023-08-24)\\n\\n\\n### Features\\n\\n* update deps ([#943](https://github.com/gravity-ui/uikit/issues/943)) ([57547c7](https://github.com/gravity-ui/uikit/commit/57547c7fce715e6dcb4adc80029892ab7ebbeff5))\\n\\n\\n### Bug Fixes\\n\\n* **List:** item type validation ([#949](https://github.com/gravity-ui/uikit/issues/949)) ([1aef5b5](https://github.com/gravity-ui/uikit/commit/1aef5b592761d6b9a471cdcd92274f7367da4e6b))\\n\\n## [5.8.0](https://github.com/gravity-ui/uikit/compare/v5.7.0...v5.8.0) (2023-08-24)\\n\\n\\n### Features\\n\\n* create useViewportSize hook ([#933](https://github.com/gravity-ui/uikit/issues/933)) ([637f88d](https://github.com/gravity-ui/uikit/commit/637f88d3f70084d9c7dbe7191e6cdee6c7380bd7))\\n* **List:** add loading and onLoadMore props ([#934](https://github.com/gravity-ui/uikit/issues/934)) ([5eab30f](https://github.com/gravity-ui/uikit/commit/5eab30f8e4b8c7517e7d4963762961c0f4743ebb))\\n\\n\\n### Bug Fixes\\n\\n* **ClearButton:** increase selector specificity ([#945](https://github.com/gravity-ui/uikit/issues/945)) ([edee285](https://github.com/gravity-ui/uikit/commit/edee285af48e8817184fb2214916f09159ca545d))\\n* **Table:** fix copying the array from getRowClassNames ([#923](https://github.com/gravity-ui/uikit/issues/923)) ([3f123b7](https://github.com/gravity-ui/uikit/commit/3f123b7feb90ddeb123d06ef42f947fe9f85264d))\\n\\n## [5.7.0](https://github.com/gravity-ui/uikit/compare/v5.6.0...v5.7.0) (2023-08-22)\\n\\n\\n### Features\\n\\n* **Table:** add `wordWrap` option to prevent text cut ([#919](https://github.com/gravity-ui/uikit/issues/919)) ([52d6efb](https://github.com/gravity-ui/uikit/commit/52d6efbfc405cd156ae1b62d4532cb22a96f649f))\\n\\n\\n### Bug Fixes\\n\\n* **Table:** calculate column styles on mount ([#926](https://github.com/gravity-ui/uikit/issues/926)) ([e51a73b](https://github.com/gravity-ui/uikit/commit/e51a73b66e576a641cdc2218e873a622e3ba5e98))\\n\\n## [5.6.0](https://github.com/gravity-ui/uikit/compare/v5.5.1...v5.6.0) (2023-08-22)\\n\\n\\n### Features\\n\\n* **Icon:** forward `ref` ([#929](https://github.com/gravity-ui/uikit/issues/929)) ([28d023d](https://github.com/gravity-ui/uikit/commit/28d023dc14b05adada4e78d7dfcd3f725bcef2db))\\n* **TextArea:** add gravity documentation ([#920](https://github.com/gravity-ui/uikit/issues/920)) ([56f0796](https://github.com/gravity-ui/uikit/commit/56f0796dce851016895f23efd0946fd2c5b93894))\\n* **TextInput:** add gravity documentation ([#912](https://github.com/gravity-ui/uikit/issues/912)) ([641e424](https://github.com/gravity-ui/uikit/commit/641e424cf8a21ee99b270472971aff980ea55cf9))\\n\\n## [5.5.1](https://github.com/gravity-ui/uikit/compare/v5.5.0...v5.5.1) (2023-08-18)\\n\\n\\n### Bug Fixes\\n\\n* **Button:** fix maxWidth property in case of using button only with icon node ([#914](https://github.com/gravity-ui/uikit/issues/914)) ([15dde1a](https://github.com/gravity-ui/uikit/commit/15dde1abaa497ad270626e3702e684c7be921a89))\\n* **MobileProvider:** fix SSR compatibility ([#897](https://github.com/gravity-ui/uikit/issues/897)) ([9c6f5a7](https://github.com/gravity-ui/uikit/commit/9c6f5a7f770225228f88bd9b7a1dfcf059a73f05))\\n\\n## [5.5.0](https://github.com/gravity-ui/uikit/compare/v5.4.1...v5.5.0) (2023-08-17)\\n\\n\\n### Features\\n\\n* **Link:** add visitable prop ([#872](https://github.com/gravity-ui/uikit/issues/872)) ([62903e5](https://github.com/gravity-ui/uikit/commit/62903e50e18d3ce17faa148b966dae757f57d735))\\n* **Select:** add onLoadMore prop ([#901](https://github.com/gravity-ui/uikit/issues/901)) ([e191c0b](https://github.com/gravity-ui/uikit/commit/e191c0b5a2fb59ca915066bffd080660d472d48a))\\n* **TextArea|TextInput:** add note prop into TextArea and TextInput ([#895](https://github.com/gravity-ui/uikit/issues/895)) ([ad959e4](https://github.com/gravity-ui/uikit/commit/ad959e4d0f518f2655713099e43b91b4cb74f286))\\n* use \\"Inter\\" as main font ([#893](https://github.com/gravity-ui/uikit/issues/893)) ([13ed356](https://github.com/gravity-ui/uikit/commit/13ed356b1f8eaf82816f0f6e0ec3f6437b364c41))\\n\\n\\n### Bug Fixes\\n\\n* **Toaster:** add min-height ([#882](https://github.com/gravity-ui/uikit/issues/882)) ([a254e1b](https://github.com/gravity-ui/uikit/commit/a254e1ba09f0da2d0ba724aac6cf2fde588844f5))\\n\\n## [5.4.1](https://github.com/gravity-ui/uikit/compare/v5.4.0...v5.4.1) (2023-08-11)\\n\\n\\n### Bug Fixes\\n\\n* **Disclosure:** add displayName ([#891](https://github.com/gravity-ui/uikit/issues/891)) ([81a71ae](https://github.com/gravity-ui/uikit/commit/81a71ae1da5d299af65aca156f98595bf16e789c))\\n* **focusTrap:** do not create focusTrap during render ([#888](https://github.com/gravity-ui/uikit/issues/888)) ([2a6bb83](https://github.com/gravity-ui/uikit/commit/2a6bb8346784e9405ed19c01b9ef5d7f86cc080b))\\n* **Popup:** set tabIndex on focusTrap root element ([#889](https://github.com/gravity-ui/uikit/issues/889)) ([4941880](https://github.com/gravity-ui/uikit/commit/49418800125bb5640e49cac21a3dd8b5c11cb6d5))\\n* **Tooltip:** set default open delay, focus/blur ignores delay ([#892](https://github.com/gravity-ui/uikit/issues/892)) ([625f4f4](https://github.com/gravity-ui/uikit/commit/625f4f4d0b3bc7ee2847753d85f6e020f2e158ea))\\n\\n## [5.4.0](https://github.com/gravity-ui/uikit/compare/v5.3.0...v5.4.0) (2023-08-10)\\n\\n\\n### Features\\n\\n* **Toaster:** make title optional ([#879](https://github.com/gravity-ui/uikit/issues/879)) ([37a434d](https://github.com/gravity-ui/uikit/commit/37a434d35bf806e861765ae0da70c5a129b558ad))\\n\\n## [5.3.0](https://github.com/gravity-ui/uikit/compare/v5.2.0...v5.3.0) (2023-08-10)\\n\\n\\n### Features\\n\\n* use useId from React 18 to generate uniq ids ([#883](https://github.com/gravity-ui/uikit/issues/883)) ([2b83656](https://github.com/gravity-ui/uikit/commit/2b836560d6c35601b9c9f2507e377975cfac4d07))\\n\\n\\n### Bug Fixes\\n\\n* add Disclosure to imports ([#886](https://github.com/gravity-ui/uikit/issues/886)) ([a1d052e](https://github.com/gravity-ui/uikit/commit/a1d052e09039412f00ed4c44a83a81fbe7afcd44))\\n\\n## [5.2.0](https://github.com/gravity-ui/uikit/compare/v5.1.0...v5.2.0) (2023-08-10)\\n\\n\\n### Features\\n\\n* add Disclosure component ([#796](https://github.com/gravity-ui/uikit/issues/796)) ([df1eefd](https://github.com/gravity-ui/uikit/commit/df1eefd606f0db0e4392dc4c2f0a7a5144175f33))\\n* export hook useActionHandlers ([#836](https://github.com/gravity-ui/uikit/issues/836)) ([1ee8f3c](https://github.com/gravity-ui/uikit/commit/1ee8f3ca925f18e10f3eb0f7cd9c751791a240f8))\\n* **hooks:** export `useUniqId` hook ([#880](https://github.com/gravity-ui/uikit/issues/880)) ([a329789](https://github.com/gravity-ui/uikit/commit/a3297895262d8eddc2cd807b0de5879010f93e21))\\n* **Pagination:** add className prop ([#803](https://github.com/gravity-ui/uikit/issues/803)) ([b0cc6cd](https://github.com/gravity-ui/uikit/commit/b0cc6cdcc18553a6308a3ddecfdde82f3ab14d35))\\n* **Persona:** add style prop ([#855](https://github.com/gravity-ui/uikit/issues/855)) ([5d455e6](https://github.com/gravity-ui/uikit/commit/5d455e6c533e8901ae9fc36258f070ef64bc06d0))\\n* **Persona:** extend text property ([#876](https://github.com/gravity-ui/uikit/issues/876)) ([84f31df](https://github.com/gravity-ui/uikit/commit/84f31df469ea8fad8d37b5e3cfac666cf9ebe1f6))\\n* **Popover:** add props to improve accessibility ([#868](https://github.com/gravity-ui/uikit/issues/868)) ([8d2bf81](https://github.com/gravity-ui/uikit/commit/8d2bf81b59b396d30244934c6888bd97fcd1529b))\\n* **Select.SelectPopup:** add width modes ([#854](https://github.com/gravity-ui/uikit/issues/854)) ([d4ccfcf](https://github.com/gravity-ui/uikit/commit/d4ccfcfd706b78b908acddd5cea529f44fc15ebf))\\n* **Select:** add renderOptionGroup, getOptionGroupHeight props ([#828](https://github.com/gravity-ui/uikit/issues/828)) ([7f93637](https://github.com/gravity-ui/uikit/commit/7f9363773e0a8ff22d7dba102e5d56298a9c5729))\\n* **Select:** loading indicator ([#761](https://github.com/gravity-ui/uikit/issues/761)) ([aa1a963](https://github.com/gravity-ui/uikit/commit/aa1a963ea1440fe8b6209c872e7adc7217bf0209))\\n* **Select:** selected values appearance ([#848](https://github.com/gravity-ui/uikit/issues/848)) ([17e11f6](https://github.com/gravity-ui/uikit/commit/17e11f643fe4d84fcb7a2b8c6681e64e888241e0))\\n\\n\\n### Bug Fixes\\n\\n* add menu-item-content-children class name ([#839](https://github.com/gravity-ui/uikit/issues/839)) ([4519ea5](https://github.com/gravity-ui/uikit/commit/4519ea5b3baa3a0e665a8b477e73ef8ea5cb44a3))\\n* **Disclosure:** readme ([#852](https://github.com/gravity-ui/uikit/issues/852)) ([6065c56](https://github.com/gravity-ui/uikit/commit/6065c56042be2650d27c7f99de6e115d2cf6691c))\\n* **Label:** actions icon size fix ([#851](https://github.com/gravity-ui/uikit/issues/851)) ([1bce6e4](https://github.com/gravity-ui/uikit/commit/1bce6e4777e7282c251649e79fbd3b11d4994f3a))\\n* **Menu:** set properly QA attributes names ([#844](https://github.com/gravity-ui/uikit/issues/844)) ([b3a9f1e](https://github.com/gravity-ui/uikit/commit/b3a9f1e3472608d0a3865604219be3477fd770d8))\\n* **Select:** disable option selection ([#870](https://github.com/gravity-ui/uikit/issues/870)) ([09c2e7d](https://github.com/gravity-ui/uikit/commit/09c2e7d4d47e801a4d4f1eed301828a07ee594bf))\\n* **Select:** do not show cursor:pointer on control when Select is disabled ([#874](https://github.com/gravity-ui/uikit/issues/874)) ([5d7c8b4](https://github.com/gravity-ui/uikit/commit/5d7c8b4af927dc38a24dda0b9ef24c94178e5823))\\n* **Select:** popup width fit mode with identation ([#873](https://github.com/gravity-ui/uikit/issues/873)) ([61a4c9a](https://github.com/gravity-ui/uikit/commit/61a4c9ae0bc551e188b9a7f4875a00db447aecf2))\\n* **TextArea:** fix incorrect type ([#867](https://github.com/gravity-ui/uikit/issues/867)) ([831bf5f](https://github.com/gravity-ui/uikit/commit/831bf5fbefa73a3f1a78fce3148e7fcf2849926e))\\n* **useRestoreFocus:** correctly set current restore element ([#865](https://github.com/gravity-ui/uikit/issues/865)) ([35bc0d5](https://github.com/gravity-ui/uikit/commit/35bc0d554664115a5a82c4c6bc9730c65de9070f))\\n\\n## [5.1.0](https://github.com/gravity-ui/uikit/compare/v5.0.2...v5.1.0) (2023-07-20)\\n\\n\\n### Features\\n\\n* **LayerManager:** export getLayersCount ([#830](https://github.com/gravity-ui/uikit/issues/830)) ([2ce4304](https://github.com/gravity-ui/uikit/commit/2ce43049d039e65c8927ec87e058c6472888e5c9))\\n\\n\\n### Bug Fixes\\n\\n* **Table:** remove redundant height with enabled sorting ([#826](https://github.com/gravity-ui/uikit/issues/826)) ([c5c09b6](https://github.com/gravity-ui/uikit/commit/c5c09b63af641513e4ddfaee0740ad13fdcaa6a7))\\n\\n## [5.0.2](https://github.com/gravity-ui/uikit/compare/v5.0.1...v5.0.2) (2023-07-18)\\n\\n\\n### Bug Fixes\\n\\n* **Card:** prevent keyboard handler form abort ([#825](https://github.com/gravity-ui/uikit/issues/825)) ([273d316](https://github.com/gravity-ui/uikit/commit/273d3161e22cf8f1b1f269861dcf0e01b0e2a8a1))\\n\\n## [5.0.1](https://github.com/gravity-ui/uikit/compare/v5.0.0...v5.0.1) (2023-07-17)\\n\\n\\n### Bug Fixes\\n\\n* fix color palette ([#823](https://github.com/gravity-ui/uikit/issues/823)) ([bb77d87](https://github.com/gravity-ui/uikit/commit/bb77d87a1785f92f52949bf441ca79710c7aa3a9))\\n\\n## [5.0.0](https://github.com/gravity-ui/uikit/compare/v4.24.0...v5.0.0) (2023-07-14)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* new brand color ([#815](https://github.com/gravity-ui/uikit/issues/815))\\n* update colors ([#794](https://github.com/gravity-ui/uikit/issues/794))\\n* remove moved components ([#795](https://github.com/gravity-ui/uikit/issues/795))\\n* **TextInput:** separate into 2 components TextInput & TextArea ([#764](https://github.com/gravity-ui/uikit/issues/764))\\n* customization refactor ([#773](https://github.com/gravity-ui/uikit/issues/773))\\n* remove popup wrapper class, use content classes for popover… ([#711](https://github.com/gravity-ui/uikit/issues/711))\\n* update `xs` border radius ([#775](https://github.com/gravity-ui/uikit/issues/775))\\n* rename CSS vars ([#767](https://github.com/gravity-ui/uikit/issues/767))\\n* themization update ([#758](https://github.com/gravity-ui/uikit/issues/758))\\n* refactor theme context data flow ([#745](https://github.com/gravity-ui/uikit/issues/745))\\n* **Button:** add selected state for all views ([#755](https://github.com/gravity-ui/uikit/issues/755))\\n* **Button:** update paddings ([#636](https://github.com/gravity-ui/uikit/issues/636))\\n* **Progress:** rename `view` prop to `size` ([#747](https://github.com/gravity-ui/uikit/issues/747))\\n* remove `resize-observer-polyfill` ([#744](https://github.com/gravity-ui/uikit/issues/744))\\n* **Label:** remove `style` prop ([#733](https://github.com/gravity-ui/uikit/issues/733))\\n* removed migrated components ([#743](https://github.com/gravity-ui/uikit/issues/743))\\n* **Toaster:** remove deprecated `isOverride` prop ([#734](https://github.com/gravity-ui/uikit/issues/734))\\n* use icons from Gravity ([#735](https://github.com/gravity-ui/uikit/issues/735))\\n* **SharePopover:** remove deprecated `handleMetrika` prop ([#739](https://github.com/gravity-ui/uikit/issues/739))\\n\\n### Features\\n\\n* add hook useFocusWithin ([#804](https://github.com/gravity-ui/uikit/issues/804)) ([0ec0195](https://github.com/gravity-ui/uikit/commit/0ec0195d1a5122d56543865328497dec4782fe58))\\n* basic branding docs ([#789](https://github.com/gravity-ui/uikit/issues/789)) ([9535094](https://github.com/gravity-ui/uikit/commit/95350947efd57df45072eac4fa60738fceb741e5))\\n* **Button:** add selected state for all views ([#755](https://github.com/gravity-ui/uikit/issues/755)) ([8658b39](https://github.com/gravity-ui/uikit/commit/8658b395a612b091e525ff3222ebcef137155865))\\n* **Button:** added new views ([#805](https://github.com/gravity-ui/uikit/issues/805)) ([1ffc818](https://github.com/gravity-ui/uikit/commit/1ffc81871f3a7ee326f28410bd8a657865f88016))\\n* **Button:** update paddings ([#636](https://github.com/gravity-ui/uikit/issues/636)) ([eb36999](https://github.com/gravity-ui/uikit/commit/eb36999362feb834e86945359da914505ecfeecc))\\n* customization refactor ([#773](https://github.com/gravity-ui/uikit/issues/773)) ([3c1a33e](https://github.com/gravity-ui/uikit/commit/3c1a33e88c98dba3cd698eaa3fc01323e618567a))\\n* **Label:** remove `style` prop ([#733](https://github.com/gravity-ui/uikit/issues/733)) ([bc906e4](https://github.com/gravity-ui/uikit/commit/bc906e4923e734eff796aa917c5a8bf8c3ecb1a4))\\n* new brand color ([#815](https://github.com/gravity-ui/uikit/issues/815)) ([42e75ef](https://github.com/gravity-ui/uikit/commit/42e75eff24b6af9b12264a50e3406e7fafc85139))\\n* **Progress:** rename `view` prop to `size` ([#747](https://github.com/gravity-ui/uikit/issues/747)) ([f2a567e](https://github.com/gravity-ui/uikit/commit/f2a567e6069b3b61065489b40eb646cd9e12276c))\\n* remove `resize-observer-polyfill` ([#744](https://github.com/gravity-ui/uikit/issues/744)) ([f73e221](https://github.com/gravity-ui/uikit/commit/f73e22104bd4c76a7f951d3592096d5a862e46e5))\\n* removed migrated components ([#743](https://github.com/gravity-ui/uikit/issues/743)) ([75fea15](https://github.com/gravity-ui/uikit/commit/75fea15f2a0b18cf0c3b17aedf0f964dc8207fdf))\\n* rename CSS vars ([#767](https://github.com/gravity-ui/uikit/issues/767)) ([ff74eaa](https://github.com/gravity-ui/uikit/commit/ff74eaa1b232554610cf0f2ddb4c36717b5f4fe3))\\n* **SharePopover:** remove deprecated `handleMetrika` prop ([#739](https://github.com/gravity-ui/uikit/issues/739)) ([08fe894](https://github.com/gravity-ui/uikit/commit/08fe8941ecbd6512bb8e51f457d540071aa5c433))\\n* **TextInput:** separate into 2 components TextInput & TextArea ([#764](https://github.com/gravity-ui/uikit/issues/764)) ([e9aff63](https://github.com/gravity-ui/uikit/commit/e9aff632b924307e7700e76855ba15abc905be3b))\\n* **Toaster:** remove deprecated `isOverride` prop ([#734](https://github.com/gravity-ui/uikit/issues/734)) ([be97e59](https://github.com/gravity-ui/uikit/commit/be97e59adec6cde04c013073b3a3eeab0ec257cd))\\n* **Tooltip:** show/hide tooltip on focus/blur ([#797](https://github.com/gravity-ui/uikit/issues/797)) ([7f67a36](https://github.com/gravity-ui/uikit/commit/7f67a36cba7105c9dafc6369dd2fa1f4e15a0421))\\n* update `xs` border radius ([#775](https://github.com/gravity-ui/uikit/issues/775)) ([70dece4](https://github.com/gravity-ui/uikit/commit/70dece4300261d8a4d19f0ed90424d454fc0590c))\\n* update colors ([#794](https://github.com/gravity-ui/uikit/issues/794)) ([6c67fef](https://github.com/gravity-ui/uikit/commit/6c67fef7176f19322c472203e38428e34ffd4663))\\n* use icons from Gravity ([#735](https://github.com/gravity-ui/uikit/issues/735)) ([6c5d098](https://github.com/gravity-ui/uikit/commit/6c5d098b1a35ea4f661b34446e759d9867a1f786))\\n\\n\\n### Bug Fixes\\n\\n* brand colors ([c4f91a1](https://github.com/gravity-ui/uikit/commit/c4f91a1c1ef28e7619375a78b600fa3d889b243b))\\n* **Button:** remove min-width ([8a0a58a](https://github.com/gravity-ui/uikit/commit/8a0a58a0e0c0b73acf111293c76776188fca47e2))\\n* change display from inline to inline-block ([#756](https://github.com/gravity-ui/uikit/issues/756)) ([49418ab](https://github.com/gravity-ui/uikit/commit/49418ab9eadb66a0fbfbbf45519f2daa06506cf4))\\n* change span to div in Trigger, the problem with semantic error ([#754](https://github.com/gravity-ui/uikit/issues/754)) ([8309193](https://github.com/gravity-ui/uikit/commit/83091938dc17daa4705ed7aead10b000c52031eb))\\n* rebase issues ([9e08632](https://github.com/gravity-ui/uikit/commit/9e0863215ad9ca924823c0d2df229ac76de116d3))\\n* **TextArea:** fix minRows property behaviour on initial render ([#814](https://github.com/gravity-ui/uikit/issues/814)) ([fe3e5d0](https://github.com/gravity-ui/uikit/commit/fe3e5d0bf917660e3f11fa8778a1b6b6ab0feeb8))\\n* **TextInput:** do not shrink clear button size ([#810](https://github.com/gravity-ui/uikit/issues/810)) ([82808d8](https://github.com/gravity-ui/uikit/commit/82808d86116c7124aac61272ecaf2418057f8866))\\n* variables ([#808](https://github.com/gravity-ui/uikit/issues/808)) ([042a982](https://github.com/gravity-ui/uikit/commit/042a9825008089a639e3399a7a8a6f890afca33d))\\n* various fixes ([#793](https://github.com/gravity-ui/uikit/issues/793)) ([f80682e](https://github.com/gravity-ui/uikit/commit/f80682e69721c8cc60fe68aa2f4c62d8d110b758))\\n* wrong deprecated color ([a68ffb2](https://github.com/gravity-ui/uikit/commit/a68ffb2de5de9aef5b314d813b61896bd65aa6c1))\\n\\n\\n### refactor\\n\\n* refactor theme context data flow ([#745](https://github.com/gravity-ui/uikit/issues/745)) ([4a12982](https://github.com/gravity-ui/uikit/commit/4a1298204d14006ae8ec7a57077549b90a852c62))\\n* remove moved components ([#795](https://github.com/gravity-ui/uikit/issues/795)) ([20ed66d](https://github.com/gravity-ui/uikit/commit/20ed66d7c164908a35e47687077fc88ed1ae3b0c))\\n* remove popup wrapper class, use content classes for popover… ([#711](https://github.com/gravity-ui/uikit/issues/711)) ([e5346f9](https://github.com/gravity-ui/uikit/commit/e5346f90b74f61d67bffe4ed4c72842cecdd48cb))\\n* themization update ([#758](https://github.com/gravity-ui/uikit/issues/758)) ([265af0c](https://github.com/gravity-ui/uikit/commit/265af0c06773dbcb2e1148dc4b6f5159ad3b70b6))\\n\\n## [4.24.0](https://github.com/gravity-ui/uikit/compare/v4.23.0...v4.24.0) (2023-07-14)\\n\\n\\n### Features\\n\\n* **ArrowToggle:** use icon from gravity-ui/icons ([#811](https://github.com/gravity-ui/uikit/issues/811)) ([7113923](https://github.com/gravity-ui/uikit/commit/7113923f2d7c9a7541ede0a74b6ed75b382243f6))\\n\\n\\n### Bug Fixes\\n\\n* **Hotkey:** setting a key property of a span in Hotkey\'s content ([#813](https://github.com/gravity-ui/uikit/issues/813)) ([d7aa609](https://github.com/gravity-ui/uikit/commit/d7aa6099529e351b79aedadcad54b3f4c273599e))\\n* **LayerManager:** ignore clicks on Toast ([#792](https://github.com/gravity-ui/uikit/issues/792)) ([ba7d7b0](https://github.com/gravity-ui/uikit/commit/ba7d7b0662a46f3ea9e52ddc126c53449c69685c))\\n* **useListNavigation:** remove navigation with right and left arrows ([#817](https://github.com/gravity-ui/uikit/issues/817)) ([0aab910](https://github.com/gravity-ui/uikit/commit/0aab9102db6af9265363f135b1d445b1efc48a58))\\n\\n## [4.23.0](https://github.com/gravity-ui/uikit/compare/v4.22.1...v4.23.0) (2023-07-07)\\n\\n\\n### Features\\n\\n* **Button:** use `aria-pressed` attribute for selected ([#799](https://github.com/gravity-ui/uikit/issues/799)) ([36490a9](https://github.com/gravity-ui/uikit/commit/36490a95ab7c17b04087410da45b7ade0c1cdb22))\\n* **Card:** added accessibility via keyboard ([#771](https://github.com/gravity-ui/uikit/issues/771)) ([24113e3](https://github.com/gravity-ui/uikit/commit/24113e312d094a0d0668fb3f9334dc2b2c459959))\\n* **Toaster:** new look ([#746](https://github.com/gravity-ui/uikit/issues/746)) ([5a9054e](https://github.com/gravity-ui/uikit/commit/5a9054ebba053d656b677c979fb1b99b77cb5113))\\n\\n## [4.22.1](https://github.com/gravity-ui/uikit/compare/v4.22.0...v4.22.1) (2023-07-03)\\n\\n\\n### Bug Fixes\\n\\n* **Label:** use proper Button size ([#776](https://github.com/gravity-ui/uikit/issues/776)) ([81395ad](https://github.com/gravity-ui/uikit/commit/81395adf0a0defe07bbc51ff5162e58e213e8878))\\n* **Select:** fix vertical align for SelectControl ([#790](https://github.com/gravity-ui/uikit/issues/790)) ([0abdc4a](https://github.com/gravity-ui/uikit/commit/0abdc4aa67184bf864a1ecbfdb8589d958353eb6))\\n\\n## [4.22.0](https://github.com/gravity-ui/uikit/compare/v4.21.4...v4.22.0) (2023-06-30)\\n\\n\\n### Features\\n\\n* **SelectFilter:** pass styles to renderFilter and remove wrapper ([#786](https://github.com/gravity-ui/uikit/issues/786)) ([29a6d3b](https://github.com/gravity-ui/uikit/commit/29a6d3bd640c3c0339fa842795632821fcdc5fc7))\\n\\n## [4.21.4](https://github.com/gravity-ui/uikit/compare/v4.21.3...v4.21.4) (2023-06-29)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** fix selectControl height & bg hover style ([#784](https://github.com/gravity-ui/uikit/issues/784)) ([f2fa9e9](https://github.com/gravity-ui/uikit/commit/f2fa9e97ad15f155fc6e07d6af57dd2c4f5c0d4b))\\n\\n## [4.21.3](https://github.com/gravity-ui/uikit/compare/v4.21.2...v4.21.3) (2023-06-29)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** fix qa & selectControl bg hover style ([#781](https://github.com/gravity-ui/uikit/issues/781)) ([f12a08e](https://github.com/gravity-ui/uikit/commit/f12a08eb28a93b48b78b467a082510625a85160f))\\n\\n## [4.21.2](https://github.com/gravity-ui/uikit/compare/v4.21.1...v4.21.2) (2023-06-29)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** fix selectControl block style ([#777](https://github.com/gravity-ui/uikit/issues/777)) ([fb146de](https://github.com/gravity-ui/uikit/commit/fb146de90875cf92ae1aec38f8062cafc3199723))\\n\\n## [4.21.1](https://github.com/gravity-ui/uikit/compare/v4.21.0...v4.21.1) (2023-06-28)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** fix SelectControl hover and border-radius styles ([#772](https://github.com/gravity-ui/uikit/issues/772)) ([9d6ef59](https://github.com/gravity-ui/uikit/commit/9d6ef59bc722335abb38e21b9f16a50487f29738))\\n\\n## [4.21.0](https://github.com/gravity-ui/uikit/compare/v4.20.0...v4.21.0) (2023-06-26)\\n\\n\\n### Features\\n\\n* **Select:** add hasClear ([#668](https://github.com/gravity-ui/uikit/issues/668)) ([93a2a00](https://github.com/gravity-ui/uikit/commit/93a2a00881db4d37e0cee72690c5475de7dcae0a))\\n\\n## [4.20.0](https://github.com/gravity-ui/uikit/compare/v4.19.0...v4.20.0) (2023-06-23)\\n\\n\\n### Features\\n\\n* **Menu:** change extra pseudo classes in markup to padding\'s ([#703](https://github.com/gravity-ui/uikit/issues/703)) ([24cfc5b](https://github.com/gravity-ui/uikit/commit/24cfc5bf81a48a80afc35f77a831cde39d02d1b5))\\n\\n\\n### Bug Fixes\\n\\n* **Popover:** no left-side overflow due to negative margins ([#736](https://github.com/gravity-ui/uikit/issues/736)) ([c113920](https://github.com/gravity-ui/uikit/commit/c113920660665dc2b5b813cd609b65bd73dd8b82))\\n* **Select:** add [type=\\"button\\"] to control node ([#762](https://github.com/gravity-ui/uikit/issues/762)) ([adc01f0](https://github.com/gravity-ui/uikit/commit/adc01f04a13b540dc8cb861171d4db3f7246b2ef))\\n\\n## [4.19.0](https://github.com/gravity-ui/uikit/compare/v4.18.0...v4.19.0) (2023-06-21)\\n\\n\\n### Features\\n\\n* **ClipboardButton:** added tooltip to clipboard button ([#667](https://github.com/gravity-ui/uikit/issues/667)) ([0508268](https://github.com/gravity-ui/uikit/commit/0508268f7b00b76ed037b17d21d3dd50d1266bda))\\n\\n\\n### Bug Fixes\\n\\n* revert \\"fix: change span to div in popover\\" ([#750](https://github.com/gravity-ui/uikit/issues/750)) ([e0ff9f5](https://github.com/gravity-ui/uikit/commit/e0ff9f5af019aec0fca1b392556e0efaf9e192f6))\\n\\n## [4.18.0](https://github.com/gravity-ui/uikit/compare/v4.17.0...v4.18.0) (2023-06-21)\\n\\n\\n### Features\\n\\n* **Alert:** added new component Alert ([#724](https://github.com/gravity-ui/uikit/issues/724)) ([17caf7e](https://github.com/gravity-ui/uikit/commit/17caf7ed990344309ddaf143acf26c55a088bb85))\\n\\n\\n### Bug Fixes\\n\\n* **Button:** use `--yc-color-text-special` var for all themes ([#732](https://github.com/gravity-ui/uikit/issues/732)) ([712e91b](https://github.com/gravity-ui/uikit/commit/712e91b63202ef994f28e4ad5f22ab971bd57bf3))\\n* change span to div in popover ([#748](https://github.com/gravity-ui/uikit/issues/748)) ([01d9d5b](https://github.com/gravity-ui/uikit/commit/01d9d5bd548333325bc312b1ea6f7d0d8d317bd8))\\n* **Label:** fix rounded style ([#728](https://github.com/gravity-ui/uikit/issues/728)) ([8a57148](https://github.com/gravity-ui/uikit/commit/8a571487e97137029fd21cea074b14372e43660e))\\n* **Persona:** avatar background ([#741](https://github.com/gravity-ui/uikit/issues/741)) ([785c412](https://github.com/gravity-ui/uikit/commit/785c412b47a4f6284a5a122ad533f6db6d612f70))\\n\\n## [4.17.0](https://github.com/gravity-ui/uikit/compare/v4.16.0...v4.17.0) (2023-06-15)\\n\\n\\n### Features\\n\\n* **Select:** design improvements (control & options) ([#727](https://github.com/gravity-ui/uikit/issues/727)) ([6526c86](https://github.com/gravity-ui/uikit/commit/6526c869dda259e943132b4e19369326ea76b20d))\\n\\n## [4.16.0](https://github.com/gravity-ui/uikit/compare/v4.15.1...v4.16.0) (2023-06-09)\\n\\n\\n### Features\\n\\n* add new component Pagination ([#655](https://github.com/gravity-ui/uikit/issues/655)) ([5b1ed4e](https://github.com/gravity-ui/uikit/commit/5b1ed4efe10aab39013b50f2feddbea871eb7aec))\\n* **Label:** added value prop for \\"key:value\\" labels ([#665](https://github.com/gravity-ui/uikit/issues/665)) ([5c979aa](https://github.com/gravity-ui/uikit/commit/5c979aaa29d884693187e55b52bb3ee7fae31ed2))\\n* **Persona:** deprecate `theme` in favour of `hasBorder` ([#720](https://github.com/gravity-ui/uikit/issues/720)) ([14eef03](https://github.com/gravity-ui/uikit/commit/14eef03a54386f1e2070f58490a7ff02b5129c6f))\\n* **UserAvatar:** forward `ref` ([#723](https://github.com/gravity-ui/uikit/issues/723)) ([e84f7c0](https://github.com/gravity-ui/uikit/commit/e84f7c044a6d0a2b8eddc008af22fefba8cddadb))\\n\\n## [4.15.1](https://github.com/gravity-ui/uikit/compare/v4.15.0...v4.15.1) (2023-06-05)\\n\\n\\n### Bug Fixes\\n\\n* add var for light shadows ([#704](https://github.com/gravity-ui/uikit/issues/704)) ([d12134c](https://github.com/gravity-ui/uikit/commit/d12134ca12a1edbfcc8ac691ce06c6fec318416a))\\n* **types:** add typings for i18n export ([#706](https://github.com/gravity-ui/uikit/issues/706)) ([8c68e0e](https://github.com/gravity-ui/uikit/commit/8c68e0eb47a7a9b7048d1951e3826257a5a900ad))\\n\\n## [4.15.0](https://github.com/gravity-ui/uikit/compare/v4.14.0...v4.15.0) (2023-06-01)\\n\\n\\n### Features\\n\\n* **18n:** export addComponentKeysets ([#676](https://github.com/gravity-ui/uikit/issues/676)) ([da2c12f](https://github.com/gravity-ui/uikit/commit/da2c12fcb60d429c0e3496dfba03b23e6c7ffa66))\\n* **Layout:** stable version ([#666](https://github.com/gravity-ui/uikit/issues/666)) ([6fc0459](https://github.com/gravity-ui/uikit/commit/6fc04590dabcc0e968ebdd0d13fedf6d0b6d1bc9))\\n\\n\\n### Bug Fixes\\n\\n* **Menu:** group label style ([#680](https://github.com/gravity-ui/uikit/issues/680)) ([029974b](https://github.com/gravity-ui/uikit/commit/029974beafa49c3dfdb154dd2e16f4a64755d434))\\n\\n## [4.14.0](https://github.com/gravity-ui/uikit/compare/v4.13.0...v4.14.0) (2023-05-22)\\n\\n\\n### Features\\n\\n* **LayerManager:** add a way to subscribe to stack changes ([#652](https://github.com/gravity-ui/uikit/issues/652)) ([84f6b46](https://github.com/gravity-ui/uikit/commit/84f6b460c7cb4190642149c2a77e13cf2e2a01e0))\\n\\n\\n### Bug Fixes\\n\\n* **Select:** fixed behaviour of isOptionMatchedByFilter ([#673](https://github.com/gravity-ui/uikit/issues/673)) ([823fb09](https://github.com/gravity-ui/uikit/commit/823fb09acc8c2e66f948d9986c0c19aebc5d49f2))\\n\\n## [4.13.0](https://github.com/gravity-ui/uikit/compare/v4.12.0...v4.13.0) (2023-05-18)\\n\\n\\n### Features\\n\\n* **TextInput:** add leftContent props ([#653](https://github.com/gravity-ui/uikit/issues/653)) ([e6cbfd6](https://github.com/gravity-ui/uikit/commit/e6cbfd623194b1196f1fe2e08dc0819eca61e6c1))\\n\\n## [4.12.0](https://github.com/gravity-ui/uikit/compare/v4.11.1...v4.12.0) (2023-05-17)\\n\\n\\n### Features\\n\\n* **Button:** add xs Button size ([#663](https://github.com/gravity-ui/uikit/issues/663)) ([efbe9fc](https://github.com/gravity-ui/uikit/commit/efbe9fc70e48466961830994269ecc60ea03400e))\\n\\n## [4.11.1](https://github.com/gravity-ui/uikit/compare/v4.11.0...v4.11.1) (2023-05-12)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** align items by baseline for label and values ([#661](https://github.com/gravity-ui/uikit/issues/661)) ([b25734f](https://github.com/gravity-ui/uikit/commit/b25734f94a0837f2c5857f3609e45e317fbcb99b))\\n\\n## [4.11.0](https://github.com/gravity-ui/uikit/compare/v4.10.0...v4.11.0) (2023-05-11)\\n\\n\\n### Features\\n\\n* **TextInput:** add rightContent props ([#649](https://github.com/gravity-ui/uikit/issues/649)) ([fd29127](https://github.com/gravity-ui/uikit/commit/fd29127d30df8659da3785fc1417cae778846842))\\n* **UserAvatar:** add `srcset` support ([#641](https://github.com/gravity-ui/uikit/issues/641)) ([fe05925](https://github.com/gravity-ui/uikit/commit/fe05925d6b47ff9cc0d4786c5cb435089e3a7987))\\n\\n\\n### Bug Fixes\\n\\n* **Tooltip:** increase selector specificity ([#660](https://github.com/gravity-ui/uikit/issues/660)) ([1f53d8d](https://github.com/gravity-ui/uikit/commit/1f53d8dbd75b01c3c621d4696e4d0317d06b3a82))\\n\\n## [4.10.0](https://github.com/gravity-ui/uikit/compare/v4.9.0...v4.10.0) (2023-04-26)\\n\\n\\n### Features\\n\\n* **Popover:** let action and cancel buttons to wrap on long text ([#631](https://github.com/gravity-ui/uikit/issues/631)) ([f22f9b5](https://github.com/gravity-ui/uikit/commit/f22f9b5ed2b864fbccb19118b142b6e03285296a))\\n\\n## [4.9.0](https://github.com/gravity-ui/uikit/compare/v4.8.1...v4.9.0) (2023-04-20)\\n\\n\\n### Features\\n\\n* **Select:** remove pointer cursor for disabled option ([#638](https://github.com/gravity-ui/uikit/issues/638)) ([d1dd601](https://github.com/gravity-ui/uikit/commit/d1dd60117b03c5c3c6c55ca38f9cee6a6c44e7fc))\\n* **Text:** add reference ([#628](https://github.com/gravity-ui/uikit/issues/628)) ([922b390](https://github.com/gravity-ui/uikit/commit/922b390d92747d55b9ca2521f4de78a5754ca263))\\n\\n\\n### Bug Fixes\\n\\n* **Card:** update border-radius ([#639](https://github.com/gravity-ui/uikit/issues/639)) ([a05df9e](https://github.com/gravity-ui/uikit/commit/a05df9e1c8ddc4f697634296b10aac9aa264b204))\\n\\n## [4.8.1](https://github.com/gravity-ui/uikit/compare/v4.8.0...v4.8.1) (2023-04-17)\\n\\n\\n### Bug Fixes\\n\\n* **FocusTrap:** deactivate focusTrap before clear root node ([#627](https://github.com/gravity-ui/uikit/issues/627)) ([7a5abf1](https://github.com/gravity-ui/uikit/commit/7a5abf1e1e83fbb1fc33e2a774af9d95afc9633b))\\n* **usePopper:** return flip modifier ([#625](https://github.com/gravity-ui/uikit/issues/625)) ([03239bf](https://github.com/gravity-ui/uikit/commit/03239bfe4a969573366a1d4fdd2f07cc8ff217f9))\\n\\n## [4.8.0](https://github.com/gravity-ui/uikit/compare/v4.7.0...v4.8.0) (2023-04-14)\\n\\n\\n### Features\\n\\n* add useFileInput hook ([#624](https://github.com/gravity-ui/uikit/issues/624)) ([eb47759](https://github.com/gravity-ui/uikit/commit/eb47759bb41be8c3c104b93339225b2fa99e302f))\\n* added xpath utils ([#614](https://github.com/gravity-ui/uikit/issues/614)) ([20c72ac](https://github.com/gravity-ui/uikit/commit/20c72ac5175542f0e8328ddd0d7cf284ceda8986))\\n* **Layout:** changed letter designation of the spacings to a digital ([#615](https://github.com/gravity-ui/uikit/issues/615)) ([2aae0d2](https://github.com/gravity-ui/uikit/commit/2aae0d2bb09844be225040b6eae4014dfab6e107))\\n\\n\\n### Bug Fixes\\n\\n* **Label:** Increase priority over button styles ([#622](https://github.com/gravity-ui/uikit/issues/622)) ([e67ce4d](https://github.com/gravity-ui/uikit/commit/e67ce4dfb01a36ec7339ef99cff55d59bf04cd1c))\\n\\n## [4.7.0](https://github.com/gravity-ui/uikit/compare/v4.6.1...v4.7.0) (2023-04-11)\\n\\n\\n### Features\\n\\n* **Select:** add itemHeight to renderOption  ([#618](https://github.com/gravity-ui/uikit/issues/618)) ([4f46baa](https://github.com/gravity-ui/uikit/commit/4f46baa69da0c3ef9e8a7f2eef1fbdaebe8099c3))\\n* **Stories:** support single page story ([#591](https://github.com/gravity-ui/uikit/issues/591)) ([e5ceb5a](https://github.com/gravity-ui/uikit/commit/e5ceb5a174c7f2cdfa772b172f537315e8bb7dfd))\\n\\n\\n### Bug Fixes\\n\\n* **ControlLabel:** allow control text to be stretched ([#619](https://github.com/gravity-ui/uikit/issues/619)) ([5193fc4](https://github.com/gravity-ui/uikit/commit/5193fc41aad9d90702685cbf68479da2470b3952))\\n\\n## [4.6.1](https://github.com/gravity-ui/uikit/compare/v4.6.0...v4.6.1) (2023-04-07)\\n\\n\\n### Bug Fixes\\n\\n* **Icon:** use href attribute in &lt;use&gt; element ([#580](https://github.com/gravity-ui/uikit/issues/580)) ([aaaa900](https://github.com/gravity-ui/uikit/commit/aaaa90045800cc360abc41ec6ea735a1e998995b))\\n* **Table:** add export for TableSortIndicator ([#612](https://github.com/gravity-ui/uikit/issues/612)) ([5072097](https://github.com/gravity-ui/uikit/commit/5072097f9c97beff9a30c036d357418cb4d4755c))\\n\\n## [4.6.0](https://github.com/gravity-ui/uikit/compare/v4.5.0...v4.6.0) (2023-04-06)\\n\\n\\n### Features\\n\\n* **Card:** add size Card and add new sfx style ([#550](https://github.com/gravity-ui/uikit/issues/550)) ([d1dbea6](https://github.com/gravity-ui/uikit/commit/d1dbea6161ae4430280a9052f38f2434366076e7))\\n* export LayoutDirection ([#586](https://github.com/gravity-ui/uikit/issues/586)) ([c1b3375](https://github.com/gravity-ui/uikit/commit/c1b33757263c1c7fe8c491e1ed6d4ee843a2b04f))\\n* **FocusTrap:** automatically add popup content to parent focus-trap ([#594](https://github.com/gravity-ui/uikit/issues/594)) ([7de4a6f](https://github.com/gravity-ui/uikit/commit/7de4a6fb03e088313df2daf3b54b49f66a975652))\\n* **SharePopover:** add an onClick prop, deprecate a handleMetrika prop ([#606](https://github.com/gravity-ui/uikit/issues/606)) ([f5c5c16](https://github.com/gravity-ui/uikit/commit/f5c5c16e79c126d9db5f1d60c63b8535da4bb4c6))\\n\\n\\n### Bug Fixes\\n\\n* table component resize observer loop error ([#610](https://github.com/gravity-ui/uikit/issues/610)) ([4962e47](https://github.com/gravity-ui/uikit/commit/4962e47fdf0cbdb5a96c2e97992621bf143d55c4))\\n\\n## [4.5.0](https://github.com/gravity-ui/uikit/compare/v4.4.3...v4.5.0) (2023-04-04)\\n\\n\\n### Features\\n\\n* **Persona:** add component ([#599](https://github.com/gravity-ui/uikit/issues/599)) ([5190c9d](https://github.com/gravity-ui/uikit/commit/5190c9d2d21aa622a6e5b5350bd22695120bb321))\\n* **Tabs:** add support for tabs via `children` ([#597](https://github.com/gravity-ui/uikit/issues/597)) ([8546901](https://github.com/gravity-ui/uikit/commit/854690192016a43c6f6d11038694321fdc6d8712))\\n\\n## [4.4.3](https://github.com/gravity-ui/uikit/compare/v4.4.2...v4.4.3) (2023-04-03)\\n\\n\\n### Bug Fixes\\n\\n* **layout/Flex:** fix gap size values and remove default theme spacin… ([#592](https://github.com/gravity-ui/uikit/issues/592)) ([42aea11](https://github.com/gravity-ui/uikit/commit/42aea11b3a8bfb729457d2eb2eea0fd24a78ba9e))\\n* **Select:** fix empty group label render ([#601](https://github.com/gravity-ui/uikit/issues/601)) ([548c81c](https://github.com/gravity-ui/uikit/commit/548c81c4cd911fcde3b3f33334b33e64a8504bbe))\\n\\n## [4.4.2](https://github.com/gravity-ui/uikit/compare/v4.4.1...v4.4.2) (2023-03-29)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** fix scroll when virtualization disabled ([#593](https://github.com/gravity-ui/uikit/issues/593)) ([e78e7ad](https://github.com/gravity-ui/uikit/commit/e78e7ade595570f0207bae3939f88e1e49a1311c))\\n\\n## [4.4.1](https://github.com/gravity-ui/uikit/compare/v4.4.0...v4.4.1) (2023-03-29)\\n\\n\\n### Bug Fixes\\n\\n* **layout/Flex:** remove wrappers around null children elements ([#588](https://github.com/gravity-ui/uikit/issues/588)) ([6c6c62f](https://github.com/gravity-ui/uikit/commit/6c6c62f3c4e13025f299c9019d700ce22f0bc1ec))\\n* **layout:** fixed flex gap properties and replaced api with complex … ([#583](https://github.com/gravity-ui/uikit/issues/583)) ([8686fbb](https://github.com/gravity-ui/uikit/commit/8686fbbfe0c633184a8dbf1cebfebfffb6de4943))\\n\\n## [4.4.0](https://github.com/gravity-ui/uikit/compare/v4.3.0...v4.4.0) (2023-03-27)\\n\\n\\n### Features\\n\\n* added wrappers to Flex children components if spacing enabled ([#573](https://github.com/gravity-ui/uikit/issues/573)) ([0a44309](https://github.com/gravity-ui/uikit/commit/0a44309ba66ee5b63a0f364d5a037bfb1f2dcce8))\\n* **List:** add autoFocus ([#570](https://github.com/gravity-ui/uikit/issues/570)) ([3b96d37](https://github.com/gravity-ui/uikit/commit/3b96d372e115ce283c3a601a1db7a051b6e80f7a))\\n* **Select:** add generic type for select option data ([#569](https://github.com/gravity-ui/uikit/issues/569)) ([21819cb](https://github.com/gravity-ui/uikit/commit/21819cbbf80a0052d33a78bc9e5ba9415472f586))\\n* **Select:** add support mobile view ([#579](https://github.com/gravity-ui/uikit/issues/579)) ([0c0df4a](https://github.com/gravity-ui/uikit/commit/0c0df4a58aa81a81bcd14477c584dec77b6cb171))\\n\\n\\n### Bug Fixes\\n\\n* **SheetContent:** fix setting height for content ([#572](https://github.com/gravity-ui/uikit/issues/572)) ([e749230](https://github.com/gravity-ui/uikit/commit/e74923009c2c233c0d74c7c19733dd17a20c617d))\\n\\n## [4.3.0](https://github.com/gravity-ui/uikit/compare/v4.2.0...v4.3.0) (2023-03-16)\\n\\n\\n### Features\\n\\n* **Select:** add support selected value in renderControl ([#566](https://github.com/gravity-ui/uikit/issues/566)) ([f987fb3](https://github.com/gravity-ui/uikit/commit/f987fb39f448d45bdd3638e64eef874835e35d00))\\n* unstable layout components set ([#551](https://github.com/gravity-ui/uikit/issues/551)) ([dc2ffad](https://github.com/gravity-ui/uikit/commit/dc2ffad72e967ff41edb64c2f3e0567c73b52527))\\n\\n\\n### Bug Fixes\\n\\n* **DropdownMenu:** remove required path from DropdownMenuItemProps, fix navigation ([#567](https://github.com/gravity-ui/uikit/issues/567)) ([e7470c3](https://github.com/gravity-ui/uikit/commit/e7470c3e8f1d65d2480eb1eafba7963f627cbd7c))\\n* only known names are now exported from the package ([#565](https://github.com/gravity-ui/uikit/issues/565)) ([203653d](https://github.com/gravity-ui/uikit/commit/203653ddf07fd7a9d6bba1f3ecac18b55208136f))\\n* **storybook:** remove RE_RENDER event from theme addon ([#562](https://github.com/gravity-ui/uikit/issues/562)) ([305aa38](https://github.com/gravity-ui/uikit/commit/305aa38039511e8c36cf1069736267ae20304946))\\n\\n## [4.2.0](https://github.com/gravity-ui/uikit/compare/v4.1.0...v4.2.0) (2023-03-07)\\n\\n\\n### Features\\n\\n* **Progress:** add loading state ([#540](https://github.com/gravity-ui/uikit/issues/540)) ([a76aee0](https://github.com/gravity-ui/uikit/commit/a76aee088efb61abf470660a6e49e323af225467))\\n* **Select:** add \\"open\\", \\"toggleOpen\\" props ([#558](https://github.com/gravity-ui/uikit/issues/558)) ([43d130f](https://github.com/gravity-ui/uikit/commit/43d130f2cdc67c7eba04bcc7cf1e02d811d77de5))\\n* **Table:** add row actions size control prop ([#557](https://github.com/gravity-ui/uikit/issues/557)) ([a045e12](https://github.com/gravity-ui/uikit/commit/a045e129163360b1c8ce5e9ace67cbf768ed6f29))\\n* **Toaster:** add \\"has\\" method ([#439](https://github.com/gravity-ui/uikit/issues/439)) ([ea2b2d8](https://github.com/gravity-ui/uikit/commit/ea2b2d8dbd5ba04304b16859b1c1392952a955bc))\\n* **Toaster:** add ability to customize icon ([#440](https://github.com/gravity-ui/uikit/issues/440)) ([1fefa17](https://github.com/gravity-ui/uikit/commit/1fefa17ab0fd9717ac243d4b97bee08746168d65))\\n\\n\\n### Bug Fixes\\n\\n* **Toaster:** fix animation when toast is updated ([#441](https://github.com/gravity-ui/uikit/issues/441)) ([9e25c8b](https://github.com/gravity-ui/uikit/commit/9e25c8bdc52754ec7d4ba2a2ae21a72813f0d94a))\\n\\n## [4.1.0](https://github.com/gravity-ui/uikit/compare/v4.0.7...v4.1.0) (2023-03-01)\\n\\n\\n### Features\\n\\n* **Select:** add error property ([#548](https://github.com/gravity-ui/uikit/issues/548)) ([061a8df](https://github.com/gravity-ui/uikit/commit/061a8df8b87d82c5f0185e7271bcedfe7fa33fb5))\\n* **Select:** add opportunity to apply maxHeight style to popup via popupClassName property ([#537](https://github.com/gravity-ui/uikit/issues/537)) ([16786e0](https://github.com/gravity-ui/uikit/commit/16786e0cd58b155774ca746db9e6e4f486b0cc82))\\n* **Table:** add onMouseDown action for Table tr ([#534](https://github.com/gravity-ui/uikit/issues/534)) ([4f287b3](https://github.com/gravity-ui/uikit/commit/4f287b3ac45f2cb648db1789efe517f035191df8))\\n* **Table:** add table action icon ([#510](https://github.com/gravity-ui/uikit/issues/510)) ([a265b34](https://github.com/gravity-ui/uikit/commit/a265b34a0885eb8ca365776d7d1dc4868c203958))\\n* **typography:** do not use SF Mono ([#541](https://github.com/gravity-ui/uikit/issues/541)) ([6f4f0d6](https://github.com/gravity-ui/uikit/commit/6f4f0d6f59c2cc68b8d84f521b324c91b6cfba5c))\\n\\n\\n### Bug Fixes\\n\\n* base-generic-ultralight color in dark-hc theme ([#545](https://github.com/gravity-ui/uikit/issues/545)) ([6e23eac](https://github.com/gravity-ui/uikit/commit/6e23eac3d69ee7de155d27b6c42bfe1f6d861e3e))\\n* **Button:** change border for outlined view ([#546](https://github.com/gravity-ui/uikit/issues/546)) ([f47bdfb](https://github.com/gravity-ui/uikit/commit/f47bdfb44ffe5ac76c8c0f6aa5d7302503c9fe98))\\n* fix exports object ([#555](https://github.com/gravity-ui/uikit/issues/555)) ([68dd2bd](https://github.com/gravity-ui/uikit/commit/68dd2bd500f216167ba74b677b14bc322425b52b))\\n* **LayerManager:** check click outside event on the same layer where the  mousedown event happened ([#549](https://github.com/gravity-ui/uikit/issues/549)) ([63637b2](https://github.com/gravity-ui/uikit/commit/63637b213a43fc94353e4d47db5178c59d3cc565))\\n* **TextInput:** no unexpected autocomplete when label prop present ([#509](https://github.com/gravity-ui/uikit/issues/509)) ([0a81ce2](https://github.com/gravity-ui/uikit/commit/0a81ce2f0d0017db2256fc71bd317d26aee7f0b5))\\n\\n## [4.0.7](https://github.com/gravity-ui/uikit/compare/v4.0.6...v4.0.7) (2023-02-10)\\n\\n\\n### Bug Fixes\\n\\n* **Tabs:** typo readme types fix ([#529](https://github.com/gravity-ui/uikit/issues/529)) ([8cbfff2](https://github.com/gravity-ui/uikit/commit/8cbfff2db260f1dd848ddf496b70c243f4534d71))\\n\\n## [4.0.6](https://github.com/gravity-ui/uikit/compare/v4.0.5...v4.0.6) (2023-02-08)\\n\\n\\n### Bug Fixes\\n\\n* add explicitly used deps to package.json ([#530](https://github.com/gravity-ui/uikit/issues/530)) ([72c134d](https://github.com/gravity-ui/uikit/commit/72c134d97013c39e069c39f31d7e70e33446096a))\\n* **Label:** the Label with the close button style fix ([#524](https://github.com/gravity-ui/uikit/issues/524)) ([b7963be](https://github.com/gravity-ui/uikit/commit/b7963be65054816fa0f49f650cbf612faf699f9c))\\n\\n## [4.0.5](https://github.com/gravity-ui/uikit/compare/v4.0.4...v4.0.5) (2023-02-01)\\n\\n\\n### Bug Fixes\\n\\n* **Icon:** add type for icon\'s data ([#522](https://github.com/gravity-ui/uikit/issues/522)) ([1fb9eff](https://github.com/gravity-ui/uikit/commit/1fb9eff8d82098b07cdb66631ade284e25a16ecb))\\n\\n## [4.0.4](https://github.com/gravity-ui/uikit/compare/v4.0.3...v4.0.4) (2023-01-31)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** filter options when filter text is empty ([#517](https://github.com/gravity-ui/uikit/issues/517)) ([9fd57d5](https://github.com/gravity-ui/uikit/commit/9fd57d55761c9975ddfe35e62be33895f47c5a56))\\n\\n## [4.0.3](https://github.com/gravity-ui/uikit/compare/v4.0.2...v4.0.3) (2023-01-31)\\n\\n\\n### Bug Fixes\\n\\n* old exports should work with the new ones ([#515](https://github.com/gravity-ui/uikit/issues/515)) ([fe7790c](https://github.com/gravity-ui/uikit/commit/fe7790cda3beb6866e847edb0877dd5b78bfc84e))\\n\\n## [4.0.2](https://github.com/gravity-ui/uikit/compare/v4.0.1...v4.0.2) (2023-01-30)\\n\\n\\n### Bug Fixes\\n\\n* package exports fixes ([#512](https://github.com/gravity-ui/uikit/issues/512)) ([b1579f7](https://github.com/gravity-ui/uikit/commit/b1579f7123495628c5831c76db2ab54cba335343))\\n\\n## [4.0.1](https://github.com/gravity-ui/uikit/compare/v4.0.0...v4.0.1) (2023-01-26)\\n\\n\\n### Bug Fixes\\n\\n* **TextInput:** do not auto generate id for input if not needed ([#505](https://github.com/gravity-ui/uikit/issues/505)) ([26b24df](https://github.com/gravity-ui/uikit/commit/26b24dfeecd8ab427215cd4b48e9b508cffbea9f))\\n\\n## [4.0.0](https://github.com/gravity-ui/uikit/compare/v3.20.0...v4.0.0) (2023-01-26)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* text semantic colors update ([#484](https://github.com/gravity-ui/uikit/issues/484))\\n* remove deprecated props ([#486](https://github.com/gravity-ui/uikit/issues/486))\\n* **ShareTooltip:** rename to SharePopover ([#488](https://github.com/gravity-ui/uikit/issues/488))\\n* **Popover:** make `forceLinksAppearance` false by default ([#472](https://github.com/gravity-ui/uikit/issues/472))\\n* **Icon:** remove `onClick` handler ([#473](https://github.com/gravity-ui/uikit/issues/473))\\n* **Toaster:** rename `timeout` to `autoHiding` ([#248](https://github.com/gravity-ui/uikit/issues/248))\\n* **ShareTooltip:** socialNets props renamed to shareOptions ([#411](https://github.com/gravity-ui/uikit/issues/411))\\n* **HelpPopup:** remove default ofset ([#304](https://github.com/gravity-ui/uikit/issues/304))\\n* **TextInput:** remove incorrect resize attribute styles ([#266](https://github.com/gravity-ui/uikit/issues/266))\\n* **Toaster:** remove singleton instantiation ([#225](https://github.com/gravity-ui/uikit/issues/225))\\n* **Label:** new xs size and click action for more custom label ([#380](https://github.com/gravity-ui/uikit/issues/380))\\n* **DropdownMenu:** custom popup props, controlled popup visibility, submenus, keyboard navigation ([#409](https://github.com/gravity-ui/uikit/issues/409))\\n\\n### Features\\n\\n* add focus trap ([#482](https://github.com/gravity-ui/uikit/issues/482)) ([e091ee0](https://github.com/gravity-ui/uikit/commit/e091ee0d442f2d5e1997003ea0dc5a1891846a96))\\n* **DropdownMenu:** custom popup props, controlled popup visibility, submenus, keyboard navigation ([#409](https://github.com/gravity-ui/uikit/issues/409)) ([a6db9f8](https://github.com/gravity-ui/uikit/commit/a6db9f83fa797fdb7012c29a0e16a646c10d8321))\\n* **HelpPopup:** remove default ofset ([#304](https://github.com/gravity-ui/uikit/issues/304)) ([c150cb2](https://github.com/gravity-ui/uikit/commit/c150cb229f9c623dde83cdf4b35564f1bce4763d))\\n* **Icon:** remove `onClick` handler ([#473](https://github.com/gravity-ui/uikit/issues/473)) ([50faf8f](https://github.com/gravity-ui/uikit/commit/50faf8f43999176894dcf6a5693cd9db7b3677cb))\\n* **Label:** new xs size and click action for more custom label ([#380](https://github.com/gravity-ui/uikit/issues/380)) ([c9f7c36](https://github.com/gravity-ui/uikit/commit/c9f7c36692705b644e0e103fd64c2fbb67d1312a))\\n* **Popover:** make `forceLinksAppearance` false by default ([#472](https://github.com/gravity-ui/uikit/issues/472)) ([65f44ec](https://github.com/gravity-ui/uikit/commit/65f44ec491598f0fd2284bbbc8d6d5e5f52cca09))\\n* **ShareTooltip:** socialNets props renamed to shareOptions ([#411](https://github.com/gravity-ui/uikit/issues/411)) ([c3b1aeb](https://github.com/gravity-ui/uikit/commit/c3b1aeb16cc0c19aaad5f15fcc1752657a809a9b))\\n* support React 18 ([#469](https://github.com/gravity-ui/uikit/issues/469)) ([e54108d](https://github.com/gravity-ui/uikit/commit/e54108db248a4850ed42d3c42acd82754b1d84c7))\\n* text semantic colors update ([#484](https://github.com/gravity-ui/uikit/issues/484)) ([dbbf04a](https://github.com/gravity-ui/uikit/commit/dbbf04a43ae978450b26385a72377ad8b6233310))\\n* **Toaster:** remove singleton instantiation ([#225](https://github.com/gravity-ui/uikit/issues/225)) ([60933f8](https://github.com/gravity-ui/uikit/commit/60933f8ccacc28da6bd66960a86c801fdfda6052))\\n* **Toaster:** rename `timeout` to `autoHiding` ([#248](https://github.com/gravity-ui/uikit/issues/248)) ([ed0585a](https://github.com/gravity-ui/uikit/commit/ed0585a24ce3889a139be84bdb2b16b81256b453))\\n\\n\\n### Bug Fixes\\n\\n* **TextInput:** remove incorrect resize attribute styles ([#266](https://github.com/gravity-ui/uikit/issues/266)) ([85ef55a](https://github.com/gravity-ui/uikit/commit/85ef55a60c02a0891378d8fa44fbd6f6fcdb77b1))\\n* **Toaster:** pre 18 react fix ([#494](https://github.com/gravity-ui/uikit/issues/494)) ([0f0877a](https://github.com/gravity-ui/uikit/commit/0f0877a4ba74ffb9c35ce6b8c5b03dc5cf880486))\\n* **Toaster:** swap namings in singletons ([440ed7e](https://github.com/gravity-ui/uikit/commit/440ed7ebc8dee1f1159cf608018c34cb69f4a8f7))\\n* **Tooltip:** hide Popup border ([252f2f3](https://github.com/gravity-ui/uikit/commit/252f2f353c02a69af451b5f99d724fd94bd746e0))\\n\\n\\n### refactor\\n\\n* remove deprecated props ([#486](https://github.com/gravity-ui/uikit/issues/486)) ([89c8885](https://github.com/gravity-ui/uikit/commit/89c88850599c03325a5cc825f2009c0b8e70475f))\\n* **ShareTooltip:** rename to SharePopover ([#488](https://github.com/gravity-ui/uikit/issues/488)) ([32db8b2](https://github.com/gravity-ui/uikit/commit/32db8b25c5ba16faf787473708f39ca86bc402af))\\n\\n## [3.20.0](https://github.com/gravity-ui/uikit/compare/v3.19.2...v3.20.0) (2023-01-25)\\n\\n\\n### Features\\n\\n* **eventBroker:** eventBroker acts in the bubbling phase ([#489](https://github.com/gravity-ui/uikit/issues/489)) ([ef2c901](https://github.com/gravity-ui/uikit/commit/ef2c9013b67e14170ebdc4eb9e6b182b298fde7c))\\n\\n## [3.19.2](https://github.com/gravity-ui/uikit/compare/v3.19.1...v3.19.2) (2023-01-23)\\n\\n\\n### Bug Fixes\\n\\n* **Portal:** add condition for default container for Portal ([#497](https://github.com/gravity-ui/uikit/issues/497)) ([da21d63](https://github.com/gravity-ui/uikit/commit/da21d6398ba2020d5b9d47d13a63bbb3d9959b92))\\n\\n## [3.19.1](https://github.com/gravity-ui/uikit/compare/v3.19.0...v3.19.1) (2023-01-22)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** use theme font-family ([#495](https://github.com/gravity-ui/uikit/issues/495)) ([4615c46](https://github.com/gravity-ui/uikit/commit/4615c46e7f74010c5b6c283de54ed635e34efdd5))\\n\\n## [3.19.0](https://github.com/gravity-ui/uikit/compare/v3.18.2...v3.19.0) (2023-01-20)\\n\\n\\n### Features\\n\\n* **RadioGroup:** improve radio-group components a11y ([#196](https://github.com/gravity-ui/uikit/issues/196)) ([70f36ea](https://github.com/gravity-ui/uikit/commit/70f36eaceebb4e8b9dfdd6ec056896b07bd8f89c))\\n* **TextInput:** ability to show innerLabel in InputControl ([#426](https://github.com/gravity-ui/uikit/issues/426)) ([8a5e3c5](https://github.com/gravity-ui/uikit/commit/8a5e3c594eb2e4c5d9505d078a44e5cd495bb435))\\n\\n\\n### Bug Fixes\\n\\n* lighter colors for base-neutral ([#490](https://github.com/gravity-ui/uikit/issues/490)) ([64e7278](https://github.com/gravity-ui/uikit/commit/64e72785c6c3f7f68bf075921a70b5cbbb400a63))\\n\\n## [3.18.2](https://github.com/gravity-ui/uikit/compare/v3.18.1...v3.18.2) (2023-01-19)\\n\\n\\n### Bug Fixes\\n\\n* **Modal:** fix close animation ([#483](https://github.com/gravity-ui/uikit/issues/483)) ([e4df040](https://github.com/gravity-ui/uikit/commit/e4df0407cbb4d5694932f124e536a765bfc1df06))\\n\\n## [3.18.1](https://github.com/gravity-ui/uikit/compare/v3.18.0...v3.18.1) (2023-01-16)\\n\\n\\n### Bug Fixes\\n\\n* **Popup:** return shadow on root element ([#479](https://github.com/gravity-ui/uikit/issues/479)) ([5a4098d](https://github.com/gravity-ui/uikit/commit/5a4098d75b43f030b876c3deb78a680e18b2a4e9))\\n\\n## [3.18.0](https://github.com/gravity-ui/uikit/compare/v3.17.0...v3.18.0) (2023-01-13)\\n\\n\\n### Features\\n\\n* add Hotkey and ActionTooltip components ([#398](https://github.com/gravity-ui/uikit/issues/398)) ([76cf9dd](https://github.com/gravity-ui/uikit/commit/76cf9dd2e45abb006a73e72f41a8776fea985bf7))\\n* **Select:** add prop renderSelectedOption ([#474](https://github.com/gravity-ui/uikit/issues/474)) ([6449e31](https://github.com/gravity-ui/uikit/commit/6449e31886daa9cbc86608e187b7118275fcc078))\\n* **ThemeProvider:** add props scoped and rootClassName ([#478](https://github.com/gravity-ui/uikit/issues/478)) ([763af7b](https://github.com/gravity-ui/uikit/commit/763af7b1afbb3b0bcd48c7c00437c0517574ad53))\\n\\n## [3.17.0](https://github.com/gravity-ui/uikit/compare/v3.16.0...v3.17.0) (2023-01-12)\\n\\n\\n### Features\\n\\n* **RadioGroup:** add optionClassName prop ([#462](https://github.com/gravity-ui/uikit/issues/462)) ([1104078](https://github.com/gravity-ui/uikit/commit/1104078c6d3dd4a0630a5f43e19ec4b2a2ff972d))\\n* **Tabs:** add `className` to `&lt;TabItem/&gt;` ([#471](https://github.com/gravity-ui/uikit/issues/471)) ([66817c8](https://github.com/gravity-ui/uikit/commit/66817c8e9c77f2e521e0384e25047ec71fcb4fe9))\\n* **Tabs:** new features ([#450](https://github.com/gravity-ui/uikit/issues/450)) ([6bcdfbf](https://github.com/gravity-ui/uikit/commit/6bcdfbf7b5568a78c472d88fd37ce3f37c998034))\\n\\n## [3.16.0](https://github.com/gravity-ui/uikit/compare/v3.15.0...v3.16.0) (2023-01-11)\\n\\n\\n### Features\\n\\n* **Select:** add popupClassName property ([#468](https://github.com/gravity-ui/uikit/issues/468)) ([f0184a8](https://github.com/gravity-ui/uikit/commit/f0184a87cbfe4f09c07bf0851f8e84876e75b9d8))\\n* **Table:** pass click event to action handler ([#461](https://github.com/gravity-ui/uikit/issues/461)) ([620c0e1](https://github.com/gravity-ui/uikit/commit/620c0e1a156da9de452ce5f46f2ace96f23a947c))\\n* use react-transition in Modal and Popup ([#453](https://github.com/gravity-ui/uikit/issues/453)) ([9edec4a](https://github.com/gravity-ui/uikit/commit/9edec4ad0068872fea499b6822edf71bbe185971))\\n\\n\\n### Bug Fixes\\n\\n* **Label:** various fixes ([#451](https://github.com/gravity-ui/uikit/issues/451)) ([e28f92f](https://github.com/gravity-ui/uikit/commit/e28f92fd559e19f587f678ee04abe702c2cbe948))\\n* **StoriesGroup:** fix click area ([#446](https://github.com/gravity-ui/uikit/issues/446)) ([cf898d4](https://github.com/gravity-ui/uikit/commit/cf898d448ed729457c343a1ddad6a6e8da7483b8))\\n\\n## [3.15.0](https://github.com/gravity-ui/uikit/compare/v3.14.1...v3.15.0) (2023-01-10)\\n\\n\\n### Features\\n\\n* **Select:** add defaultOpen prop ([#459](https://github.com/gravity-ui/uikit/issues/459)) ([775f857](https://github.com/gravity-ui/uikit/commit/775f857b694c56cf0bdcbb59f04899afe52277b2))\\n* **Text:** add text break common properties ([#438](https://github.com/gravity-ui/uikit/issues/438)) ([c879e0a](https://github.com/gravity-ui/uikit/commit/c879e0aca7af2a105482a5a62023bd51e3ae1959))\\n* **Text:** replace titleAttribute with native title ([#437](https://github.com/gravity-ui/uikit/issues/437)) ([cf9d42e](https://github.com/gravity-ui/uikit/commit/cf9d42e27cb2bbb7b3c9112e9f60c7646c7db244))\\n\\n\\n### Bug Fixes\\n\\n* **List:** remove focus from list on Tab key ([#444](https://github.com/gravity-ui/uikit/issues/444)) ([78a8a60](https://github.com/gravity-ui/uikit/commit/78a8a6017e4a5b0c1f2922f76b76ad3c5f01969b))\\n\\n## [3.14.1](https://github.com/gravity-ui/uikit/compare/v3.14.0...v3.14.1) (2022-12-30)\\n\\n\\n### Bug Fixes\\n\\n* add `getComponentName` reexport ([#447](https://github.com/gravity-ui/uikit/issues/447)) ([99df0fb](https://github.com/gravity-ui/uikit/commit/99df0fb021e48884247e85782224aec67e7a650b))\\n\\n## [3.14.0](https://github.com/gravity-ui/uikit/compare/v3.13.1...v3.14.0) (2022-12-22)\\n\\n\\n### Features\\n\\n* new component Sheet & PromoSheet ([#420](https://github.com/gravity-ui/uikit/issues/420)) ([ec24c90](https://github.com/gravity-ui/uikit/commit/ec24c901387c2a8f35426d8b791bdb42b62c6f45))\\n\\n## [3.13.1](https://github.com/gravity-ui/uikit/compare/v3.13.0...v3.13.1) (2022-12-20)\\n\\n\\n### Bug Fixes\\n\\n* **DropdownMenu.Item:** allow usage w/out `text` ([#406](https://github.com/gravity-ui/uikit/issues/406)) ([54def67](https://github.com/gravity-ui/uikit/commit/54def671bc2598e6ba68247c4b929730f6c7ff8a))\\n\\n## [3.13.0](https://github.com/gravity-ui/uikit/compare/v3.12.0...v3.13.0) (2022-12-20)\\n\\n\\n### Features\\n\\n* **Select:** add virtualizationThreshold property ([#431](https://github.com/gravity-ui/uikit/issues/431)) ([6bd9751](https://github.com/gravity-ui/uikit/commit/6bd975184fd9bbf83eb6e4c6fbd76c6f2df6bd2e))\\n\\n## [3.12.0](https://github.com/gravity-ui/uikit/compare/v3.11.0...v3.12.0) (2022-12-19)\\n\\n\\n### Features\\n\\n* **Table:** add row mouse events ([#427](https://github.com/gravity-ui/uikit/issues/427)) ([f7701c7](https://github.com/gravity-ui/uikit/commit/f7701c7347863c800d585f2fa7074d2b3fa48ed3))\\n\\n\\n### Bug Fixes\\n\\n* **Table:** typo in README.md ([#429](https://github.com/gravity-ui/uikit/issues/429)) ([972f764](https://github.com/gravity-ui/uikit/commit/972f76486038764e7c09086d9e16a625f4f79d89))\\n\\n## [3.11.0](https://github.com/gravity-ui/uikit/compare/v3.10.2...v3.11.0) (2022-12-14)\\n\\n\\n### Features\\n\\n* add linkedin color ([#424](https://github.com/gravity-ui/uikit/issues/424)) ([8b09fc1](https://github.com/gravity-ui/uikit/commit/8b09fc16355eea5c5e33962300c01dbce6b99e0e))\\n\\n\\n### Bug Fixes\\n\\n* **ArrowToggle:** normal flip behavior [#115](https://github.com/gravity-ui/uikit/issues/115) ([#419](https://github.com/gravity-ui/uikit/issues/419)) ([081292f](https://github.com/gravity-ui/uikit/commit/081292fa0e2d84e29a1199fd9501172abaa3b644))\\n* use native scrollbar on mobile devices ([#395](https://github.com/gravity-ui/uikit/issues/395)) ([83c5851](https://github.com/gravity-ui/uikit/commit/83c5851b901935834295831cdc13fca20142d816))\\n\\n## [3.10.2](https://github.com/gravity-ui/uikit/compare/v3.10.1...v3.10.2) (2022-12-13)\\n\\n\\n### Bug Fixes\\n\\n* **Tooltip:** preserve child ref ([#421](https://github.com/gravity-ui/uikit/issues/421)) ([a0aa070](https://github.com/gravity-ui/uikit/commit/a0aa070006ee12c3404c095e92d17e17f196abae))\\n\\n## [3.10.1](https://github.com/gravity-ui/uikit/compare/v3.10.0...v3.10.1) (2022-12-12)\\n\\n\\n### Bug Fixes\\n\\n* **ShareTooltip:** fix link for email share option ([#415](https://github.com/gravity-ui/uikit/issues/415)) ([4a5eed0](https://github.com/gravity-ui/uikit/commit/4a5eed018398d20b0703629ac3b39aa649d9038c))\\n\\n## [3.10.0](https://github.com/gravity-ui/uikit/compare/v3.9.2...v3.10.0) (2022-12-12)\\n\\n\\n### Features\\n\\n* new component StoriesGroup ([#387](https://github.com/gravity-ui/uikit/issues/387)) ([e19c711](https://github.com/gravity-ui/uikit/commit/e19c711ad5ae0b97f6e82d5c61f13b03a291ffea))\\n\\n\\n### Bug Fixes\\n\\n* **ShareTooltip:** popup default options container width ([#410](https://github.com/gravity-ui/uikit/issues/410)) ([7cf7435](https://github.com/gravity-ui/uikit/commit/7cf7435e84cba1c3015f9c7f3cbda7c46e44254b))\\n* **Tooltip:** fix transition glitch on nearby tooltips ([#408](https://github.com/gravity-ui/uikit/issues/408)) ([7f7f752](https://github.com/gravity-ui/uikit/commit/7f7f7521fc18ac089458814f8e1c6da1de1be065))\\n* **Tooltip:** tooltip sometimes gets stuck on an element ([#413](https://github.com/gravity-ui/uikit/issues/413)) ([2fdab3f](https://github.com/gravity-ui/uikit/commit/2fdab3fbb3771c0df713b0f792787dce5a75ad11))\\n* **withTableSelection:** range select must ignore disabled lines ([#414](https://github.com/gravity-ui/uikit/issues/414)) ([5b50237](https://github.com/gravity-ui/uikit/commit/5b502376eaa968b6451ddff9c2766b15ce992775))\\n\\n## [3.9.2](https://github.com/gravity-ui/uikit/compare/v3.9.1...v3.9.2) (2022-12-07)\\n\\n\\n### Bug Fixes\\n\\n* **DialogFooter:** updated button style ([#405](https://github.com/gravity-ui/uikit/issues/405)) ([956fcf9](https://github.com/gravity-ui/uikit/commit/956fcf90d9b7b4c43f810fc48065c584360ae5ad))\\n\\n## [3.9.1](https://github.com/gravity-ui/uikit/compare/v3.9.0...v3.9.1) (2022-12-06)\\n\\n\\n### Bug Fixes\\n\\n* **DropdownMenu.Item:** allow `children` ([#402](https://github.com/gravity-ui/uikit/issues/402)) ([253e291](https://github.com/gravity-ui/uikit/commit/253e291cbc220362a94255456d5c775639314f39))\\n* **Menu.Item:** remove `onClick` from disabled items ([#404](https://github.com/gravity-ui/uikit/issues/404)) ([1394457](https://github.com/gravity-ui/uikit/commit/1394457638fd2775448f46921f1a1b0c642c7a66))\\n\\n## [3.9.0](https://github.com/gravity-ui/uikit/compare/v3.8.0...v3.9.0) (2022-12-06)\\n\\n\\n### Features\\n\\n* **ShareTooltip:** add Email as one of default sharing options and r… ([#399](https://github.com/gravity-ui/uikit/issues/399)) ([48bfbcb](https://github.com/gravity-ui/uikit/commit/48bfbcb17567860ce6b1983826549aada2207032))\\n\\n## [3.8.0](https://github.com/gravity-ui/uikit/compare/v3.7.0...v3.8.0) (2022-12-05)\\n\\n\\n### Features\\n\\n* **DropdownMenu:** allow `&lt;DropdownMenu.Item/&gt;` w/out `action` ([#392](https://github.com/gravity-ui/uikit/issues/392)) ([a606920](https://github.com/gravity-ui/uikit/commit/a606920f30b9cb6656da5a90e5f9ddc706382fb0))\\n* **DropdownMenu:** extract `&lt;DropdownMenu.Item/&gt;` ([#397](https://github.com/gravity-ui/uikit/issues/397)) ([1307f87](https://github.com/gravity-ui/uikit/commit/1307f87b28c4a8d5c3fbe95940b0b43e0fcbd4ec))\\n* **ShareTooltip:** add LinkedIn as one of default SM sharing option ([#383](https://github.com/gravity-ui/uikit/issues/383)) ([5aacc1a](https://github.com/gravity-ui/uikit/commit/5aacc1a8d76379b496d374328d68ba300de4cb32))\\n\\n\\n### Bug Fixes\\n\\n* **DropdownMenu:** close opened menu on disable ([#393](https://github.com/gravity-ui/uikit/issues/393)) ([14ba916](https://github.com/gravity-ui/uikit/commit/14ba91606da9ac7c659f78cd2bf505c44b46653f))\\n* **DropdownMenu:** trigger callback on each state change ([#394](https://github.com/gravity-ui/uikit/issues/394)) ([a70b248](https://github.com/gravity-ui/uikit/commit/a70b248bd33d543a805de814080716584a2180e6))\\n\\n## [3.7.0](https://github.com/gravity-ui/uikit/compare/v3.6.0...v3.7.0) (2022-12-01)\\n\\n\\n### Features\\n\\n* **Select:** add filter section ([#386](https://github.com/gravity-ui/uikit/issues/386)) ([f2b8660](https://github.com/gravity-ui/uikit/commit/f2b866057ed15eeefe3977064583613595c74b1d))\\n\\n## [3.6.0](https://github.com/gravity-ui/uikit/compare/v3.5.0...v3.6.0) (2022-11-18)\\n\\n\\n### Features\\n\\n* **CopyToClipboard:** add options ([#378](https://github.com/gravity-ui/uikit/issues/378)) ([80c5329](https://github.com/gravity-ui/uikit/commit/80c5329eb59ea7a7cce486a814bcf51ade9ecdb2))\\n* **Label:** support action button in all themes ([#381](https://github.com/gravity-ui/uikit/issues/381)) ([7bdcce9](https://github.com/gravity-ui/uikit/commit/7bdcce9465526ca8150fa090a4e1a0f33376a329))\\n* **List:** remove pointer-events from disabled items ([#382](https://github.com/gravity-ui/uikit/issues/382)) ([c6367cf](https://github.com/gravity-ui/uikit/commit/c6367cfd64de46decfaef98d50539c9331a60108))\\n\\n\\n### Bug Fixes\\n\\n* **Label:** change hover style for label with copy, fix label with single icon ([#351](https://github.com/gravity-ui/uikit/issues/351)) ([786e706](https://github.com/gravity-ui/uikit/commit/786e706e15e1de8661c182f45d97b0783869789d))\\n\\n## [3.5.0](https://github.com/gravity-ui/uikit/compare/v3.4.0...v3.5.0) (2022-11-09)\\n\\n\\n### Features\\n\\n* **Select:** move selection logic to useSelect ([#370](https://github.com/gravity-ui/uikit/issues/370)) ([dcf97a4](https://github.com/gravity-ui/uikit/commit/dcf97a42b2d16feba05383fdf9d8c1d50a2a85ab))\\n* **Table:** add possibility to range select with shift key pressed ([#374](https://github.com/gravity-ui/uikit/issues/374)) ([d76407f](https://github.com/gravity-ui/uikit/commit/d76407f57ecefd0fca09da60ccec51b9ad73b39c))\\n\\n\\n### Bug Fixes\\n\\n* **Button:** correctly show focused state for raised button ([#377](https://github.com/gravity-ui/uikit/issues/377)) ([dbcfa97](https://github.com/gravity-ui/uikit/commit/dbcfa97cf379b4783b040555a9fddb5f43a64ea0))\\n\\n## [3.4.0](https://github.com/gravity-ui/uikit/compare/v3.3.0...v3.4.0) (2022-11-01)\\n\\n\\n### Features\\n\\n* **Popover:** updated anchorRef prop, added strategy prop to Popover ([#372](https://github.com/gravity-ui/uikit/issues/372)) ([22021c9](https://github.com/gravity-ui/uikit/commit/22021c9cfbcd88f0162e31378ea09c4bc34b1161))\\n\\n## [3.3.0](https://github.com/gravity-ui/uikit/compare/v3.2.0...v3.3.0) (2022-10-20)\\n\\n\\n### Features\\n\\n* share tooltip component copy button customization ([#350](https://github.com/gravity-ui/uikit/issues/350)) ([3d608b2](https://github.com/gravity-ui/uikit/commit/3d608b2813bf7cc4402c2fe6db0ee0c07e9b575a))\\n\\n## [3.2.0](https://github.com/gravity-ui/uikit/compare/v3.1.3...v3.2.0) (2022-10-19)\\n\\n\\n### Features\\n\\n* added React.forwardRef for Card ([#363](https://github.com/gravity-ui/uikit/issues/363)) ([9c22988](https://github.com/gravity-ui/uikit/commit/9c22988df4f212921f9c2cc57f88f692385a4b41))\\n\\n## [3.1.3](https://github.com/gravity-ui/uikit/compare/v3.1.2...v3.1.3) (2022-10-18)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** prevent page scrolling after first click ([#364](https://github.com/gravity-ui/uikit/issues/364)) ([3320a7e](https://github.com/gravity-ui/uikit/commit/3320a7e0bff6559272158f7e52907ba44ed90e01))\\n* use directly import from lodash ([#359](https://github.com/gravity-ui/uikit/issues/359)) ([490cf20](https://github.com/gravity-ui/uikit/commit/490cf20f5339199882a2fd462d6b362a3092a4e9))\\n\\n## [3.1.2](https://github.com/gravity-ui/uikit/compare/v3.1.1...v3.1.2) (2022-10-14)\\n\\n\\n### Bug Fixes\\n\\n* update hc colors for labels, buttons and brand-text ([#356](https://github.com/gravity-ui/uikit/issues/356)) ([8d6d596](https://github.com/gravity-ui/uikit/commit/8d6d596e8b3de4ee6d5153c2e358968733eaaa68))\\n\\n## [3.1.1](https://github.com/gravity-ui/uikit/compare/v3.1.0...v3.1.1) (2022-10-13)\\n\\n\\n### Bug Fixes\\n\\n* Add missing --yc-color-base-modal for light-hc ([#352](https://github.com/gravity-ui/uikit/issues/352)) ([db14312](https://github.com/gravity-ui/uikit/commit/db14312ec1cca190cf353e166a5efd0439fee64e))\\n* update hc colors for generic-accent-disabled ([#355](https://github.com/gravity-ui/uikit/issues/355)) ([2760749](https://github.com/gravity-ui/uikit/commit/2760749640e0068db81f7b97f2e71a22f5da9ec6))\\n\\n## [3.1.0](https://github.com/gravity-ui/uikit/compare/v3.0.2...v3.1.0) (2022-10-03)\\n\\n\\n### Features\\n\\n* **Tooltip:** add ability to disable display of the tooltip ([#348](https://github.com/gravity-ui/uikit/issues/348)) ([5d32afe](https://github.com/gravity-ui/uikit/commit/5d32afee7fa9b6f2c7640934e2759509c711d1c4))\\n\\n\\n### Bug Fixes\\n\\n* **Tooltip:** correctly set ref ([#347](https://github.com/gravity-ui/uikit/issues/347)) ([a4de6f5](https://github.com/gravity-ui/uikit/commit/a4de6f59c21aa7e0ad62b54c91a0cf44f86f156f))\\n\\n## [3.0.2](https://github.com/gravity-ui/uikit/compare/v3.0.1...v3.0.2) (2022-09-26)\\n\\n\\n### Bug Fixes\\n\\n* loose i18n typings ([#345](https://github.com/gravity-ui/uikit/issues/345)) ([5612aee](https://github.com/gravity-ui/uikit/commit/5612aee42ab81d4f0d83157e47cd8bc2cb050453))\\n* **RadioButton:** fix option icon styles ([#339](https://github.com/gravity-ui/uikit/issues/339)) ([ea9e31f](https://github.com/gravity-ui/uikit/commit/ea9e31f39f4ed71bebd708e948f80e034d08e821))\\n* use background-size as percent value for loading button for safari ([#342](https://github.com/gravity-ui/uikit/issues/342)) ([c0ec61b](https://github.com/gravity-ui/uikit/commit/c0ec61bc98fed17e365fedc981d7ea6efe413319))\\n\\n## [3.0.1](https://github.com/gravity-ui/uikit/compare/v3.0.0...v3.0.1) (2022-09-09)\\n\\n\\n### Bug Fixes\\n\\n* build errors ([#334](https://github.com/gravity-ui/uikit/issues/334)) ([9de0727](https://github.com/gravity-ui/uikit/commit/9de0727c228f58f877ca0a0a7bc6f76e9d2027e2))\\n\\n## [3.0.0](https://github.com/gravity-ui/uikit/compare/v2.15.0...v3.0.0) (2022-09-08)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* transfer package from yandex-cloud (#331)\\n* updated i18n, and remove it from peer deps\\n* **Popover:** refactored to functional component, use `PopoverInstanceProps` type as ref type for public methods\\n\\n#### Setting language in uikit\\n\\n**v2**\\n```js\\nimport {I18N} from \'@yandex-cloud/i18n\';\\n\\nI18N.setDefaultLang(\'en\');\\n```\\n\\n**v3**\\n```js\\nimport {configure} from \'@gravity-ui/uikit\';\\n\\nconfigure({lang: \'en\'});\\n```\\n\\n### Features\\n\\n* transfer package from yandex-cloud ([#331](https://github.com/gravity-ui/uikit/issues/331)) ([2df769d](https://github.com/gravity-ui/uikit/commit/2df769df109e882e8d0e8c25810c6c1bfcc16b2c))\\n\\n## [2.15.0](https://github.com/yandex-cloud/uikit/compare/v2.14.0...v2.15.0) (2022-09-07)\\n\\n\\n### Features\\n\\n* **Button:** added content and view to eventBroker meta ([#319](https://github.com/yandex-cloud/uikit/issues/319)) ([19a3463](https://github.com/yandex-cloud/uikit/commit/19a3463571229b513bb841d2aea48913cdb55451))\\n\\n\\n### Bug Fixes\\n\\n* relax RealTheme type for compatibility ([#329](https://github.com/yandex-cloud/uikit/issues/329)) ([a716448](https://github.com/yandex-cloud/uikit/commit/a71644803ffe551bb393202fdb26e3a08544d2ed))\\n\\n## [2.14.0](https://github.com/yandex-cloud/uikit/compare/v2.13.4...v2.14.0) (2022-09-01)\\n\\n\\n### Features\\n\\n* added event broker to form components ([#294](https://github.com/yandex-cloud/uikit/issues/294)) ([c71d4ce](https://github.com/yandex-cloud/uikit/commit/c71d4ce20c188924a70e1988ae8b40883fc07b3d))\\n* high-contrast themes ([#316](https://github.com/yandex-cloud/uikit/issues/316)) ([cfaf211](https://github.com/yandex-cloud/uikit/commit/cfaf211c44aa4763e36008b0ba9c9abbdec982df))\\n\\n## [2.13.4](https://github.com/yandex-cloud/uikit/compare/v2.13.3...v2.13.4) (2022-08-22)\\n\\n\\n### Bug Fixes\\n\\n* **ChangelogModal:** fix sizes and margins ([#310](https://github.com/yandex-cloud/uikit/issues/310)) ([d6e0cae](https://github.com/yandex-cloud/uikit/commit/d6e0cae0d69183c8a421c5ace7e9de130d6377f6))\\n\\n## [2.13.3](https://github.com/yandex-cloud/uikit/compare/v2.13.2...v2.13.3) (2022-08-18)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** calculate tick size from content ([#313](https://github.com/yandex-cloud/uikit/issues/313)) ([f40144e](https://github.com/yandex-cloud/uikit/commit/f40144ea9cfb87e3960ccb37f26ca2a80776e3f6))\\n\\n## [2.13.2](https://github.com/yandex-cloud/uikit/compare/v2.13.1...v2.13.2) (2022-08-11)\\n\\n\\n### Bug Fixes\\n\\n* **TextInput:** increase css specificity to rewrite Button styles ([#301](https://github.com/yandex-cloud/uikit/issues/301)) ([def1da0](https://github.com/yandex-cloud/uikit/commit/def1da0717911b89d63062cb4005f446a18886f8))\\n\\n## [2.13.1](https://github.com/yandex-cloud/uikit/compare/v2.13.0...v2.13.1) (2022-08-10)\\n\\n\\n### Bug Fixes\\n\\n* **StoreBadge:** content image for StoreBadge with url ([#299](https://github.com/yandex-cloud/uikit/issues/299)) ([194fa66](https://github.com/yandex-cloud/uikit/commit/194fa6695db08d6d399da3b900eeef6dbaa3da67))\\n\\n## [2.13.0](https://github.com/yandex-cloud/uikit/compare/v2.12.0...v2.13.0) (2022-08-08)\\n\\n\\n### Features\\n\\n* **Label:** add `closeButtonLabel` prop ([#292](https://github.com/yandex-cloud/uikit/issues/292)) ([5b6499d](https://github.com/yandex-cloud/uikit/commit/5b6499d6aa7d9916b3ae4e07d88586628a70c5b6))\\n* **Modal:** add contentClassName prop to the Modal component ([#289](https://github.com/yandex-cloud/uikit/issues/289)) ([79caad6](https://github.com/yandex-cloud/uikit/commit/79caad659a08a3c35be9bddebc65251a1ec84ae1))\\n\\n## [2.12.0](https://github.com/yandex-cloud/uikit/compare/v2.11.0...v2.12.0) (2022-08-02)\\n\\n\\n### Features\\n\\n* add `ShareTooltip` and `StoreBadge` components ([#275](https://github.com/yandex-cloud/uikit/issues/275)) ([8c38211](https://github.com/yandex-cloud/uikit/commit/8c38211503ca6c761982641288e9039f6dc07804))\\n\\n## [2.11.0](https://github.com/yandex-cloud/uikit/compare/v2.10.3...v2.11.0) (2022-08-01)\\n\\n\\n### Features\\n\\n* add ChangelogDialog component ([#267](https://github.com/yandex-cloud/uikit/issues/267)) ([4c51c2d](https://github.com/yandex-cloud/uikit/commit/4c51c2da9bbd8773342931b48d56ebc7acd5b63d))\\n* **Popover:** add prop to disable link styles ([#280](https://github.com/yandex-cloud/uikit/issues/280)) ([9ebb795](https://github.com/yandex-cloud/uikit/commit/9ebb7952088efce21e51e27465e02d922481f64c))\\n\\n\\n### Bug Fixes\\n\\n* **Button:** do not reduce clickable area on click ([#247](https://github.com/yandex-cloud/uikit/issues/247)) ([8214da4](https://github.com/yandex-cloud/uikit/commit/8214da419de91f4263ea7400ad19820dc96bfc62))\\n* **Text:** fixed warning-heavy textColor variant ([#264](https://github.com/yandex-cloud/uikit/issues/264)) ([fb7efdc](https://github.com/yandex-cloud/uikit/commit/fb7efdc8dde66c334b8eb4addfe5c7165df48fde))\\n* **withTableSettings:** updateSettings can be a not async function ([#256](https://github.com/yandex-cloud/uikit/issues/256)) ([918a87b](https://github.com/yandex-cloud/uikit/commit/918a87be93b0cf8a72d4887c1c6ffa936d5142e6))\\n\\n## [2.10.3](https://github.com/yandex-cloud/uikit/compare/v2.10.2...v2.10.3) (2022-07-28)\\n\\n\\n### Bug Fixes\\n\\n* **Button:** add contrast for selected state in dark theme ([#262](https://github.com/yandex-cloud/uikit/issues/262)) ([cbb86ac](https://github.com/yandex-cloud/uikit/commit/cbb86acdfe06bc54f39832d9243ebfd4b1b177d1))\\n\\n## [2.10.2](https://github.com/yandex-cloud/uikit/compare/v2.10.1...v2.10.2) (2022-07-28)\\n\\n\\n### Bug Fixes\\n\\n* **Breadcrumbs:** revert data pass to `<Breadcrumbs.Item/>` ([#276](https://github.com/yandex-cloud/uikit/issues/276)) ([5b4bc4b](https://github.com/yandex-cloud/uikit/commit/5b4bc4bacad64e266919c36171f537f95ed5158e))\\n\\n## [2.10.1](https://github.com/yandex-cloud/uikit/compare/v2.10.0...v2.10.1) (2022-07-27)\\n\\n\\n### Bug Fixes\\n\\n* **Breadcrumbs:** i18n must be used inside component ([#271](https://github.com/yandex-cloud/uikit/issues/271)) ([ec479a2](https://github.com/yandex-cloud/uikit/commit/ec479a2862493d0aaff7b6783ba0f85436f03582))\\n* **Breadcrumbs:** render custom divider before more button ([#272](https://github.com/yandex-cloud/uikit/issues/272)) ([353d13e](https://github.com/yandex-cloud/uikit/commit/353d13e4b4e0b0993c7405dbdcf2f8c7f6b04ffc))\\n\\n## [2.10.0](https://github.com/yandex-cloud/uikit/compare/v2.9.0...v2.10.0) (2022-07-21)\\n\\n\\n### Features\\n\\n* **Link:** add color scheme for a visited link ([#243](https://github.com/yandex-cloud/uikit/issues/243)) ([857e434](https://github.com/yandex-cloud/uikit/commit/857e434b4cd619992a900156ebcfd39d5668a187))\\n\\n## [2.9.0](https://github.com/yandex-cloud/uikit/compare/v2.8.0...v2.9.0) (2022-07-20)\\n\\n\\n### Features\\n\\n* **Icon:** deprecate `onClick` ([#240](https://github.com/yandex-cloud/uikit/issues/240)) ([6936469](https://github.com/yandex-cloud/uikit/commit/6936469eab408896c6e4c783f71d29c877659026))\\n* **Select:** add `type=button` for `<SelectControl/>` ([#227](https://github.com/yandex-cloud/uikit/issues/227)) ([47e0aeb](https://github.com/yandex-cloud/uikit/commit/47e0aeb3892787be5378569f21620a7cf411915a))\\n* **Toaster:** move logic to React context ([#211](https://github.com/yandex-cloud/uikit/issues/211)) ([346cb95](https://github.com/yandex-cloud/uikit/commit/346cb95a3e6a5ae5cb941af42c5595d31ed3afc3))\\n* **Toaster:** replace `<Link/>` in actions with `<Button/>` ([#254](https://github.com/yandex-cloud/uikit/issues/254)) ([f603711](https://github.com/yandex-cloud/uikit/commit/f6037112e7fb47ed7c85b7639f15169f1e0fd314))\\n\\n\\n### Bug Fixes\\n\\n* correct target detection for shadow-dom ([#213](https://github.com/yandex-cloud/uikit/issues/213)) ([9a285be](https://github.com/yandex-cloud/uikit/commit/9a285be9599a8bacba9892b754e81e2d27768a2f))\\n* **Popover:** add overflow-wrap ([#226](https://github.com/yandex-cloud/uikit/issues/226)) ([3bb01de](https://github.com/yandex-cloud/uikit/commit/3bb01de0ca18f81096cbfbbdafd152e6781cf6b4))\\n* **Toast:** padding animation ([#234](https://github.com/yandex-cloud/uikit/issues/234)) ([8f9a750](https://github.com/yandex-cloud/uikit/commit/8f9a750eee5d65dc975132ac2b4dec6097cac756))\\n* **Toast:** remove on close ([#218](https://github.com/yandex-cloud/uikit/issues/218)) ([fad37d8](https://github.com/yandex-cloud/uikit/commit/fad37d8e0790eb45c8dcc7ff681972475f9fd1e4))\\n* **Toast:** return `height` transition ([#235](https://github.com/yandex-cloud/uikit/issues/235)) ([8887881](https://github.com/yandex-cloud/uikit/commit/8887881c068c6c169febd10aaa70a2fdc7fb49f8))\\n\\n## [2.8.0](https://github.com/yandex-cloud/uikit/compare/v2.7.0...v2.8.0) (2022-06-24)\\n\\n\\n### Features\\n\\n* popover applies actual visibility on autoclosable true ([#206](https://github.com/yandex-cloud/uikit/issues/206)) ([151273b](https://github.com/yandex-cloud/uikit/commit/151273be77fbf89e008f9542698068f968635a1d))\\n* **Table:** add ability to set className of all cells in a column ([#205](https://github.com/yandex-cloud/uikit/issues/205)) ([b5e6608](https://github.com/yandex-cloud/uikit/commit/b5e66088e1b384ee16b7700bf03cf331f3b5236a))\\n\\n\\n### Bug Fixes\\n\\n* **Tabs:** center tab content for horizontal tabs ([#210](https://github.com/yandex-cloud/uikit/issues/210)) ([af73379](https://github.com/yandex-cloud/uikit/commit/af733792eda359196dec309bbf178f800a8efc1f))\\n* **textinput:** set paddings for clear cross depending on size ([#208](https://github.com/yandex-cloud/uikit/issues/208)) ([0428ca2](https://github.com/yandex-cloud/uikit/commit/0428ca22d2c601f2b52040268d9d6b07bb52f3e1))\\n* ThemeProvider theme updating ([#202](https://github.com/yandex-cloud/uikit/issues/202)) ([4b0962d](https://github.com/yandex-cloud/uikit/commit/4b0962decd51afaef0c9d21e8821c14a93b08b46))\\n\\n## [2.7.0](https://github.com/yandex-cloud/uikit/compare/v2.6.0...v2.7.0) (2022-06-20)\\n\\n\\n### Features\\n\\n* allow use layers for Dialog/Modal/Popup with different root ([#120](https://github.com/yandex-cloud/uikit/issues/120)) ([b2782e6](https://github.com/yandex-cloud/uikit/commit/b2782e60a533680b64a0c832cf628c6c40273247))\\n* **Modal:** color updates ([#195](https://github.com/yandex-cloud/uikit/issues/195)) ([be004a6](https://github.com/yandex-cloud/uikit/commit/be004a6e482b9d0d8d58be72638864dc1fe648ed))\\n* **Text:** a new component for working with typography ([#141](https://github.com/yandex-cloud/uikit/issues/141)) ([7837ee8](https://github.com/yandex-cloud/uikit/commit/7837ee868bcfe8caa06808f47d22f502701e188e))\\n\\n\\n### Bug Fixes\\n\\n* **List:** fix getContainer for sortable container ([#190](https://github.com/yandex-cloud/uikit/issues/190)) ([efb9257](https://github.com/yandex-cloud/uikit/commit/efb92578ad10a62d35a49961c42c2b6ebc4f0d35))\\n* **Popover:** should be no empty space above links block if no other content provided ([#191](https://github.com/yandex-cloud/uikit/issues/191)) ([8432fc1](https://github.com/yandex-cloud/uikit/commit/8432fc1bca482033ea303a44d3c9eac5bc86e096))\\n* **Tabs:** fix styles for vertical tabs ([#177](https://github.com/yandex-cloud/uikit/issues/177)) ([27b809f](https://github.com/yandex-cloud/uikit/commit/27b809f4423277617e81946e10f5745a3d7a26e3))\\n* **Tabs:** return missing spacing when `wrapTo` used ([#198](https://github.com/yandex-cloud/uikit/issues/198)) ([48ef89d](https://github.com/yandex-cloud/uikit/commit/48ef89d984ac7d4b21b6defb87ba8da82827a46a))\\n\\n## [2.6.0](https://github.com/yandex-cloud/uikit/compare/v2.5.0...v2.6.0) (2022-06-15)\\n\\n\\n### Features\\n\\n* **Popover:** use \\"Delayed\\" as default behaviour ([#193](https://github.com/yandex-cloud/uikit/issues/193)) ([f9ade6f](https://github.com/yandex-cloud/uikit/commit/f9ade6faa0b176791244331eb96fd080d4ca742d))\\n\\n## [2.5.0](https://github.com/yandex-cloud/uikit/compare/v2.4.2...v2.5.0) (2022-06-07)\\n\\n\\n### Features\\n\\n* **I18N:** add configure function for manage internal variables like language ([#186](https://github.com/yandex-cloud/uikit/issues/186)) ([bc3ee55](https://github.com/yandex-cloud/uikit/commit/bc3ee55ca5a5fe5413d9d7b44b8f212514975d79))\\n\\n\\n### Bug Fixes\\n\\n* default cursor on disabled popover ([#182](https://github.com/yandex-cloud/uikit/issues/182)) ([2f3f19c](https://github.com/yandex-cloud/uikit/commit/2f3f19ce4b4665128e1f3888bac8c7545a7fba09))\\n* menu item qa prop ([#181](https://github.com/yandex-cloud/uikit/issues/181)) ([22a88ae](https://github.com/yandex-cloud/uikit/commit/22a88ae7db22b97eefc291042280bc0c148ed1e5))\\n\\n### [2.4.2](https://github.com/yandex-cloud/uikit/compare/v2.4.1...v2.4.2) (2022-05-30)\\n\\n\\n### Bug Fixes\\n\\n* **Toaster:** fix toast paddings ([#172](https://github.com/yandex-cloud/uikit/issues/172)) ([a762a01](https://github.com/yandex-cloud/uikit/commit/a762a0199aa63f1ad17dd14938f172059fdd89b7))\\n\\n### [2.4.1](https://github.com/yandex-cloud/uikit/compare/v2.4.0...v2.4.1) (2022-05-27)\\n\\n\\n### Bug Fixes\\n\\n* **List:** rerender list after changing activeItemIndex prop ([#173](https://github.com/yandex-cloud/uikit/issues/173)) ([23f9945](https://github.com/yandex-cloud/uikit/commit/23f9945f97a8329a0f1695e89c5edc9e677588c1))\\n\\n## [2.4.0](https://github.com/yandex-cloud/uikit/compare/v2.3.1...v2.4.0) (2022-05-25)\\n\\n\\n### Features\\n\\n* update blue color ([#170](https://github.com/yandex-cloud/uikit/issues/170)) ([2991b26](https://github.com/yandex-cloud/uikit/commit/2991b26637c2c19f672bdd46412add19cd570e8a))\\n\\n### [2.3.1](https://github.com/yandex-cloud/uikit/compare/v2.3.0...v2.3.1) (2022-05-19)\\n\\n\\n### Bug Fixes\\n\\n* replace font-weight usages with mixin ([#167](https://github.com/yandex-cloud/uikit/issues/167)) ([b38318f](https://github.com/yandex-cloud/uikit/commit/b38318ff10c86387253fa917e8cb83aeab45802c))\\n\\n## [2.3.0](https://github.com/yandex-cloud/uikit/compare/v2.2.2...v2.3.0) (2022-05-18)\\n\\n\\n### Features\\n\\n* new typography variables and mixins ([#165](https://github.com/yandex-cloud/uikit/issues/165)) ([c86012f](https://github.com/yandex-cloud/uikit/commit/c86012f097d2665ab3bb0386df4c6450d7e75514))\\n\\n### [2.2.2](https://github.com/yandex-cloud/uikit/compare/v2.2.1...v2.2.2) (2022-05-17)\\n\\n\\n### Bug Fixes\\n\\n* **Toaster:** increase css specificity of close button mixin ([#163](https://github.com/yandex-cloud/uikit/issues/163)) ([17b4637](https://github.com/yandex-cloud/uikit/commit/17b4637c5791f7b88ca53466a193bc84e3e14ef9))\\n\\n### [2.2.1](https://github.com/yandex-cloud/uikit/compare/v2.2.0...v2.2.1) (2022-05-16)\\n\\n\\n### Bug Fixes\\n\\n* **RadioButton:** fixed types ([#160](https://github.com/yandex-cloud/uikit/issues/160)) ([c5bd67a](https://github.com/yandex-cloud/uikit/commit/c5bd67a31fa1d1f5e46664b097548acb39c5b55f))\\n\\n## [2.2.0](https://github.com/yandex-cloud/uikit/compare/v2.1.1...v2.2.0) (2022-05-16)\\n\\n\\n### Features\\n\\n* **tests:** replace enzyme with react testing library ([#157](https://github.com/yandex-cloud/uikit/issues/157)) ([403b303](https://github.com/yandex-cloud/uikit/commit/403b3037320f494c5447a0149c533092d5dfd819))\\n\\n\\n### Bug Fixes\\n\\n* **Popover:** fix max-width css variable ([#156](https://github.com/yandex-cloud/uikit/issues/156)) ([7859c95](https://github.com/yandex-cloud/uikit/commit/7859c95ffe5076e204d04d3a9ecdb3eb21025401))\\n* **Toaster:** fix toasts bg color ([#158](https://github.com/yandex-cloud/uikit/issues/158)) ([76023b7](https://github.com/yandex-cloud/uikit/commit/76023b76bfe617bf35583184e808511ca8871c37))\\n\\n### [2.1.1](https://www.github.com/yandex-cloud/uikit/compare/v2.1.0...v2.1.1) (2022-04-29)\\n\\n\\n### Bug Fixes\\n\\n* **Select:** fix readme ([#152](https://www.github.com/yandex-cloud/uikit/issues/152)) ([78b7194](https://www.github.com/yandex-cloud/uikit/commit/78b7194abcbf5e3100d5041e8b96744c384d6257))\\n* **Tabs:** add white-space property ([#155](https://www.github.com/yandex-cloud/uikit/issues/155)) ([5a07d9b](https://www.github.com/yandex-cloud/uikit/commit/5a07d9b288ae1d74b38edb2ddd131782fb8dce56))\\n\\n## [2.1.0](https://www.github.com/yandex-cloud/uikit/compare/v2.0.0...v2.1.0) (2022-04-27)\\n\\n\\n### Features\\n\\n* add Stories component ([#127](https://www.github.com/yandex-cloud/uikit/issues/127)) ([74e45ba](https://www.github.com/yandex-cloud/uikit/commit/74e45ba2c55705973bd348e6eaeb1291eb3cb570))\\n* **List:** add eventBroker for List ([#132](https://www.github.com/yandex-cloud/uikit/issues/132)) ([40e64b1](https://www.github.com/yandex-cloud/uikit/commit/40e64b17b6ece539631779416f4c1f46941ecd1d))\\n* **Select:** improvements ([#136](https://www.github.com/yandex-cloud/uikit/issues/136)) ([46affd3](https://www.github.com/yandex-cloud/uikit/commit/46affd339528d2f5f48047324736fc6c25282f0c))\\n* **Stories:** add props \\"disableOutsideClick\\" ([#151](https://www.github.com/yandex-cloud/uikit/issues/151)) ([358d0d9](https://www.github.com/yandex-cloud/uikit/commit/358d0d9d3a6bb1a3fd4d4d7d247a565ca7558253))\\n* **Toaster:** refresh design ([#144](https://www.github.com/yandex-cloud/uikit/issues/144)) ([b5996ef](https://www.github.com/yandex-cloud/uikit/commit/b5996ef84545deed055cfbc5b1bf6e5f5cf080c8))\\n* **Tooltip:** add delay before opening/closing ([#140](https://www.github.com/yandex-cloud/uikit/issues/140)) ([b3da68c](https://www.github.com/yandex-cloud/uikit/commit/b3da68cf09a95845c6bf323fc8f8f5120aa2fb5d))\\n* translated DropdownMenu stories ([#138](https://www.github.com/yandex-cloud/uikit/issues/138)) ([5b1d083](https://www.github.com/yandex-cloud/uikit/commit/5b1d083a09e3e272346eeac8645bdfa7e0445383))\\n\\n\\n### Bug Fixes\\n\\n* checked components types ([#129](https://www.github.com/yandex-cloud/uikit/issues/129)) ([ba65eb4](https://www.github.com/yandex-cloud/uikit/commit/ba65eb4cac14d38f7babb5057bd3ab12c5bcbe33))\\n* **Dialog:** fix README ([#139](https://www.github.com/yandex-cloud/uikit/issues/139)) ([99c584a](https://www.github.com/yandex-cloud/uikit/commit/99c584a8532cd0760bac201ec846329e65055b42))\\n* **Stories:** add video looping ([#149](https://www.github.com/yandex-cloud/uikit/issues/149)) ([be7cb8c](https://www.github.com/yandex-cloud/uikit/commit/be7cb8c752ad668246cc6354898860749f7bd62e))\\n* **Stories:** fix right pane style ([#147](https://www.github.com/yandex-cloud/uikit/issues/147)) ([ad23e37](https://www.github.com/yandex-cloud/uikit/commit/ad23e377c04845238ad36ef21bcac0b8321eec80))\\n* **Stories:** fixed styles according to the design ([#143](https://www.github.com/yandex-cloud/uikit/issues/143)) ([0cb5691](https://www.github.com/yandex-cloud/uikit/commit/0cb56917c205434bfa8af85a745b5515f9ebab47))\\n\\n## [2.0.0](https://www.github.com/yandex-cloud/uikit/compare/v1.10.0...v2.0.0) (2022-04-08)\\n\\n\\n### Typography\\n\\n#### BREAKING\\n\\n- CSS var renamed: `--yc-font-family` → `--yc-text-body-font-family`\\n- CSS var renamed: `--yc-text-body-font-size` → `--yc-text-body-1-font-size`\\n- CSS var renamed: `--yc-text-body-line-height` → `--yc-text-body-1-line-height`\\n- CSS var renamed: `--yc-text-body2-font-size` → `--yc-text-body-2-font-size`\\n- CSS var renamed: `--yc-text-body2-line-height` → `--yc-text-body-2-line-height`\\n- CSS var renamed: `--yc-text-body3-font-size` → `--yc-text-body-3-font-size`\\n- CSS var renamed: `--yc-text-body3-line-height` → `--yc-text-body-3-line-height`\\n- CSS var removed: `--yc-text-lead-font-size` (possible replacement - `--yc-text-subheader-3-font-size`)\\n- CSS var removed: `--yc-text-lead-line-height` (possible replacement - `--yc-text-subheader-3-line-height`)\\n- CSS var renamed: `--yc-text-header-font-size` → `--yc-text-header-1-font-size`\\n- CSS var renamed: `--yc-text-header-line-height` → `--yc-text-header-1-line-height`\\n- CSS var renamed: `--yc-text-title-font-size` → `--yc-text-header-2-font-size`\\n- CSS var renamed: `--yc-text-title-line-height` → `--yc-text-header-2-line-height`\\n- CSS var renamed: `--yc-text-display1-font-size` → `--yc-text-display-1-font-size`\\n- CSS var renamed: `--yc-text-display1-line-height` → `--yc-text-display-1-line-height`\\n- CSS var renamed: `--yc-text-display2-font-size` → `--yc-text-display-2-font-size`\\n- CSS var renamed: `--yc-text-display2-line-height` → `--yc-text-display-2-line-height`\\n- CSS var renamed: `--yc-text-display3-font-size` → `--yc-text-display-3-font-size`\\n- CSS var renamed: `--yc-text-display3-line-height` → `--yc-text-display-3-line-height`\\n- CSS var renamed: `--yc-text-code-1-inline-font-size` → `--yc-text-code-inline-1-font-size`\\n- CSS var renamed: `--yc-text-code-1-inline-line-height` → `--yc-text-code-inline-1-line-height`\\n- CSS var renamed: `--yc-text-code-2-inline-font-size` → `--yc-text-code-inline-2-font-size`\\n- CSS var renamed: `--yc-text-code-2-inline-line-height` → `--yc-text-code-inline-2-line-height`\\n- CSS var renamed: `--yc-text-code-3-inline-font-size` → `--yc-text-code-inline-3-font-size`\\n- CSS var renamed: `--yc-text-code-3-inline-line-height` → `--yc-text-code-inline-3-line-height`\\n- CSS var removed: `--yc-text-code-font-size` (possible replacement - `--yc-text-code-1-font-size`)\\n- CSS var removed: `--yc-text-code-line-height` (possible replacement - `--yc-text-code-1-line-height`)\\n- Body line-height: `16px` → `18px`\\n\\n#### New\\n\\n- CSS var added: `--yc-text-body-short-font-size`\\n- CSS var added: `--yc-text-body-short-line-height`\\n- CSS var added: `--yc-text-header-font-weight`\\n- CSS var added: `--yc-text-subheader-font-weight`\\n- CSS var added: `--yc-text-display-font-weight`\\n- CSS var added: `--yc-text-display-4-font-size`\\n- CSS var added: `--yc-text-display-4-line-height`\\n- CSS var added: `--yc-text-subheader-1-font-size`\\n- CSS var added: `--yc-text-subheader-1-line-height`\\n- CSS var added: `--yc-text-subheader-2-font-size`\\n- CSS var added: `--yc-text-subheader-2-line-height`\\n- CSS var added: `--yc-text-subheader-3-font-size`\\n- CSS var added: `--yc-text-subheader-3-line-height`\\n- CSS var added: `--yc-text-caption-1-font-size`\\n- CSS var added: `--yc-text-caption-1-line-height`\\n- CSS var added: `--yc-text-caption-2-font-size`\\n- CSS var added: `--yc-text-caption-2-line-height`\\n- Mixins added: `text-body-1`, `text-body-2`, `text-body-3`, `text-body-short`, `text-caption-1`, `text-caption-2`, `text-header-1`, `text-header-2`, `text-subheader-1`, `text-subheader-2`, `text-subheader-3`, `text-display-1`, `text-display-2`, `text-display-3`, `text-display-4`, `text-code-1`, `text-code-2`, `text-code-3`, `text-code-inline-1`, `text-code-inline-2`, `text-code-inline-3`\\n\\n### Styles\\n\\n#### BREAKING\\n\\n- CSS var removed: `--yc-color-loader-active`\\n- CSS var removed: `--yc-color-loader-inactive`\\n- CSS var removed: `--yc-color-base-selection-solid`, use `--yc-color-base-selection`\\n- CSS var removed: `--yc-color-base-selection-hover-solid`, use `--yc-color-base-selection-hover`\\n- CSS var renamed: `--yc-tooltip-max-width` → `--yc-popover-max-width`\\n- CSS var removed: `--yc-tabs-space-between`, use different sizes of Tabs\\n- CSS var removed: `--yc-tab-item-horizontal-border-width`, use different sizes of Tabs\\n- CSS var removed: `--yc-tab-item-horizontal-height`, use different sizes of Tabs\\n\\n#### New\\n\\nSome CSS variables are now available for overwrite. Every `-yc-my-*` variable can be set to redefine base theme. Here full list of such variables:\\n\\n- `--yc-my-scrollbar-width`\\n- `--yc-my-border-radius-s`\\n- `--yc-my-border-radius-m`\\n- `--yc-my-border-radius-l`\\n- `--yc-my-border-radius-xl`\\n- `--yc-my-color-brand-normal`\\n- `--yc-my-color-brand-normal-hover`\\n- `--yc-my-color-brand-light`\\n- `--yc-my-color-brand-selection`\\n- `--yc-my-color-brand-selection-hover`\\n- `--yc-my-color-brand-link`\\n- `--yc-my-color-brand-link-hover`\\n- `--yc-my-color-brand-text-contrast`\\n\\n### Components\\n\\n#### BREAKING\\n\\n- DropdownMenu: default switcher size changed from `s` to `m`\\n- Button: `clear` view was removed, consider using `flat-secondary` instead\\n- Tooltip: component was renamed to `Popover`\\n- HelpTooltip: component was renamed to `HelpPopover`\\n\\n#### New\\n\\n- New `Tooltip` component\\n- Tabs: icon, counter and label can be set on TabsItem\\n\\n### Other\\n\\n- Removed `react-router-dom` dependency\\n\\n## [1.10.0](https://www.github.com/yandex-cloud/uikit/compare/v1.9.0...v1.10.0) (2022-03-25)\\n\\n\\n### Features\\n\\n* **Skeleton:** inline styles ([#116](https://www.github.com/yandex-cloud/uikit/issues/116)) ([bfbde83](https://www.github.com/yandex-cloud/uikit/commit/bfbde83d327a1ed9e1420a2ade9e4095e242c593))\\n\\n## [1.9.0](https://www.github.com/yandex-cloud/uikit/compare/v1.8.1...v1.9.0) (2022-03-22)\\n\\n\\n### Features\\n\\n* add Modal border-radius css var ([#104](https://www.github.com/yandex-cloud/uikit/issues/104)) ([34c5794](https://www.github.com/yandex-cloud/uikit/commit/34c5794e52279267f3b069c1aef7ca98e4e0ded8))\\n\\n\\n### Bug Fixes\\n\\n* change Readme title for Breadcrumbs ([#101](https://www.github.com/yandex-cloud/uikit/issues/101)) ([93a2130](https://www.github.com/yandex-cloud/uikit/commit/93a21302eee3b7500ec71d44160c90027cc39b83))\\n\\n### [1.8.1](https://www.github.com/yandex-cloud/uikit/compare/v1.8.0...v1.8.1) (2022-03-18)\\n\\n\\n### Bug Fixes\\n\\n* freeze deps ([eca3184](https://www.github.com/yandex-cloud/uikit/commit/eca3184b29b2298c42a1a7b47358b517a5a0ab8f))\\n\\n## [1.8.0](https://www.github.com/yandex-cloud/uikit/compare/v1.7.0...v1.8.0) (2022-03-10)\\n\\n\\n### Features\\n\\n* add eventBroker for Menu ([#90](https://www.github.com/yandex-cloud/uikit/issues/90)) ([8fbedce](https://www.github.com/yandex-cloud/uikit/commit/8fbedce66a56fb0b751b2cb7e1d99c470856b31d))\\n* **ClipboardButton:** improve a11y ([#86](https://www.github.com/yandex-cloud/uikit/issues/86)) ([907cadc](https://www.github.com/yandex-cloud/uikit/commit/907cadcd2a6750ccfc38f8a2642f954b0b759851))\\n* **Tabs:** improve a11y ([#94](https://www.github.com/yandex-cloud/uikit/issues/94)) ([da9f256](https://www.github.com/yandex-cloud/uikit/commit/da9f256ac9fa521fe616bfa2b1d013068db74a2a))\\n\\n\\n### Bug Fixes\\n\\n* restore `package-lock.json` ([#89](https://www.github.com/yandex-cloud/uikit/issues/89)) ([7add961](https://www.github.com/yandex-cloud/uikit/commit/7add961c67af1d51a8f4460bd7ff2bd37f809f34))\\n* **TextInput:** pass className to control ([#99](https://www.github.com/yandex-cloud/uikit/issues/99)) ([55fd5af](https://www.github.com/yandex-cloud/uikit/commit/55fd5af341d1d5cecb05efe89d619d48b73569b3))\\n\\n## [1.7.0](https://www.github.com/yandex-cloud/uikit/compare/v1.6.0...v1.7.0) (2022-02-04)\\n\\n\\n### Features\\n\\n* add Select component ([#72](https://www.github.com/yandex-cloud/uikit/issues/72)) ([3b9246a](https://www.github.com/yandex-cloud/uikit/commit/3b9246a3178319f2fb2887fafbe7afdd3b23e9c1))\\n\\n## [1.6.0](https://www.github.com/yandex-cloud/uikit/compare/v1.5.0...v1.6.0) (2022-01-27)\\n\\n\\n### Features\\n\\n* border-radius tokens ([#65](https://www.github.com/yandex-cloud/uikit/issues/65)) ([d73c8ee](https://www.github.com/yandex-cloud/uikit/commit/d73c8eee31226cd6efcfe483e4fb66ec4b8824e8))\\n* migrate Progress component ([#42](https://www.github.com/yandex-cloud/uikit/issues/42)) ([d0afc5e](https://www.github.com/yandex-cloud/uikit/commit/d0afc5ec229987d3f854be2f8570216644f1effc))\\n* migrate Tooltip and HelpTooltip components ([#60](https://www.github.com/yandex-cloud/uikit/issues/60)) ([c3128c8](https://www.github.com/yandex-cloud/uikit/commit/c3128c83473eb1490e2b4713602f7c93ebdd06df))\\n\\n\\n### Bug Fixes\\n\\n* **List:** clear timeout for delayed setState ([#67](https://www.github.com/yandex-cloud/uikit/issues/67))  ([217e72f](https://www.github.com/yandex-cloud/uikit/commit/217e72f6c5813eba7be97cb5984a460d56c13c0b))\\n\\n## [1.5.0](https://www.github.com/yandex-cloud/uikit/compare/v1.4.2...v1.5.0) (2022-01-25)\\n\\n\\n### Features\\n\\n* migrate ArrowToggle component ([#61](https://www.github.com/yandex-cloud/uikit/issues/61)) ([558bb2c](https://www.github.com/yandex-cloud/uikit/commit/558bb2c171a910f31163ea257c94a079a42c6c9c))\\n* migrate Dialog component ([#43](https://www.github.com/yandex-cloud/uikit/issues/43)) ([894cab3](https://www.github.com/yandex-cloud/uikit/commit/894cab3add422b1e6ab562cf87ec331b1dd88438))\\n* migrate Toaster component ([#46](https://www.github.com/yandex-cloud/uikit/issues/46)) ([5ec2569](https://www.github.com/yandex-cloud/uikit/commit/5ec2569e6be4cff89deb14c01011f805e44454a0))\\n\\n\\n### Bug Fixes\\n\\n* **List:** remove type cast for getItemHeight ([#59](https://www.github.com/yandex-cloud/uikit/issues/59)) ([a352b21](https://www.github.com/yandex-cloud/uikit/commit/a352b21c5f7245ec2fea6ad6c1cd08d167a123fc))\\n* remove Yandex proprietary fonts ([#52](https://www.github.com/yandex-cloud/uikit/issues/52)) ([5017d43](https://www.github.com/yandex-cloud/uikit/commit/5017d4332ef464f31640ac8bf576c301c727b38d))\\n* **Table:** actions button click triggers row action ([#62](https://www.github.com/yandex-cloud/uikit/issues/62)) ([00ba47d](https://www.github.com/yandex-cloud/uikit/commit/00ba47d4a232bb3d0318e07aff2da6a6b29b01b3))\\n\\n### [1.4.2](https://www.github.com/yandex-cloud/uikit/compare/v1.4.1...v1.4.2) (2022-01-21)\\n\\n\\n### Bug Fixes\\n\\n* allow not to set a fixed height for non-virtualized lists ([#54](https://www.github.com/yandex-cloud/uikit/issues/54)) ([df17e41](https://www.github.com/yandex-cloud/uikit/commit/df17e41348d0f065e14b4504187f80b064970a40))\\n\\n### [1.4.1](https://www.github.com/yandex-cloud/uikit/compare/v1.4.0...v1.4.1) (2022-01-20)\\n\\n\\n### Bug Fixes\\n\\n* should export ListItem ([#49](https://www.github.com/yandex-cloud/uikit/issues/49)) ([10a9550](https://www.github.com/yandex-cloud/uikit/commit/10a955019d72e3fe0e62d3bdea6a45c3a5d0b085))\\n\\n## [1.4.0](https://www.github.com/yandex-cloud/uikit/compare/v1.3.0...v1.4.0) (2022-01-18)\\n\\n\\n### Features\\n\\n* add Loader component ([#37](https://www.github.com/yandex-cloud/uikit/issues/37)) ([7d02c80](https://www.github.com/yandex-cloud/uikit/commit/7d02c8081cea52d25235a3d26c101f35d3a25f1c))\\n* migrate Card component ([#32](https://www.github.com/yandex-cloud/uikit/issues/32)) ([bd52a23](https://www.github.com/yandex-cloud/uikit/commit/bd52a232dbcf913d5101a45ce5bed01873a46a69))\\n\\n\\n### Bug Fixes\\n\\n* **ClipboardButton:** correctly handle click event ([b170ac0](https://www.github.com/yandex-cloud/uikit/commit/b170ac02ed839ca658b9ef90f4533f04008e6176)), closes [#45](https://www.github.com/yandex-cloud/uikit/issues/45)\\n* **ClipboardButton:** should work properly ([#47](https://www.github.com/yandex-cloud/uikit/issues/47)) ([5c00db3](https://www.github.com/yandex-cloud/uikit/commit/5c00db37f14af0a521e90f1265f3227d3737bb13))\\n* correctly show textarea resize control ([#33](https://www.github.com/yandex-cloud/uikit/issues/33)) ([bed5a23](https://www.github.com/yandex-cloud/uikit/commit/bed5a2364d71b2a3f635b98b14a39361e379fd09))\\n\\n\\n### Performance Improvements\\n\\n* small Table performance fixes ([#40](https://www.github.com/yandex-cloud/uikit/issues/40)) ([36bb4b4](https://www.github.com/yandex-cloud/uikit/commit/36bb4b4421d91954df82b298c32d89f539ea09cb))\\n\\n## [1.3.0](https://www.github.com/yandex-cloud/uikit/compare/v1.2.1...v1.3.0) (2021-12-24)\\n\\n\\n### Features\\n\\n* migrate Table changes ([9fc7627](https://www.github.com/yandex-cloud/uikit/commit/9fc7627b9a41e0e42e541c04e603a9b0016b8592))\\n\\n### [1.2.1](https://www.github.com/yandex-cloud/uikit/compare/v1.2.0...v1.2.1) (2021-12-23)\\n\\n\\n### Bug Fixes\\n\\n* reexport common types ([e1af8ed](https://www.github.com/yandex-cloud/uikit/commit/e1af8ed165aea90df8bb7b673edcfe6045b7707f))\\n* reexport event-broker hooks ([b76fe70](https://www.github.com/yandex-cloud/uikit/commit/b76fe70a8b2227b4a00c2a35f2a0cd36b5e9f5a8))\\n\\n## [1.2.0](https://www.github.com/yandex-cloud/uikit/compare/v1.1.4...v1.2.0) (2021-12-23)\\n\\n\\n### Features\\n\\n* add interactive prop to Label ([#25](https://www.github.com/yandex-cloud/uikit/issues/25)) ([926d0c5](https://www.github.com/yandex-cloud/uikit/commit/926d0c5ca31dc8a3a33261d03fd0449fd7e2d2fe))\\n\\n\\n### Bug Fixes\\n\\n* export useLayer hook ([#23](https://www.github.com/yandex-cloud/uikit/issues/23)) ([10e3380](https://www.github.com/yandex-cloud/uikit/commit/10e3380db7a68c77337b63a4c7bd033d8283eefe))\\n* remove unnecessary pointer-events of Label ([#27](https://www.github.com/yandex-cloud/uikit/issues/27)) ([3e18385](https://www.github.com/yandex-cloud/uikit/commit/3e183854f1a440e146bc903ad37d7352f3245fa8))\\n* root scss variable ([#22](https://www.github.com/yandex-cloud/uikit/issues/22)) ([dfb9131](https://www.github.com/yandex-cloud/uikit/commit/dfb91311dd387354421dba195313ba4e93a7556b))\\n\\n### [1.1.4](https://www.github.com/yandex-cloud/uikit/compare/v1.1.3...v1.1.4) (2021-12-22)\\n\\n\\n### Bug Fixes\\n\\n* compile js files via tsc aswell ([efa9914](https://www.github.com/yandex-cloud/uikit/commit/efa9914a544514d8c2ef85ab7dbfb0996802ce94))\\n\\n### [1.1.3](https://www.github.com/yandex-cloud/uikit/compare/v1.1.2...v1.1.3) (2021-12-16)\\n\\n\\n### Bug Fixes\\n\\n* correctly copy js files to build ([54a63ba](https://www.github.com/yandex-cloud/uikit/commit/54a63bae8a9686fbe9229cdde06cdf79f7cd624b))\\n* reexport ThemeValueContext ([b972b95](https://www.github.com/yandex-cloud/uikit/commit/b972b95b1b1dd0a4c392999588eab3c1ecc19da2))\\n\\n### [1.1.2](https://www.github.com/yandex-cloud/uikit/compare/v1.1.1...v1.1.2) (2021-12-16)\\n\\n\\n### Bug Fixes\\n\\n* reexport List and Table from index ([6e5379f](https://www.github.com/yandex-cloud/uikit/commit/6e5379fe84a280087730719040c32c003b511f86))\\n\\n### [1.1.1](https://www.github.com/yandex-cloud/uikit/compare/v1.1.0...v1.1.1) (2021-12-16)\\n\\n\\n### Bug Fixes\\n\\n* reexport RadioGroup from index ([f45339a](https://www.github.com/yandex-cloud/uikit/commit/f45339ad06340a7f2b6105962fb572e72dd77562))\\n\\n## [1.1.0](https://www.github.com/yandex-cloud/uikit/compare/v1.0.1...v1.1.0) (2021-12-16)\\n\\n\\n### Features\\n\\n* migrate current code ([#6](https://www.github.com/yandex-cloud/uikit/issues/6)) ([7e729f2](https://www.github.com/yandex-cloud/uikit/commit/7e729f2948edba225a3fefd4976b91640b0d6c00))\\n* migrate RadioGroup component ([#3](https://www.github.com/yandex-cloud/uikit/issues/3)) ([c3508f3](https://www.github.com/yandex-cloud/uikit/commit/c3508f34eb51ca8aff3136a93f49b86dc6e35e99))\\n","contributors":[{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":222},{"login":"ogonkov","avatarUrl":"https://avatars.githubusercontent.com/u/1091927?v=4","url":"https://github.com/ogonkov","contributions":84},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":71},{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":61},{"login":"IsaevAlexandr","avatarUrl":"https://avatars.githubusercontent.com/u/27916444?v=4","url":"https://github.com/IsaevAlexandr","contributions":56},{"login":"Raubzeug","avatarUrl":"https://avatars.githubusercontent.com/u/42094364?v=4","url":"https://github.com/Raubzeug","contributions":26},{"login":"GermanVor","avatarUrl":"https://avatars.githubusercontent.com/u/43282255?v=4","url":"https://github.com/GermanVor","contributions":20},{"login":"NikitaCG","avatarUrl":"https://avatars.githubusercontent.com/u/36075690?v=4","url":"https://github.com/NikitaCG","contributions":16},{"login":"imechoim","avatarUrl":"https://avatars.githubusercontent.com/u/8857511?v=4","url":"https://github.com/imechoim","contributions":16},{"login":"mournfulCoroner","avatarUrl":"https://avatars.githubusercontent.com/u/56549651?v=4","url":"https://github.com/mournfulCoroner","contributions":16},{"login":"helenjer","avatarUrl":"https://avatars.githubusercontent.com/u/5168501?v=4","url":"https://github.com/helenjer","contributions":13},{"login":"Mishnya","avatarUrl":"https://avatars.githubusercontent.com/u/47668236?v=4","url":"https://github.com/Mishnya","contributions":12},{"login":"mfyodorov","avatarUrl":"https://avatars.githubusercontent.com/u/20931659?v=4","url":"https://github.com/mfyodorov","contributions":11},{"login":"kseniya57","avatarUrl":"https://avatars.githubusercontent.com/u/31247233?v=4","url":"https://github.com/kseniya57","contributions":11},{"login":"Marginy605","avatarUrl":"https://avatars.githubusercontent.com/u/98329176?v=4","url":"https://github.com/Marginy605","contributions":11},{"login":"ArturAbdullin","avatarUrl":"https://avatars.githubusercontent.com/u/30603428?v=4","url":"https://github.com/ArturAbdullin","contributions":10},{"login":"KirillDyachkovskiy","avatarUrl":"https://avatars.githubusercontent.com/u/81510334?v=4","url":"https://github.com/KirillDyachkovskiy","contributions":10},{"login":"niktverd","avatarUrl":"https://avatars.githubusercontent.com/u/61203447?v=4","url":"https://github.com/niktverd","contributions":10},{"login":"DenisVershkov","avatarUrl":"https://avatars.githubusercontent.com/u/81879756?v=4","url":"https://github.com/DenisVershkov","contributions":9},{"login":"DarkGenius","avatarUrl":"https://avatars.githubusercontent.com/u/4076124?v=4","url":"https://github.com/DarkGenius","contributions":9},{"login":"resure","avatarUrl":"https://avatars.githubusercontent.com/u/168296?v=4","url":"https://github.com/resure","contributions":9},{"login":"Arucard89","avatarUrl":"https://avatars.githubusercontent.com/u/13587201?v=4","url":"https://github.com/Arucard89","contributions":9},{"login":"Kyzyl-ool","avatarUrl":"https://avatars.githubusercontent.com/u/30153778?v=4","url":"https://github.com/Kyzyl-ool","contributions":8},{"login":"kkirik","avatarUrl":"https://avatars.githubusercontent.com/u/29181473?v=4","url":"https://github.com/kkirik","contributions":8},{"login":"teleginzhenya","avatarUrl":"https://avatars.githubusercontent.com/u/24455680?v=4","url":"https://github.com/teleginzhenya","contributions":8},{"login":"LakeVostok","avatarUrl":"https://avatars.githubusercontent.com/u/17967390?v=4","url":"https://github.com/LakeVostok","contributions":7},{"login":"DakEnviy","avatarUrl":"https://avatars.githubusercontent.com/u/6522772?v=4","url":"https://github.com/DakEnviy","contributions":7},{"login":"vvtimofeev","avatarUrl":"https://avatars.githubusercontent.com/u/108340247?v=4","url":"https://github.com/vvtimofeev","contributions":7},{"login":"NasgulNexus","avatarUrl":"https://avatars.githubusercontent.com/u/23384737?v=4","url":"https://github.com/NasgulNexus","contributions":7},{"login":"kiraind","avatarUrl":"https://avatars.githubusercontent.com/u/23224613?v=4","url":"https://github.com/kiraind","contributions":6},{"login":"SeqviriouM","avatarUrl":"https://avatars.githubusercontent.com/u/1071418?v=4","url":"https://github.com/SeqviriouM","contributions":6},{"login":"itwillwork","avatarUrl":"https://avatars.githubusercontent.com/u/15855766?v=4","url":"https://github.com/itwillwork","contributions":6},{"login":"zamkovskaya","avatarUrl":"https://avatars.githubusercontent.com/u/128601366?v=4","url":"https://github.com/zamkovskaya","contributions":6},{"login":"d3m1d0v","avatarUrl":"https://avatars.githubusercontent.com/u/26671342?v=4","url":"https://github.com/d3m1d0v","contributions":5},{"login":"imsitnikov","avatarUrl":"https://avatars.githubusercontent.com/u/29424746?v=4","url":"https://github.com/imsitnikov","contributions":5},{"login":"ierehon1905","avatarUrl":"https://avatars.githubusercontent.com/u/31146334?v=4","url":"https://github.com/ierehon1905","contributions":5},{"login":"goshander","avatarUrl":"https://avatars.githubusercontent.com/u/5037509?v=4","url":"https://github.com/goshander","contributions":5},{"login":"Lunory","avatarUrl":"https://avatars.githubusercontent.com/u/22904809?v=4","url":"https://github.com/Lunory","contributions":5},{"login":"chelentos","avatarUrl":"https://avatars.githubusercontent.com/u/21958075?v=4","url":"https://github.com/chelentos","contributions":5},{"login":"polikashina","avatarUrl":"https://avatars.githubusercontent.com/u/7197224?v=4","url":"https://github.com/polikashina","contributions":4},{"login":"axtk","avatarUrl":"https://avatars.githubusercontent.com/u/24575250?v=4","url":"https://github.com/axtk","contributions":4},{"login":"Ruminat","avatarUrl":"https://avatars.githubusercontent.com/u/18216279?v=4","url":"https://github.com/Ruminat","contributions":4},{"login":"yndx-madfriend","avatarUrl":"https://avatars.githubusercontent.com/u/99418743?v=4","url":"https://github.com/yndx-madfriend","contributions":4},{"login":"tsufiev","avatarUrl":"https://avatars.githubusercontent.com/u/1240006?v=4","url":"https://github.com/tsufiev","contributions":4},{"login":"oynikishin","avatarUrl":"https://avatars.githubusercontent.com/u/113184616?v=4","url":"https://github.com/oynikishin","contributions":4},{"login":"jhoncool","avatarUrl":"https://avatars.githubusercontent.com/u/11226935?v=4","url":"https://github.com/jhoncool","contributions":4},{"login":"atroynikov","avatarUrl":"https://avatars.githubusercontent.com/u/7413138?v=4","url":"https://github.com/atroynikov","contributions":4},{"login":"Antamansid","avatarUrl":"https://avatars.githubusercontent.com/u/31531030?v=4","url":"https://github.com/Antamansid","contributions":4},{"login":"Feverqwe","avatarUrl":"https://avatars.githubusercontent.com/u/891534?v=4","url":"https://github.com/Feverqwe","contributions":4},{"login":"Bluepuper","avatarUrl":"https://avatars.githubusercontent.com/u/79052139?v=4","url":"https://github.com/Bluepuper","contributions":4},{"login":"krozhkov","avatarUrl":"https://avatars.githubusercontent.com/u/17095356?v=4","url":"https://github.com/krozhkov","contributions":3},{"login":"sunduckcow","avatarUrl":"https://avatars.githubusercontent.com/u/83990793?v=4","url":"https://github.com/sunduckcow","contributions":3},{"login":"sidorko","avatarUrl":"https://avatars.githubusercontent.com/u/6938277?v=4","url":"https://github.com/sidorko","contributions":3},{"login":"ma-efremoff","avatarUrl":"https://avatars.githubusercontent.com/u/64027148?v=4","url":"https://github.com/ma-efremoff","contributions":3},{"login":"VitaliiDC8","avatarUrl":"https://avatars.githubusercontent.com/u/127111625?v=4","url":"https://github.com/VitaliiDC8","contributions":3},{"login":"maeshchenko","avatarUrl":"https://avatars.githubusercontent.com/u/24603515?v=4","url":"https://github.com/maeshchenko","contributions":3},{"login":"ref256","avatarUrl":"https://avatars.githubusercontent.com/u/41027510?v=4","url":"https://github.com/ref256","contributions":3},{"login":"dfilatov","avatarUrl":"https://avatars.githubusercontent.com/u/67957?v=4","url":"https://github.com/dfilatov","contributions":3},{"login":"geksin","avatarUrl":"https://avatars.githubusercontent.com/u/56411228?v=4","url":"https://github.com/geksin","contributions":3},{"login":"gearoffortune","avatarUrl":"https://avatars.githubusercontent.com/u/48627239?v=4","url":"https://github.com/gearoffortune","contributions":3},{"login":"chervyakovru","avatarUrl":"https://avatars.githubusercontent.com/u/14909082?v=4","url":"https://github.com/chervyakovru","contributions":3},{"login":"trabemz","avatarUrl":"https://avatars.githubusercontent.com/u/47355834?v=4","url":"https://github.com/trabemz","contributions":2},{"login":"ilya-878","avatarUrl":"https://avatars.githubusercontent.com/u/136704878?v=4","url":"https://github.com/ilya-878","contributions":2},{"login":"inigomontoya722","avatarUrl":"https://avatars.githubusercontent.com/u/95115837?v=4","url":"https://github.com/inigomontoya722","contributions":2},{"login":"sofiushko","avatarUrl":"https://avatars.githubusercontent.com/u/5218950?v=4","url":"https://github.com/sofiushko","contributions":2},{"login":"yuberdysheva","avatarUrl":"https://avatars.githubusercontent.com/u/22456330?v=4","url":"https://github.com/yuberdysheva","contributions":2},{"login":"artemmufazalov","avatarUrl":"https://avatars.githubusercontent.com/u/67755036?v=4","url":"https://github.com/artemmufazalov","contributions":2},{"login":"smsochneg","avatarUrl":"https://avatars.githubusercontent.com/u/15200559?v=4","url":"https://github.com/smsochneg","contributions":2},{"login":"Avol-V","avatarUrl":"https://avatars.githubusercontent.com/u/7325152?v=4","url":"https://github.com/Avol-V","contributions":2},{"login":"isqua","avatarUrl":"https://avatars.githubusercontent.com/u/529247?v=4","url":"https://github.com/isqua","contributions":2},{"login":"Vladeeg","avatarUrl":"https://avatars.githubusercontent.com/u/22842948?v=4","url":"https://github.com/Vladeeg","contributions":2},{"login":"gorgeousvlad","avatarUrl":"https://avatars.githubusercontent.com/u/20395936?v=4","url":"https://github.com/gorgeousvlad","contributions":2},{"login":"Semro","avatarUrl":"https://avatars.githubusercontent.com/u/3332159?v=4","url":"https://github.com/Semro","contributions":2},{"login":"aeksandla","avatarUrl":"https://avatars.githubusercontent.com/u/46083995?v=4","url":"https://github.com/aeksandla","contributions":2},{"login":"B0nBun","avatarUrl":"https://avatars.githubusercontent.com/u/75064972?v=4","url":"https://github.com/B0nBun","contributions":2},{"login":"DaniilDem","avatarUrl":"https://avatars.githubusercontent.com/u/9549041?v=4","url":"https://github.com/DaniilDem","contributions":2},{"login":"dividead","avatarUrl":"https://avatars.githubusercontent.com/u/4695397?v=4","url":"https://github.com/dividead","contributions":2},{"login":"DaffPunks","avatarUrl":"https://avatars.githubusercontent.com/u/15698578?v=4","url":"https://github.com/DaffPunks","contributions":2},{"login":"lunaticenslaved","avatarUrl":"https://avatars.githubusercontent.com/u/54212063?v=4","url":"https://github.com/lunaticenslaved","contributions":2},{"login":"zlobnikov","avatarUrl":"https://avatars.githubusercontent.com/u/18357363?v=4","url":"https://github.com/zlobnikov","contributions":2},{"login":"rLukoyanov","avatarUrl":"https://avatars.githubusercontent.com/u/105169805?v=4","url":"https://github.com/rLukoyanov","contributions":2},{"login":"makhnatkin","avatarUrl":"https://avatars.githubusercontent.com/u/1963954?v=4","url":"https://github.com/makhnatkin","contributions":2},{"login":"js2me","avatarUrl":"https://avatars.githubusercontent.com/u/16340911?v=4","url":"https://github.com/js2me","contributions":2},{"login":"v4dyar4","avatarUrl":"https://avatars.githubusercontent.com/u/108093658?v=4","url":"https://github.com/v4dyar4","contributions":2},{"login":"KalachevDev","avatarUrl":"https://avatars.githubusercontent.com/u/30410979?v=4","url":"https://github.com/KalachevDev","contributions":2},{"login":"bezany","avatarUrl":"https://avatars.githubusercontent.com/u/5105017?v=4","url":"https://github.com/bezany","contributions":1},{"login":"aulian0v","avatarUrl":"https://avatars.githubusercontent.com/u/143967289?v=4","url":"https://github.com/aulian0v","contributions":1},{"login":"aapolkovsky","avatarUrl":"https://avatars.githubusercontent.com/u/22380490?v=4","url":"https://github.com/aapolkovsky","contributions":1},{"login":"3y3","avatarUrl":"https://avatars.githubusercontent.com/u/3931155?v=4","url":"https://github.com/3y3","contributions":1},{"login":"neeeekto","avatarUrl":"https://avatars.githubusercontent.com/u/12767115?v=4","url":"https://github.com/neeeekto","contributions":1},{"login":"Vladimirluk88","avatarUrl":"https://avatars.githubusercontent.com/u/86942878?v=4","url":"https://github.com/Vladimirluk88","contributions":1},{"login":"zefirka","avatarUrl":"https://avatars.githubusercontent.com/u/5380542?v=4","url":"https://github.com/zefirka","contributions":1},{"login":"Zveroboev","avatarUrl":"https://avatars.githubusercontent.com/u/27211707?v=4","url":"https://github.com/Zveroboev","contributions":1},{"login":"flops","avatarUrl":"https://avatars.githubusercontent.com/u/433333?v=4","url":"https://github.com/flops","contributions":1},{"login":"elemeNtk0","avatarUrl":"https://avatars.githubusercontent.com/u/9047433?v=4","url":"https://github.com/elemeNtk0","contributions":1},{"login":"bocembocem","avatarUrl":"https://avatars.githubusercontent.com/u/58661343?v=4","url":"https://github.com/bocembocem","contributions":1},{"login":"catakot","avatarUrl":"https://avatars.githubusercontent.com/u/21214799?v=4","url":"https://github.com/catakot","contributions":1},{"login":"damask","avatarUrl":"https://avatars.githubusercontent.com/u/1005974?v=4","url":"https://github.com/damask","contributions":1},{"login":"dihar","avatarUrl":"https://avatars.githubusercontent.com/u/12913462?v=4","url":"https://github.com/dihar","contributions":1},{"login":"dustyo-O","avatarUrl":"https://avatars.githubusercontent.com/u/14638147?v=4","url":"https://github.com/dustyo-O","contributions":1},{"login":"saxumcordis","avatarUrl":"https://avatars.githubusercontent.com/u/42944548?v=4","url":"https://github.com/saxumcordis","contributions":1},{"login":"icekimi23","avatarUrl":"https://avatars.githubusercontent.com/u/26017761?v=4","url":"https://github.com/icekimi23","contributions":1},{"login":"kendoow","avatarUrl":"https://avatars.githubusercontent.com/u/70059916?v=4","url":"https://github.com/kendoow","contributions":1},{"login":"max-portador","avatarUrl":"https://avatars.githubusercontent.com/u/46213974?v=4","url":"https://github.com/max-portador","contributions":1},{"login":"tumenbaev","avatarUrl":"https://avatars.githubusercontent.com/u/11868819?v=4","url":"https://github.com/tumenbaev","contributions":1},{"login":"vertukv","avatarUrl":"https://avatars.githubusercontent.com/u/101094707?v=4","url":"https://github.com/vertukv","contributions":1},{"login":"yndx-birman","avatarUrl":"https://avatars.githubusercontent.com/u/62902338?v=4","url":"https://github.com/yndx-birman","contributions":1},{"login":"shvorak","avatarUrl":"https://avatars.githubusercontent.com/u/2071148?v=4","url":"https://github.com/shvorak","contributions":1},{"login":"Estasie","avatarUrl":"https://avatars.githubusercontent.com/u/55848388?v=4","url":"https://github.com/Estasie","contributions":1},{"login":"kapibaara","avatarUrl":"https://avatars.githubusercontent.com/u/41840872?v=4","url":"https://github.com/kapibaara","contributions":1},{"login":"shbov","avatarUrl":"https://avatars.githubusercontent.com/u/32542672?v=4","url":"https://github.com/shbov","contributions":1},{"login":"melikhov-dev","avatarUrl":"https://avatars.githubusercontent.com/u/1742586?v=4","url":"https://github.com/melikhov-dev","contributions":1},{"login":"Nil2000","avatarUrl":"https://avatars.githubusercontent.com/u/54113952?v=4","url":"https://github.com/Nil2000","contributions":1},{"login":"anton-fomichev","avatarUrl":"https://avatars.githubusercontent.com/u/72696000?v=4","url":"https://github.com/anton-fomichev","contributions":1},{"login":"astandrik","avatarUrl":"https://avatars.githubusercontent.com/u/8037318?v=4","url":"https://github.com/astandrik","contributions":1},{"login":"KhodeN","avatarUrl":"https://avatars.githubusercontent.com/u/614349?v=4","url":"https://github.com/KhodeN","contributions":1},{"login":"artemipanchuk","avatarUrl":"https://avatars.githubusercontent.com/u/15093838?v=4","url":"https://github.com/artemipanchuk","contributions":1},{"login":"Ayub-Begimkulov","avatarUrl":"https://avatars.githubusercontent.com/u/46418811?v=4","url":"https://github.com/Ayub-Begimkulov","contributions":1},{"login":"danigorokhov","avatarUrl":"https://avatars.githubusercontent.com/u/49070059?v=4","url":"https://github.com/danigorokhov","contributions":1},{"login":"DaryaLari","avatarUrl":"https://avatars.githubusercontent.com/u/19970912?v=4","url":"https://github.com/DaryaLari","contributions":1},{"login":"saripovdenis","avatarUrl":"https://avatars.githubusercontent.com/u/74184888?v=4","url":"https://github.com/saripovdenis","contributions":1},{"login":"zzzorgo","avatarUrl":"https://avatars.githubusercontent.com/u/17454987?v=4","url":"https://github.com/zzzorgo","contributions":1},{"login":"beliarh","avatarUrl":"https://avatars.githubusercontent.com/u/4661335?v=4","url":"https://github.com/beliarh","contributions":1},{"login":"ilerik","avatarUrl":"https://avatars.githubusercontent.com/u/5747672?v=4","url":"https://github.com/ilerik","contributions":1},{"login":"ananas7","avatarUrl":"https://avatars.githubusercontent.com/u/6717161?v=4","url":"https://github.com/ananas7","contributions":1},{"login":"calaquend1","avatarUrl":"https://avatars.githubusercontent.com/u/45256936?v=4","url":"https://github.com/calaquend1","contributions":1},{"login":"joshuan","avatarUrl":"https://avatars.githubusercontent.com/u/2090702?v=4","url":"https://github.com/joshuan","contributions":1},{"login":"lu-perfect","avatarUrl":"https://avatars.githubusercontent.com/u/104302104?v=4","url":"https://github.com/lu-perfect","contributions":1},{"login":"Lunatic174","avatarUrl":"https://avatars.githubusercontent.com/u/10085601?v=4","url":"https://github.com/Lunatic174","contributions":1},{"login":"eyoue","avatarUrl":"https://avatars.githubusercontent.com/u/16962204?v=4","url":"https://github.com/eyoue","contributions":1},{"login":"shevnv","avatarUrl":"https://avatars.githubusercontent.com/u/1035967?v=4","url":"https://github.com/shevnv","contributions":1},{"login":"n-parpibaeva","avatarUrl":"https://avatars.githubusercontent.com/u/27774197?v=4","url":"https://github.com/n-parpibaeva","contributions":1},{"login":"pavel-klimov","avatarUrl":"https://avatars.githubusercontent.com/u/42768217?v=4","url":"https://github.com/pavel-klimov","contributions":1},{"login":"vrozaev","avatarUrl":"https://avatars.githubusercontent.com/u/2428161?v=4","url":"https://github.com/vrozaev","contributions":1}],"codeOwners":[{"pattern":"*","owners":["amje","ValeraS","korvin89"]},{"pattern":"/src/components/ActionTooltip","owners":["amje"]},{"pattern":"/src/components/Alert","owners":["IsaevAlexandr"]},{"pattern":"/src/components/ArrowToggle","owners":["Marginy605"]},{"pattern":"/src/components/Avatar","owners":["DakEnviy"]},{"pattern":"/src/components/AvatarStack","owners":["ogonkov"]},{"pattern":"/src/components/Button","owners":["amje"]},{"pattern":"/src/components/Card","owners":["Lunory"]},{"pattern":"/src/components/Checkbox","owners":["zamkovskaya"]},{"pattern":"/src/components/ClipboardButton","owners":["Raubzeug"]},{"pattern":"/src/components/ClipboardIcon","owners":["Raubzeug"]},{"pattern":"/src/components/ControlLabel","owners":["korvin89"]},{"pattern":"/src/components/CopyToClipboard","owners":["SeqviriouM"]},{"pattern":"/src/components/Disclosure","owners":["Raubzeug"]},{"pattern":"/src/components/Divider","owners":["v4dyar4"]},{"pattern":"/src/components/DropdownMenu","owners":["axtk"]},{"pattern":"/src/components/Hotkey","owners":["d3m1d0v"]},{"pattern":"/src/components/Icon","owners":["amje"]},{"pattern":"/src/components/Label","owners":["goshander"]},{"pattern":"/src/components/Link","owners":["Estasie"]},{"pattern":"/src/components/List","owners":["korvin89"]},{"pattern":"/src/components/Loader","owners":["SeqviriouM"]},{"pattern":"/src/components/Menu","owners":["NikitaCG"]},{"pattern":"/src/components/Modal","owners":["amje"]},{"pattern":"/src/components/Pagination","owners":["jhoncool"]},{"pattern":"/src/components/PinInput","owners":["amje"]},{"pattern":"/src/components/Popover","owners":["kseniya57"]},{"pattern":"/src/components/Popup","owners":["amje"]},{"pattern":"/src/components/Portal","owners":["amje"]},{"pattern":"/src/components/Progress","owners":["Lunory"]},{"pattern":"/src/components/Radio","owners":["zamkovskaya"]},{"pattern":"/src/components/RadioButton","owners":["zamkovskaya"]},{"pattern":"/src/components/RadioGroup","owners":["zamkovskaya"]},{"pattern":"/src/components/User","owners":["DakEnviy"]},{"pattern":"/src/components/UserLabel","owners":["DakEnviy"]},{"pattern":"/src/components/useList","owners":["IsaevAlexandr"]},{"pattern":"/src/components/Select","owners":["korvin89"]},{"pattern":"/src/components/Sheet","owners":["mournfulCoroner"]},{"pattern":"/src/components/Skeleton","owners":["SeqviriouM"]},{"pattern":"/src/components/Slider","owners":["Arucard89"]},{"pattern":"/src/components/Spin","owners":["SeqviriouM"]},{"pattern":"/src/components/Stories","owners":["DarkGenius"]},{"pattern":"/src/components/Switch","owners":["zamkovskaya"]},{"pattern":"/src/components/Table","owners":["Raubzeug"]},{"pattern":"/src/components/Tabs","owners":["sofiushko"]},{"pattern":"/src/components/Text","owners":["IsaevAlexandr"]},{"pattern":"/src/components/TreeList","owners":["IsaevAlexandr"]},{"pattern":"/src/components/TreeSelect","owners":["IsaevAlexandr"]},{"pattern":"/src/components/controls/TextArea","owners":["korvin89"]},{"pattern":"/src/components/controls/TextInput","owners":["korvin89"]},{"pattern":"/src/components/Toaster","owners":["ogonkov"]},{"pattern":"/src/components/Tooltip","owners":["amje"]},{"pattern":"/src/components/layout","owners":["IsaevAlexandr"]},{"pattern":"/src/hooks/useActionHandlers","owners":["ogonkov"]},{"pattern":"/src/hooks/useFileInput","owners":["korvin89"]},{"pattern":"/src/hooks/useForkRef","owners":["ValeraS"]},{"pattern":"/src/hooks/useIntersection","owners":["imechoim"]},{"pattern":"/src/hooks/useTimeout","owners":["ogonkov"]},{"pattern":"/src/hooks/useOutsideClick","owners":["NikitaCG"]},{"pattern":"/src/hooks/useViewportSize","owners":["NikitaCG"]},{"pattern":"/src/hooks/useUniqId","owners":["ValeraS"]}]},"components":{"stars":11,"version":"3.7.0","lastUpdate":"17.06.2024","license":"MIT License","issues":28,"readme":"# @gravity-ui/components &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/components)](https://www.npmjs.com/package/@gravity-ui/components) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/components/.github/workflows/ci.yml?label=CI&logo=github)](https://github.com/gravity-ui/components/actions/workflows/ci.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/components/)\\n\\nA set of complex React components\\n\\n## Install\\n\\n```shell\\nnpm install --save-dev @gravity-ui/components\\n```\\n","changelog":"# Changelog\\n\\n## [3.7.0](https://github.com/gravity-ui/components/compare/v3.6.2...v3.7.0) (2024-06-14)\\n\\n\\n### Features\\n\\n* **DefinitionList:** support grouped items ([#191](https://github.com/gravity-ui/components/issues/191)) ([27bc3f6](https://github.com/gravity-ui/components/commit/27bc3f6ffa1eba9ccc164fd5e02c772c7c46e030))\\n* **FilePreview:** support clickable mobile image preview ([#201](https://github.com/gravity-ui/components/issues/201)) ([4129b3a](https://github.com/gravity-ui/components/commit/4129b3a7cb3cc4142707ca0000fcd2d9a50fc25d))\\n\\n\\n### Bug Fixes\\n\\n* **AdaptiveTabs:** fix behaviour when resizing with opened \\"More\\" menu ([#198](https://github.com/gravity-ui/components/issues/198)) ([5dbf4e5](https://github.com/gravity-ui/components/commit/5dbf4e5e2526b447814666dc37ac2cbcd9ed63ed))\\n\\n## [3.6.2](https://github.com/gravity-ui/components/compare/v3.6.1...v3.6.2) (2024-05-27)\\n\\n\\n### Bug Fixes\\n\\n* **OnboardingMenu:** change align-items start to flex-start ([#190](https://github.com/gravity-ui/components/issues/190)) ([8246c87](https://github.com/gravity-ui/components/commit/8246c87a6a90b6e486e2702f67671ed9a34f36ca))\\n\\n## [3.6.1](https://github.com/gravity-ui/components/compare/v3.6.0...v3.6.1) (2024-05-15)\\n\\n\\n### Bug Fixes\\n\\n* a11y issues fixes ([#189](https://github.com/gravity-ui/components/issues/189)) ([4649a40](https://github.com/gravity-ui/components/commit/4649a4053a639b609bd8e8a5fcb661153673dea3))\\n\\n## [3.6.0](https://github.com/gravity-ui/components/compare/v3.5.0...v3.6.0) (2024-04-15)\\n\\n\\n### Features\\n\\n* **FilePreview:** add tooltip props for actions ([#174](https://github.com/gravity-ui/components/issues/174)) ([e16cef8](https://github.com/gravity-ui/components/commit/e16cef822e746a4571a2da0ca5116f7dbed94bd1))\\n\\n## [3.5.0](https://github.com/gravity-ui/components/compare/v3.4.2...v3.5.0) (2024-04-08)\\n\\n\\n### Features\\n\\n* **Onboarding Menu:** defaultExpanded in OnboardingMenuItem ([#179](https://github.com/gravity-ui/components/issues/179)) ([57987ad](https://github.com/gravity-ui/components/commit/57987ad0a252a0c1d4b220b7172e939afb642002))\\n\\n## [3.4.2](https://github.com/gravity-ui/components/compare/v3.4.1...v3.4.2) (2024-04-04)\\n\\n\\n### Bug Fixes\\n\\n* **OnboardingMenu:** long header, expand items ([#175](https://github.com/gravity-ui/components/issues/175)) ([4031a47](https://github.com/gravity-ui/components/commit/4031a47d3153e2098c0b354bfe3ac6ce4236efce))\\n\\n## [3.4.1](https://github.com/gravity-ui/components/compare/v3.4.0...v3.4.1) (2024-03-29)\\n\\n\\n### Bug Fixes\\n\\n* **OnboardingMenu:** bad useMemo Icon, took out the expand state ([#172](https://github.com/gravity-ui/components/issues/172)) ([32bd68d](https://github.com/gravity-ui/components/commit/32bd68da8d4a6d42cd6dc758f289ed33f68e20c0))\\n\\n## [3.4.0](https://github.com/gravity-ui/components/compare/v3.3.0...v3.4.0) (2024-03-22)\\n\\n\\n### Features\\n\\n* **ConfirmDialog:** add dialog confirm component ([#169](https://github.com/gravity-ui/components/issues/169)) ([7f7c32e](https://github.com/gravity-ui/components/commit/7f7c32e43744459bca7a1324754d69d3ba5e728e))\\n* **useSyncWithLS:** disable callback in active tab ([#170](https://github.com/gravity-ui/components/issues/170)) ([e05dc26](https://github.com/gravity-ui/components/commit/e05dc2601aac0e6652e7e4ad7bd72c9a0997d03d))\\n\\n## [3.3.0](https://github.com/gravity-ui/components/compare/v3.2.0...v3.3.0) (2024-03-20)\\n\\n\\n### Features\\n\\n* add OnboardingMenu component ([#121](https://github.com/gravity-ui/components/issues/121)) ([e296ed4](https://github.com/gravity-ui/components/commit/e296ed47792533ad88881f82234979eebd536a7c))\\n* **СhangelogDialog:** make date and description optional, add date format ([#65](https://github.com/gravity-ui/components/issues/65)) ([261f7ca](https://github.com/gravity-ui/components/commit/261f7cadc6b7d807ec7c6376dfa5de4b78fb67af))\\n\\n\\n### Bug Fixes\\n\\n* **OnboardingMenu:** add re-export and docs  ([#166](https://github.com/gravity-ui/components/issues/166)) ([84df613](https://github.com/gravity-ui/components/commit/84df6139463737c31630fdfb8f61a48d3505c720))\\n* **OnboardingMenu:** fix item title styles ([#167](https://github.com/gravity-ui/components/issues/167)) ([f534f78](https://github.com/gravity-ui/components/commit/f534f78a4803967165a9b3ae4fe1c1728823852a))\\n* **PlaceholderContainer:** change text in example image in storybook ([#164](https://github.com/gravity-ui/components/issues/164)) ([d97305f](https://github.com/gravity-ui/components/commit/d97305f774cd8053afb5493f0fad20ed89f44588))\\n\\n## [3.2.0](https://github.com/gravity-ui/components/compare/v3.1.0...v3.2.0) (2024-03-12)\\n\\n\\n### Features\\n\\n* add DefinitionList ([#143](https://github.com/gravity-ui/components/issues/143)) ([3db3bbf](https://github.com/gravity-ui/components/commit/3db3bbf8f175995d4d1c052291e72ba32d58a7d2))\\n\\n## [3.1.0](https://github.com/gravity-ui/components/compare/v3.0.0...v3.1.0) (2024-03-06)\\n\\n\\n### Features\\n\\n* **AdaptiveTabs:** allow to control some properties in More control ([#145](https://github.com/gravity-ui/components/issues/145)) ([e7c2a4e](https://github.com/gravity-ui/components/commit/e7c2a4e2bc7d1884771ba3888517cc832fd85530))\\n\\n\\n### Bug Fixes\\n\\n* **AdaptiveTabs:** fix border-case with incorrect firstHiddenTabIndex ([#151](https://github.com/gravity-ui/components/issues/151)) ([2f553f4](https://github.com/gravity-ui/components/commit/2f553f4caa7674d630f7a323d8ce1afcb4cce3f5))\\n\\n## [3.0.0](https://github.com/gravity-ui/components/compare/v2.12.0...v3.0.0) (2024-02-06)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* remove configure (i18n from uikit used instead) ([#142](https://github.com/gravity-ui/components/issues/142))\\n\\n### Features\\n\\n* remove configure (i18n from uikit used instead) ([#142](https://github.com/gravity-ui/components/issues/142)) ([41475bf](https://github.com/gravity-ui/components/commit/41475bff73f5b27705c7f87dc4138983e137388a))\\n* support RTL ([df4aa17](https://github.com/gravity-ui/components/commit/df4aa179834d159aaa08932ea89f80003f5ec243))\\n* update deps ([01fd827](https://github.com/gravity-ui/components/commit/01fd827b56c298cee87f13242cdbcafc5b4f56e0))\\n\\n\\n### Bug Fixes\\n\\n* fix lint issues ([6b99075](https://github.com/gravity-ui/components/commit/6b99075bdcbfc17fad09f030cccbed26bad8d83c))\\n\\n## [2.12.0](https://github.com/gravity-ui/components/compare/v2.11.0...v2.12.0) (2024-02-05)\\n\\n\\n### Features\\n\\n* **Stories:** add hook for sync tabs ([#138](https://github.com/gravity-ui/components/issues/138)) ([a70afd5](https://github.com/gravity-ui/components/commit/a70afd59a8910307c9594b277d45746b0fc265e0))\\n\\n\\n### Bug Fixes\\n\\n* **Notifications:** added `errorTitle` and `emptyTitle` props ([#136](https://github.com/gravity-ui/components/issues/136)) ([4024223](https://github.com/gravity-ui/components/commit/402422329ec70ab021a1ac2c4a1dfd81e3ba6f67))\\n\\n## [2.11.0](https://github.com/gravity-ui/components/compare/v2.10.0...v2.11.0) (2024-01-09)\\n\\n\\n### Features\\n\\n* **ChangelogDialog:** loading state ([#120](https://github.com/gravity-ui/components/issues/120)) ([22cc355](https://github.com/gravity-ui/components/commit/22cc355a22591f43d6c13876ecbd978588b5a415))\\n\\n## [2.10.0](https://github.com/gravity-ui/components/compare/v2.9.2...v2.10.0) (2023-12-28)\\n\\n\\n### Features\\n\\n* **SharePopover:** add tooltipContentClassName prop ([#133](https://github.com/gravity-ui/components/issues/133)) ([e29e3ad](https://github.com/gravity-ui/components/commit/e29e3ad68cbad9e88047cdf619582af9db7ef9ee))\\n\\n## [2.9.2](https://github.com/gravity-ui/components/compare/v2.9.1...v2.9.2) (2023-12-18)\\n\\n\\n### Bug Fixes\\n\\n* title for Tabs should be props.hint if provided ([#130](https://github.com/gravity-ui/components/issues/130)) ([9284c2f](https://github.com/gravity-ui/components/commit/9284c2fc4910951d343933b37c99720bfa3e8974))\\n\\n## [2.9.1](https://github.com/gravity-ui/components/compare/v2.9.0...v2.9.1) (2023-12-08)\\n\\n\\n### Bug Fixes\\n\\n* add DelayedTextInput export ([#127](https://github.com/gravity-ui/components/issues/127)) ([598f1c4](https://github.com/gravity-ui/components/commit/598f1c46af3f6299867cdccf86fb2c405a3f9ff7))\\n* **SharePopover:** fix style for buttons going beyond limits ([#129](https://github.com/gravity-ui/components/issues/129)) ([bdd5dac](https://github.com/gravity-ui/components/commit/bdd5dac99e6a0ff0ea9c821a6958bffe4e93de5e))\\n\\n## [2.9.0](https://github.com/gravity-ui/components/compare/v2.8.0...v2.9.0) (2023-12-06)\\n\\n\\n### Features\\n\\n* **CookieConsent:** add CookieConsent component ([#123](https://github.com/gravity-ui/components/issues/123)) ([1572965](https://github.com/gravity-ui/components/commit/1572965821de02010ad3bc78fa2852efb59facd8))\\n\\n## [2.8.0](https://github.com/gravity-ui/components/compare/v2.7.0...v2.8.0) (2023-11-02)\\n\\n\\n### Features\\n\\n* update uikit, improve a11y for sharepopover ([#111](https://github.com/gravity-ui/components/issues/111)) ([eff2702](https://github.com/gravity-ui/components/commit/eff270239e8f1716bc2d108de5bd3e7ea74607f0))\\n\\n## [2.7.0](https://github.com/gravity-ui/components/compare/v2.6.0...v2.7.0) (2023-11-01)\\n\\n\\n### Features\\n\\n* made a new password input component ([#108](https://github.com/gravity-ui/components/issues/108)) ([5b1c15d](https://github.com/gravity-ui/components/commit/5b1c15de5fa6a681a080af601b71b0b8bb9a7207))\\n\\n## [2.6.0](https://github.com/gravity-ui/components/compare/v2.5.1...v2.6.0) (2023-10-23)\\n\\n\\n### Features\\n\\n* **ChangelogDialog:** change style, add link, events ([#105](https://github.com/gravity-ui/components/issues/105)) ([3c119c7](https://github.com/gravity-ui/components/commit/3c119c7783e622ed6bc56be2e6625a13c29a4914))\\n* **FilePreview:** add disabled prop for action ([#113](https://github.com/gravity-ui/components/issues/113)) ([58d10ad](https://github.com/gravity-ui/components/commit/58d10adbefe51a7447b420cafb13bfab14378abd))\\n\\n## [2.5.1](https://github.com/gravity-ui/components/compare/v2.5.0...v2.5.1) (2023-10-10)\\n\\n\\n### Bug Fixes\\n\\n* **HelpPopover:** set default button type ([#109](https://github.com/gravity-ui/components/issues/109)) ([4ee6106](https://github.com/gravity-ui/components/commit/4ee6106430d65b7da48428d79503b49f52100e89))\\n\\n## [2.5.0](https://github.com/gravity-ui/components/compare/v2.4.2...v2.5.0) (2023-10-04)\\n\\n\\n### Features\\n\\n* **FormRow:** add direction prop ([#104](https://github.com/gravity-ui/components/issues/104)) ([7b10308](https://github.com/gravity-ui/components/commit/7b10308970aea1a349427021c4c4ab38be024559))\\n* **HelpPopover:** improve a11y ([#106](https://github.com/gravity-ui/components/issues/106)) ([e2a9d3c](https://github.com/gravity-ui/components/commit/e2a9d3ce44c4fb15324716b356228d328a7c7c8f))\\n\\n## [2.4.2](https://github.com/gravity-ui/components/compare/v2.4.1...v2.4.2) (2023-09-21)\\n\\n\\n### Bug Fixes\\n\\n* **FilePreview:** Fix FilePreview a11y and styles ([#102](https://github.com/gravity-ui/components/issues/102)) ([18c8456](https://github.com/gravity-ui/components/commit/18c8456f24c7e72cd5a62b6ebd73df1d8a7a5ada))\\n\\n## [2.4.1](https://github.com/gravity-ui/components/compare/v2.4.0...v2.4.1) (2023-09-14)\\n\\n\\n### Bug Fixes\\n\\n* **AdaptiveTabs:** prevent object convert to string ([#101](https://github.com/gravity-ui/components/issues/101)) ([5488f58](https://github.com/gravity-ui/components/commit/5488f580055e951fb3016ce2437bc7d95eff89a9))\\n* **Notifications:** Updated Notifications\' illustrations ([#99](https://github.com/gravity-ui/components/issues/99)) ([5b2ce45](https://github.com/gravity-ui/components/commit/5b2ce455075f7709e07899ee3756d16ffd1adb21))\\n\\n## [2.4.0](https://github.com/gravity-ui/components/compare/v2.3.0...v2.4.0) (2023-08-24)\\n\\n\\n### Features\\n\\n* add FilePreview component ([#79](https://github.com/gravity-ui/components/issues/79)) ([c910ec5](https://github.com/gravity-ui/components/commit/c910ec5b368de4dfe8bc6049cc413fa4f3ca4d13))\\n\\n\\n### Bug Fixes\\n\\n* remove bem-cn-lite usage ([#96](https://github.com/gravity-ui/components/issues/96)) ([6a2f5f3](https://github.com/gravity-ui/components/commit/6a2f5f384cd36fe8fdaf172ab421afd45ec76b03))\\n\\n## [2.3.0](https://github.com/gravity-ui/components/compare/v2.2.0...v2.3.0) (2023-08-22)\\n\\n\\n### Features\\n\\n* **notifications:** remove tinygesture ([#94](https://github.com/gravity-ui/components/issues/94)) ([83c795a](https://github.com/gravity-ui/components/commit/83c795acbbc0e26b5985e63751f46fdef9fa55e2))\\n\\n## [2.2.0](https://github.com/gravity-ui/components/compare/v2.1.1...v2.2.0) (2023-08-21)\\n\\n\\n### Features\\n\\n* **Notifications:** remove redutant gap ([#92](https://github.com/gravity-ui/components/issues/92)) ([3b95e4a](https://github.com/gravity-ui/components/commit/3b95e4aec69f9ae9422434ce273a63a27181b1d1))\\n\\n## [2.1.1](https://github.com/gravity-ui/components/compare/v2.1.0...v2.1.1) (2023-08-17)\\n\\n\\n### Bug Fixes\\n\\n* **Notifications:** fixed notification\'s actions changing height when they disappear ([#91](https://github.com/gravity-ui/components/issues/91)) ([fc6b4b2](https://github.com/gravity-ui/components/commit/fc6b4b2059cbbde26d4ae9d73f50955fe2540224))\\n* **Stories:** prevent overflow and add ability to scroll huge text in story card ([#89](https://github.com/gravity-ui/components/issues/89)) ([8e6df75](https://github.com/gravity-ui/components/commit/8e6df758f74b46f4aab870be9d1747d30f576a87))\\n\\n## [2.1.0](https://github.com/gravity-ui/components/compare/v2.0.0...v2.1.0) (2023-08-09)\\n\\n\\n### Features\\n\\n* **AdaptiveTabs:** add renderTab prop ([#87](https://github.com/gravity-ui/components/issues/87)) ([bd4710a](https://github.com/gravity-ui/components/commit/bd4710a84ac621d40c8d8ded8b690efe52bdcd20))\\n* **DelayedTextInput:** implement component ([#77](https://github.com/gravity-ui/components/issues/77)) ([293c4a3](https://github.com/gravity-ui/components/commit/293c4a361d899eb73f5c39a4693bb0f0b2ced234))\\n* **Notifications:** Added archived state, `NotificationsPopupWrapper` component and enhanced the stories for notifications ([#83](https://github.com/gravity-ui/components/issues/83)) ([877803a](https://github.com/gravity-ui/components/commit/877803a4fd63b3e9de998b345e48364fa3992769))\\n* update linting plugins, jest and storybook ([#84](https://github.com/gravity-ui/components/issues/84)) ([2c285d5](https://github.com/gravity-ui/components/commit/2c285d53a2a77db2abaa49ef54ff92e3a8eebd96))\\n\\n\\n### Bug Fixes\\n\\n* **InfiniteScroll:** fixed the double `onActivate` in the `InfiniteScroll` component ([#81](https://github.com/gravity-ui/components/issues/81)) ([1cc0bd6](https://github.com/gravity-ui/components/commit/1cc0bd64187a4cbc2be794165db7e06b260fa90d))\\n\\n## [2.0.0](https://github.com/gravity-ui/components/compare/v1.9.0...v2.0.0) (2023-07-14)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update uikit\\n\\n### Features\\n\\n* update uikit ([9eb91e7](https://github.com/gravity-ui/components/commit/9eb91e7193c977692332bc7676e388404e04fc9e))\\n* update uikit ([1324d93](https://github.com/gravity-ui/components/commit/1324d9387bd314946203315f648aff8918b650ea))\\n* update uikit ([2579ec5](https://github.com/gravity-ui/components/commit/2579ec5a2aa2943db6ef0347130ce13cd81d0266))\\n\\n\\n### Bug Fixes\\n\\n* **AdaptiveTabs:** disable tabs should not be clickable ([758101e](https://github.com/gravity-ui/components/commit/758101e5fb936034ccca104451e51aa34a4210ed))\\n* **FormRow:** required star position ([366ff75](https://github.com/gravity-ui/components/commit/366ff75b331d1ea77914d960046d1edfd116394a))\\n* **FormRow:** stories not work ([3f98275](https://github.com/gravity-ui/components/commit/3f9827593bd3f21d39c63c03de66932ed8abab3f))\\n\\n## [1.9.0](https://github.com/gravity-ui/components/compare/v1.8.0...v1.9.0) (2023-07-07)\\n\\n\\n### Features\\n\\n* move components from uikit ([#67](https://github.com/gravity-ui/components/issues/67)) ([4752ac0](https://github.com/gravity-ui/components/commit/4752ac08b101eb9ac0694943b8a0472b5eeec822))\\n\\n\\n### Bug Fixes\\n\\n* add 16 versions for react & react-dom peer deps ([#70](https://github.com/gravity-ui/components/issues/70)) ([aa20234](https://github.com/gravity-ui/components/commit/aa2023486b069f146c52b6f845d9ddee5d5fe30f))\\n\\n## [1.8.0](https://github.com/gravity-ui/components/compare/v1.7.1...v1.8.0) (2023-06-26)\\n\\n\\n### Features\\n\\n* move components from uikit ([#63](https://github.com/gravity-ui/components/issues/63)) ([98f7936](https://github.com/gravity-ui/components/commit/98f79364fc6ac1654ff15be203ce221100d00bb6))\\n* **Notifications:** static component implementation (DATAUI-1582) ([#57](https://github.com/gravity-ui/components/issues/57)) ([3016936](https://github.com/gravity-ui/components/commit/3016936c788df4d0c967908e9d38488c8281224b))\\n\\n## [1.7.1](https://github.com/gravity-ui/components/compare/v1.7.0...v1.7.1) (2023-06-09)\\n\\n\\n### Bug Fixes\\n\\n* **ActionsPanel:** changed styles ([#59](https://github.com/gravity-ui/components/issues/59)) ([e032e94](https://github.com/gravity-ui/components/commit/e032e94656774651c613549d250595b71194944a))\\n\\n## [1.7.0](https://github.com/gravity-ui/components/compare/v1.6.1...v1.7.0) (2023-06-06)\\n\\n\\n### Features\\n\\n* create StoreBadge component ([#54](https://github.com/gravity-ui/components/issues/54)) ([e424a0d](https://github.com/gravity-ui/components/commit/e424a0d887109ebbf0d8f81e1ff4d7bdd168afcf))\\n\\n## [1.6.1](https://github.com/gravity-ui/components/compare/v1.6.0...v1.6.1) (2023-05-18)\\n\\n\\n### Bug Fixes\\n\\n* **ActionsPanel:** fixed blinking of elements when rerendering ([#51](https://github.com/gravity-ui/components/issues/51)) ([b73ea50](https://github.com/gravity-ui/components/commit/b73ea5025b9c65a4791f905b0242989540b4c3b9))\\n\\n## [1.6.0](https://github.com/gravity-ui/components/compare/v1.5.2...v1.6.0) (2023-05-18)\\n\\n\\n### Features\\n\\n* add new component ActionsPanel ([#39](https://github.com/gravity-ui/components/issues/39)) ([991a567](https://github.com/gravity-ui/components/commit/991a567cf33296814e54e97e9c3b1cfe52948b58))\\n\\n## [1.5.2](https://github.com/gravity-ui/components/compare/v1.5.1...v1.5.2) (2023-05-18)\\n\\n\\n### Bug Fixes\\n\\n* **PlaceholderComponent:** fix export ([#48](https://github.com/gravity-ui/components/issues/48)) ([5ec0565](https://github.com/gravity-ui/components/commit/5ec0565aec2dd5b18f6962b775330f708ba8a3f5))\\n\\n## [1.5.1](https://github.com/gravity-ui/components/compare/v1.5.0...v1.5.1) (2023-05-12)\\n\\n\\n### Bug Fixes\\n\\n* **AdaptiveTabs:** add check for ref current before usage ([#46](https://github.com/gravity-ui/components/issues/46)) ([fc8712c](https://github.com/gravity-ui/components/commit/fc8712c41709e31a320e9c2c40139036003e0708))\\n\\n## [1.5.0](https://github.com/gravity-ui/components/compare/v1.4.0...v1.5.0) (2023-05-02)\\n\\n\\n### Features\\n\\n* **PlaceholderContainer:** add custom action ([#43](https://github.com/gravity-ui/components/issues/43)) ([efb48aa](https://github.com/gravity-ui/components/commit/efb48aaba97bc8602ca7f76e75316e2e9de55550))\\n\\n## [1.4.0](https://github.com/gravity-ui/components/compare/v1.3.2...v1.4.0) (2023-04-28)\\n\\n\\n### Features\\n\\n* **PlaceholderContainer:** add placeholder container component ([#31](https://github.com/gravity-ui/components/issues/31)) ([018095e](https://github.com/gravity-ui/components/commit/018095efa82fa481e1215521d4405b908da0375b))\\n\\n## [1.3.2](https://github.com/gravity-ui/components/compare/v1.3.1...v1.3.2) (2023-04-18)\\n\\n\\n### Bug Fixes\\n\\n* **ItemSelector:** fix import component ([#37](https://github.com/gravity-ui/components/issues/37)) ([63403d3](https://github.com/gravity-ui/components/commit/63403d3b03b6d33378d4e49802a8199b7383eaee))\\n\\n## [1.3.1](https://github.com/gravity-ui/components/compare/v1.3.0...v1.3.1) (2023-04-18)\\n\\n\\n### Bug Fixes\\n\\n* **ItemSelector:** fix import mixins from uikit ([#35](https://github.com/gravity-ui/components/issues/35)) ([6273364](https://github.com/gravity-ui/components/commit/6273364abb75c154b86a4254ab04e5d39f10a229))\\n\\n## [1.3.0](https://github.com/gravity-ui/components/compare/v1.2.0...v1.3.0) (2023-04-18)\\n\\n\\n### Features\\n\\n* add ItemSelector component ([#33](https://github.com/gravity-ui/components/issues/33)) ([55c33ce](https://github.com/gravity-ui/components/commit/55c33ceed98d277483eddf66bc04b40913bfafdf))\\n\\n## [1.2.0](https://github.com/gravity-ui/components/compare/v1.1.3...v1.2.0) (2023-03-30)\\n\\n\\n### Features\\n\\n* **AdaptiveTabs:** add allowNotSeelcted prop ([#25](https://github.com/gravity-ui/components/issues/25)) ([dec12c7](https://github.com/gravity-ui/components/commit/dec12c75beff8333eb0da457340ea08aca345fda))\\n* **FormRow:** add component ([#23](https://github.com/gravity-ui/components/issues/23)) ([d8b5c59](https://github.com/gravity-ui/components/commit/d8b5c5990995d957c0fda52821861fb040eaa138))\\n\\n## [1.1.3](https://github.com/gravity-ui/components/compare/v1.1.2...v1.1.3) (2023-03-29)\\n\\n\\n### Bug Fixes\\n\\n* **AdaptiveTabs:** fix classnames ([#21](https://github.com/gravity-ui/components/issues/21)) ([e26f852](https://github.com/gravity-ui/components/commit/e26f85257961ad748d0757906325b17eb0570ea0))\\n\\n## [1.1.2](https://github.com/gravity-ui/components/compare/v1.1.1...v1.1.2) (2023-03-27)\\n\\n\\n### Bug Fixes\\n\\n* fix publishing package ([#16](https://github.com/gravity-ui/components/issues/16)) ([4f9190d](https://github.com/gravity-ui/components/commit/4f9190d74d07dbe2e83b418fa4aa9ebc9a6a8777))\\n\\n## [1.1.1](https://github.com/gravity-ui/components/compare/v1.1.0...v1.1.1) (2023-03-27)\\n\\n\\n### Bug Fixes\\n\\n* add script for building when publish ([#14](https://github.com/gravity-ui/components/issues/14)) ([545fd11](https://github.com/gravity-ui/components/commit/545fd11771fc63940d078441b048f70e31baccfa))\\n\\n## [1.1.0](https://github.com/gravity-ui/components/compare/v1.0.0...v1.1.0) (2023-03-27)\\n\\n\\n### Features\\n\\n* introduce InfiniteScroll component ([#2](https://github.com/gravity-ui/components/issues/2)) ([4240714](https://github.com/gravity-ui/components/commit/4240714ff78cf74fc76a213f7d00d51194767053))\\n\\n\\n## 1.0.0 (2023-03-15)\\n\\n\\n### Features\\n\\n* add AdaptiveTabs component ([#4](https://github.com/gravity-ui/components/issues/4)) ([4bd625f](https://github.com/gravity-ui/components/commit/4bd625f374cc293175c5dc802c9e635629857d07))\\n* **i18n:** add i18n support ([5cbc143](https://github.com/gravity-ui/components/commit/5cbc14344d055b199106fe0e52b57ec26e98be47))\\n* **i18n:** add i18n support ([6753e6b](https://github.com/gravity-ui/components/commit/6753e6bcafc5b8f4f2c74c36a74037bce2e34dd4))\\n* **i18n:** add i18n to packages ([0e92d28](https://github.com/gravity-ui/components/commit/0e92d286ada9784f5de12c7ca6667fad99a1b636))\\n","contributors":[{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":22},{"login":"Raubzeug","avatarUrl":"https://avatars.githubusercontent.com/u/42094364?v=4","url":"https://github.com/Raubzeug","contributions":6},{"login":"Ruminat","avatarUrl":"https://avatars.githubusercontent.com/u/18216279?v=4","url":"https://github.com/Ruminat","contributions":6},{"login":"nikita-jpg","avatarUrl":"https://avatars.githubusercontent.com/u/56046344?v=4","url":"https://github.com/nikita-jpg","contributions":6},{"login":"KirillDyachkovskiy","avatarUrl":"https://avatars.githubusercontent.com/u/81510334?v=4","url":"https://github.com/KirillDyachkovskiy","contributions":5},{"login":"mournfulCoroner","avatarUrl":"https://avatars.githubusercontent.com/u/56549651?v=4","url":"https://github.com/mournfulCoroner","contributions":5},{"login":"Marginy605","avatarUrl":"https://avatars.githubusercontent.com/u/98329176?v=4","url":"https://github.com/Marginy605","contributions":5},{"login":"NikitaCG","avatarUrl":"https://avatars.githubusercontent.com/u/36075690?v=4","url":"https://github.com/NikitaCG","contributions":4},{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":4},{"login":"Kyzyl-ool","avatarUrl":"https://avatars.githubusercontent.com/u/30153778?v=4","url":"https://github.com/Kyzyl-ool","contributions":4},{"login":"jhoncool","avatarUrl":"https://avatars.githubusercontent.com/u/11226935?v=4","url":"https://github.com/jhoncool","contributions":4},{"login":"artemipanchuk","avatarUrl":"https://avatars.githubusercontent.com/u/15093838?v=4","url":"https://github.com/artemipanchuk","contributions":4},{"login":"Feverqwe","avatarUrl":"https://avatars.githubusercontent.com/u/891534?v=4","url":"https://github.com/Feverqwe","contributions":3},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":3},{"login":"KalachevDev","avatarUrl":"https://avatars.githubusercontent.com/u/30410979?v=4","url":"https://github.com/KalachevDev","contributions":3},{"login":"pavel-klimov","avatarUrl":"https://avatars.githubusercontent.com/u/42768217?v=4","url":"https://github.com/pavel-klimov","contributions":2},{"login":"Lakate","avatarUrl":"https://avatars.githubusercontent.com/u/8994274?v=4","url":"https://github.com/Lakate","contributions":2},{"login":"goshander","avatarUrl":"https://avatars.githubusercontent.com/u/5037509?v=4","url":"https://github.com/goshander","contributions":2},{"login":"Flunt1k","avatarUrl":"https://avatars.githubusercontent.com/u/47900126?v=4","url":"https://github.com/Flunt1k","contributions":2},{"login":"ogonkov","avatarUrl":"https://avatars.githubusercontent.com/u/1091927?v=4","url":"https://github.com/ogonkov","contributions":2},{"login":"arudenkoofficial","avatarUrl":"https://avatars.githubusercontent.com/u/84877729?v=4","url":"https://github.com/arudenkoofficial","contributions":1},{"login":"iapolya","avatarUrl":"https://avatars.githubusercontent.com/u/31696689?v=4","url":"https://github.com/iapolya","contributions":1},{"login":"zamkovskaya","avatarUrl":"https://avatars.githubusercontent.com/u/128601366?v=4","url":"https://github.com/zamkovskaya","contributions":1},{"login":"chervyakovru","avatarUrl":"https://avatars.githubusercontent.com/u/14909082?v=4","url":"https://github.com/chervyakovru","contributions":1},{"login":"NasgulNexus","avatarUrl":"https://avatars.githubusercontent.com/u/23384737?v=4","url":"https://github.com/NasgulNexus","contributions":1},{"login":"dfilatov","avatarUrl":"https://avatars.githubusercontent.com/u/67957?v=4","url":"https://github.com/dfilatov","contributions":1},{"login":"Arucard89","avatarUrl":"https://avatars.githubusercontent.com/u/13587201?v=4","url":"https://github.com/Arucard89","contributions":1},{"login":"eyoue","avatarUrl":"https://avatars.githubusercontent.com/u/16962204?v=4","url":"https://github.com/eyoue","contributions":1},{"login":"Maxim725","avatarUrl":"https://avatars.githubusercontent.com/u/47459772?v=4","url":"https://github.com/Maxim725","contributions":1},{"login":"isqua","avatarUrl":"https://avatars.githubusercontent.com/u/529247?v=4","url":"https://github.com/isqua","contributions":1},{"login":"yatskovanatoly","avatarUrl":"https://avatars.githubusercontent.com/u/123395646?v=4","url":"https://github.com/yatskovanatoly","contributions":1},{"login":"GermanVor","avatarUrl":"https://avatars.githubusercontent.com/u/43282255?v=4","url":"https://github.com/GermanVor","contributions":1},{"login":"kseniya57","avatarUrl":"https://avatars.githubusercontent.com/u/31247233?v=4","url":"https://github.com/kseniya57","contributions":1}],"codeOwners":[{"pattern":"*","owners":["amje","ValeraS","korvin89"]},{"pattern":"/src/components/AdaptiveTabs","owners":["artemipanchuk"]},{"pattern":"/src/components/DefinitionList","owners":["Raubzeug"]},{"pattern":"/src/components/FilePreview","owners":["KirillDyachkovskiy"]},{"pattern":"/src/components/FormRow","owners":["ogonkov"]},{"pattern":"/src/components/HelpPopover","owners":["Raubzeug"]},{"pattern":"/src/components/OnboardingMenu","owners":["nikita-jpg"]},{"pattern":"/src/components/PlaceholderContainer","owners":["Marginy605"]},{"pattern":"/src/components/PromoSheet","owners":["Avol-V"]},{"pattern":"/src/components/SharePopover","owners":["niktverd"]},{"pattern":"/src/components/StoreBadge","owners":["NikitaCG"]},{"pattern":"/src/components/Stories","owners":["darkgenius"]},{"pattern":"/src/components/ConfirmDialog","owners":["kseniya57"]}]},"icons":{"stars":51,"version":"2.10.0","lastUpdate":"29.05.2024","license":"MIT License","issues":2,"readme":"# @gravity-ui/icons &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/icons)](https://www.npmjs.com/package/@gravity-ui/icons) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/icons/.github/workflows/ci.yml?branch=main&label=CI&logo=github)](https://github.com/gravity-ui/icons/actions/workflows/ci.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/icons/)\\n\\nA pack of Gravity UI icons. Icons have two sources, SVG and React. Have a look at [showcase](https://preview.gravity-ui.com/icons/) page.\\n\\n## Install\\n\\n```shell\\nnpm install --save-dev @gravity-ui/icons\\n```\\n\\n## Usage\\n\\n### React\\n\\n```js\\nimport Cloud from \'@gravity-ui/icons/Cloud\';\\n```\\n\\nor\\n\\n```js\\nimport {Cloud} from \'@gravity-ui/icons\';\\n```\\n\\n### SVG\\n\\n> You might need an appropriate loader for this\\n\\n```js\\nimport cloudIcon from \'@gravity-ui/icons/svgs/cloud.svg\';\\n```\\n","changelog":"# Changelog\\n\\n## [2.10.0](https://github.com/gravity-ui/icons/compare/v2.9.1...v2.10.0) (2024-05-29)\\n\\n\\n### Features\\n\\n* sync icons ([#56](https://github.com/gravity-ui/icons/issues/56)) ([3ff3174](https://github.com/gravity-ui/icons/commit/3ff3174bd19b181b507713ea2fa48edb3061af83))\\n\\n## [2.9.1](https://github.com/gravity-ui/icons/compare/v2.9.0...v2.9.1) (2024-02-28)\\n\\n\\n### Bug Fixes\\n\\n* add react to peerDependencies ([#53](https://github.com/gravity-ui/icons/issues/53)) ([0d70b14](https://github.com/gravity-ui/icons/commit/0d70b14be993a0daeef20716953e6fedd17a615a))\\n* update keywords ([#50](https://github.com/gravity-ui/icons/issues/50)) ([5f41df0](https://github.com/gravity-ui/icons/commit/5f41df0b401bcf3bbea03b86cdd37f08bbb51b44))\\n\\n## [2.9.0](https://github.com/gravity-ui/icons/compare/v2.8.1...v2.9.0) (2024-02-27)\\n\\n\\n### Features\\n\\n* sync icons ([#46](https://github.com/gravity-ui/icons/issues/46)) ([62bbfda](https://github.com/gravity-ui/icons/commit/62bbfdaad570995bb719f310f60d347661ba102d))\\n\\n## [2.8.1](https://github.com/gravity-ui/icons/compare/v2.8.0...v2.8.1) (2023-11-03)\\n\\n\\n### Bug Fixes\\n\\n* remove type:module from package.json ([#44](https://github.com/gravity-ui/icons/issues/44)) ([8030bcc](https://github.com/gravity-ui/icons/commit/8030bccc8f35254eaa2cf9abf4a7c578a8a0aeec))\\n\\n## [2.8.0](https://github.com/gravity-ui/icons/compare/v2.7.0...v2.8.0) (2023-11-03)\\n\\n\\n### Features\\n\\n* sync icons ([#42](https://github.com/gravity-ui/icons/issues/42)) ([ed88322](https://github.com/gravity-ui/icons/commit/ed88322b3338472afc3ea27fe13e5cc68a6d0c6b))\\n\\n## [2.7.0](https://github.com/gravity-ui/icons/compare/v2.6.0...v2.7.0) (2023-10-31)\\n\\n\\n### Features\\n\\n* support aliases for renamed icons ([#35](https://github.com/gravity-ui/icons/issues/35)) ([78bf5e5](https://github.com/gravity-ui/icons/commit/78bf5e57d3bbb466a2b85771f539aedcb15f07d0))\\n* sync icons ([#34](https://github.com/gravity-ui/icons/issues/34)) ([76ec30b](https://github.com/gravity-ui/icons/commit/76ec30b01de1906b2a1acd6f47c1be07e92ec6d6))\\n* sync icons ([#38](https://github.com/gravity-ui/icons/issues/38)) ([17fd6e1](https://github.com/gravity-ui/icons/commit/17fd6e180b49f8a1f1becb6967f1c2794d636a46))\\n\\n\\n### Bug Fixes\\n\\n* throw on duplicates ([#37](https://github.com/gravity-ui/icons/issues/37)) ([1245bf5](https://github.com/gravity-ui/icons/commit/1245bf5ac1dbf4792d226212aa452b94343d8947))\\n\\n## [2.6.0](https://github.com/gravity-ui/icons/compare/v2.5.0...v2.6.0) (2023-09-19)\\n\\n\\n### Features\\n\\n* sync icons ([#32](https://github.com/gravity-ui/icons/issues/32)) ([1f34ff3](https://github.com/gravity-ui/icons/commit/1f34ff31c65feead69c9ad8a8f1f6aba289e1663))\\n\\n## [2.5.0](https://github.com/gravity-ui/icons/compare/v2.4.0...v2.5.0) (2023-08-22)\\n\\n\\n### Features\\n\\n* sync icons ([#29](https://github.com/gravity-ui/icons/issues/29)) ([6f5ff9e](https://github.com/gravity-ui/icons/commit/6f5ff9e677eca98f4c3009bd86a17aa36af94a13))\\n\\n## [2.4.0](https://github.com/gravity-ui/icons/compare/v2.3.0...v2.4.0) (2023-07-18)\\n\\n\\n### Features\\n\\n* sync icons ([#27](https://github.com/gravity-ui/icons/issues/27)) ([bb2c33c](https://github.com/gravity-ui/icons/commit/bb2c33c416e6cea4e0a2fd55cfcb16b4579e03c2))\\n\\n## [2.3.0](https://github.com/gravity-ui/icons/compare/v2.2.0...v2.3.0) (2023-06-30)\\n\\n\\n### Features\\n\\n* add metadata.json to package ([#25](https://github.com/gravity-ui/icons/issues/25)) ([8bb4bef](https://github.com/gravity-ui/icons/commit/8bb4bef83a67d485f53430314ac3d3eb48498b06))\\n* sync icons ([#24](https://github.com/gravity-ui/icons/issues/24)) ([85076dc](https://github.com/gravity-ui/icons/commit/85076dcf8700709f7c04ea47d49cbb0b696490c1))\\n\\n## [2.2.0](https://github.com/gravity-ui/icons/compare/v2.1.0...v2.2.0) (2023-06-07)\\n\\n\\n### Features\\n\\n* add svg icon default import to copy ([#19](https://github.com/gravity-ui/icons/issues/19)) ([9c07bac](https://github.com/gravity-ui/icons/commit/9c07bac72c00dc55e13d2cb1e5b51bf193706bc7))\\n* sync icons ([#23](https://github.com/gravity-ui/icons/issues/23)) ([cc0d204](https://github.com/gravity-ui/icons/commit/cc0d2049f28f34d38ad97c717e03553986824f8a))\\n\\n\\n### Bug Fixes\\n\\n* svg import on storybook ([#22](https://github.com/gravity-ui/icons/issues/22)) ([d68a966](https://github.com/gravity-ui/icons/commit/d68a966e5c8a2399e4e1ef9e4e8708ddeb91dee8))\\n\\n## [2.1.0](https://github.com/gravity-ui/icons/compare/v2.0.0...v2.1.0) (2023-04-25)\\n\\n\\n### Features\\n\\n* sync icons ([#15](https://github.com/gravity-ui/icons/issues/15)) ([f9bfa40](https://github.com/gravity-ui/icons/commit/f9bfa402829e2e618d89eef576472c55f7e5cf73))\\n\\n\\n### Bug Fixes\\n\\n* do not override red dot color ([#16](https://github.com/gravity-ui/icons/issues/16)) ([2450250](https://github.com/gravity-ui/icons/commit/24502507ea8e3b28b7f319dcea722de4a280274c))\\n* rename aliases back to keywords ([#18](https://github.com/gravity-ui/icons/issues/18)) ([956b059](https://github.com/gravity-ui/icons/commit/956b059bd24adbf4e18b84686ad4d7caef1aa930))\\n\\n## [2.0.0](https://github.com/gravity-ui/icons/compare/v1.1.0...v2.0.0) (2023-04-07)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n#### Renamings\\n\\n* `case` -> `briefcase`\\n* `arrow-right-from-file` -> `file-arrow-right-out`\\n* `arrow-up-to-folder` -> `folder-arrow-up-in`\\n* `fire` -> `flame`\\n* `grip-vertical` -> `grip`\\n* `home` -> `house`\\n* `folder-home` -> `folder-house`\\n* `layers-3-vertical` -> `layers-3-diagonal`\\n* `trash` -> `trash-bin`\\n\\n### Features\\n\\n* sync icons ([#11](https://github.com/gravity-ui/icons/issues/11)) ([ddb38d4](https://github.com/gravity-ui/icons/commit/ddb38d4ae741c443e2e2230c885817d610f61e1c))\\n* sync icons ([#13](https://github.com/gravity-ui/icons/issues/13)) ([754875b](https://github.com/gravity-ui/icons/commit/754875b85dc28e0ed11b3820033022ce7d7d0a88))\\n\\n## [1.1.0](https://github.com/gravity-ui/icons/compare/v1.0.0...v1.1.0) (2023-01-25)\\n\\n\\n### Features\\n\\n* sync icons ([#9](https://github.com/gravity-ui/icons/issues/9)) ([02879c7](https://github.com/gravity-ui/icons/commit/02879c7cfc278cd56ff5269f58aa401b9fae0d08))\\n\\n## 1.0.0 (2022-12-28)\\n\\n\\n### Features\\n\\n* add initial set of icons ([68e5625](https://github.com/gravity-ui/icons/commit/68e5625dbedd4f6a6a5302cc543790b3f93ecde1))\\n* change keywords to aliases ([494af47](https://github.com/gravity-ui/icons/commit/494af47f6dab33b19e2fb34ffde7ceb1bd4aee04))\\n* initial implementation ([0d8063e](https://github.com/gravity-ui/icons/commit/0d8063ee3fb66af291f625b6bdcc132e1f5276bf))\\n* sync icons ([#4](https://github.com/gravity-ui/icons/issues/4)) ([8acbbe2](https://github.com/gravity-ui/icons/commit/8acbbe21fdee0b4dda471fe2c575f6ff4ca45316))\\n* sync icons ([#6](https://github.com/gravity-ui/icons/issues/6)) ([c1d5dda](https://github.com/gravity-ui/icons/commit/c1d5dda330a067165142099060069be78159cb31))\\n* sync icons ([#7](https://github.com/gravity-ui/icons/issues/7)) ([2f45c67](https://github.com/gravity-ui/icons/commit/2f45c6730b818e1e9d0d6163ecd08c9e0d4da976))\\n\\n\\n### Bug Fixes\\n\\n* filter non icon types ([b97df9a](https://github.com/gravity-ui/icons/commit/b97df9ae02df0a131bcd530c15ea6e0e973b318a))\\n* keywords might be empty ([cb6f11d](https://github.com/gravity-ui/icons/commit/cb6f11d4e6b6439c0d19a66fe4e7612d35950232))\\n* sort metadata file ([1fd557f](https://github.com/gravity-ui/icons/commit/1fd557f0922b08c6b247923f0b31a616fe7ce4d4))\\n* throw on empty style ([f2876fc](https://github.com/gravity-ui/icons/commit/f2876fc32fc20914bd060c351513da0e14d0a853))\\n","contributors":[{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":37},{"login":"IsaevAlexandr","avatarUrl":"https://avatars.githubusercontent.com/u/27916444?v=4","url":"https://github.com/IsaevAlexandr","contributions":1},{"login":"pavel-klimov","avatarUrl":"https://avatars.githubusercontent.com/u/42768217?v=4","url":"https://github.com/pavel-klimov","contributions":1},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":1},{"login":"dgaponov","avatarUrl":"https://avatars.githubusercontent.com/u/13693437?v=4","url":"https://github.com/dgaponov","contributions":1},{"login":"Marginy605","avatarUrl":"https://avatars.githubusercontent.com/u/98329176?v=4","url":"https://github.com/Marginy605","contributions":1}],"codeOwners":[]},"illustrations":{"stars":3,"version":"1.0.0","lastUpdate":"26.03.2024","license":"MIT License","issues":1,"readme":"# @gravity-ui/illustrations &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/illustrations)](https://www.npmjs.com/package/@gravity-ui/illustrations) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/illustrations/.github/workflows/ci.yml?label=CI&logo=github)](https://github.com/gravity-ui/illustrations/actions/workflows/ci.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/illustrations/)\\n\\n## Install\\n\\n```shell\\nnpm install --save-dev @gravity-ui/illustrations\\n```\\n\\n## Usage\\n\\n### React\\n\\n#### Preparation\\n\\nDefine `--gil-color-underlay` css-token in your app:\\n\\n```scss\\n--gil-color-underlay: rgba(240, 243, 245, 1);\\n```\\n\\nor use mixins in scss:\\n\\n```scss\\n@import \'@gravity-ui/illustrations/styles/theme.scss\';\\n\\n.g-root {\\n  &_theme_light {\\n    @include g-illustrations-colors-light;\\n  }\\n\\n  &_theme_dark {\\n    @include g-illustrations-colors-dark;\\n  }\\n}\\n```\\n\\n#### Usage\\n\\n```js\\nimport NotFound from \'@gravity-ui/illustrations/NotFound\';\\n```\\n\\nor\\n\\n```js\\nimport {NotFound} from \'@gravity-ui/illustrations\';\\n```\\n\\n### SVG\\n\\n> You might need an appropriate loader for this\\n\\n```js\\nimport notFound from \'@gravity-ui/illustrations/svgs/not-found-light.svg\';\\n```\\n","changelog":"# Changelog\\n\\n## 1.0.0 (2024-03-26)\\n\\n\\n### Features\\n\\n* Initial implementation ([8f4e491](https://github.com/gravity-ui/illustrations/commit/8f4e491b2405aedb6f1771bcdc8dee9909b5303c))\\n","contributors":[{"login":"DaryaLari","avatarUrl":"https://avatars.githubusercontent.com/u/19970912?v=4","url":"https://github.com/DaryaLari","contributions":5}],"codeOwners":[]},"dynamic-forms":{"stars":29,"version":"4.6.0","lastUpdate":"16.07.2024","license":"MIT License","issues":1,"readme":"# @gravity-ui/dynamic-forms &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/dynamic-forms)](https://www.npmjs.com/package/@gravity-ui/dynamic-forms) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/dynamic-forms/.github/workflows/ci.yml?label=CI&logo=github)](https://github.com/gravity-ui/dynamic-forms/actions/workflows/ci.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/dynamic-forms/)\\n\\nThe JSON Schema-based library for rendering forms and form values.\\n\\n## Install\\n\\n```shell\\nnpm install --save-dev @gravity-ui/dynamic-forms\\n```\\n\\n## Usage\\n\\n```jsx\\nimport {DynamicField, Spec, dynamicConfig} from \'@gravity-ui/dynamic-forms\';\\n\\n// To embed in a final-form\\n<DynamicField name={name} spec={spec} config={config} />;\\n\\nimport {DynamicView, dynamicViewConfig} from \'@gravity-ui/dynamic-forms\';\\n\\n// To get an overview of the values\\n<DynamicView value={value} spec={spec} config={dynamicViewConfig} />;\\n```\\n\\n### I18N\\n\\nCertain components include text tokens (words and phrases) that are available in two languages: `en` (the default) and `ru`. To set the language, use the `configure` function:\\n\\n```js\\n// index.js\\n\\nimport {configure, Lang} from \'@gravity-ui/dynamic-forms\';\\n\\nconfigure({lang: Lang.Ru});\\n```\\n\\n## Development\\n\\nTo start the development server with storybook execute the following command:\\n\\n```shell\\nnpm ci\\nnpm run dev\\n```\\n","changelog":"# Changelog\\n\\n## [4.6.0](https://github.com/gravity-ui/dynamic-forms/compare/v4.5.0...v4.6.0) (2024-07-16)\\n\\n\\n### Features\\n\\n* add date picker string type ([#205](https://github.com/gravity-ui/dynamic-forms/issues/205)) ([fa6ce32](https://github.com/gravity-ui/dynamic-forms/commit/fa6ce32711324a1e032b3e58966bac3b7d0942b3))\\n* improve hints ([#209](https://github.com/gravity-ui/dynamic-forms/issues/209)) ([a69acfd](https://github.com/gravity-ui/dynamic-forms/commit/a69acfde70bc5cfb5923ff6d1065a0d18721f218))\\n\\n## [4.5.0](https://github.com/gravity-ui/dynamic-forms/compare/v4.4.0...v4.5.0) (2024-07-01)\\n\\n\\n### Features\\n\\n* add destroyOnUnregister property ([#206](https://github.com/gravity-ui/dynamic-forms/issues/206)) ([d2b7ce6](https://github.com/gravity-ui/dynamic-forms/commit/d2b7ce63c462b50515cb950c468906b81d4369df))\\n\\n## [4.4.0](https://github.com/gravity-ui/dynamic-forms/compare/v4.3.0...v4.4.0) (2024-06-10)\\n\\n\\n### Features\\n\\n* add is equal check for final form ([#203](https://github.com/gravity-ui/dynamic-forms/issues/203)) ([c918c71](https://github.com/gravity-ui/dynamic-forms/commit/c918c71fb9402e2bd842cdf0fc14f8bd3eb0b414))\\n\\n## [4.3.0](https://github.com/gravity-ui/dynamic-forms/compare/v4.2.0...v4.3.0) (2024-04-23)\\n\\n\\n### Features\\n\\n* increase max options for CardOneOf ([#197](https://github.com/gravity-ui/dynamic-forms/issues/197)) ([63ce565](https://github.com/gravity-ui/dynamic-forms/commit/63ce5656633fef6c84a9bdf4bb1b9a4b9fab6a09))\\n\\n## [4.2.0](https://github.com/gravity-ui/dynamic-forms/compare/v4.1.0...v4.2.0) (2024-03-21)\\n\\n\\n### Features\\n\\n* add input props for checkbox input ([#191](https://github.com/gravity-ui/dynamic-forms/issues/191)) ([d59d3a7](https://github.com/gravity-ui/dynamic-forms/commit/d59d3a7918080b6ab802e4a002d6057577351663))\\n\\n\\n### Bug Fixes\\n\\n* fix inline object delimiter styles ([#190](https://github.com/gravity-ui/dynamic-forms/issues/190)) ([32217ea](https://github.com/gravity-ui/dynamic-forms/commit/32217ea10e583d1ec50638ad4c9a08bfa6eca8fd))\\n\\n## [4.1.0](https://github.com/gravity-ui/dynamic-forms/compare/v4.0.1...v4.1.0) (2024-03-14)\\n\\n\\n### Features\\n\\n* **BooleanOneOf:** add new input BooleanOneOf ([#182](https://github.com/gravity-ui/dynamic-forms/issues/182)) ([b859136](https://github.com/gravity-ui/dynamic-forms/commit/b85913687c9198dc655ca5f49126090f9be35e86))\\n* **Delimiter:** add delimiter for object inline ([#181](https://github.com/gravity-ui/dynamic-forms/issues/181)) ([5012d5d](https://github.com/gravity-ui/dynamic-forms/commit/5012d5dc93a2daeaaf7df737ac5707fa35c144b2))\\n\\n## [4.0.1](https://github.com/gravity-ui/dynamic-forms/compare/v4.0.0...v4.0.1) (2024-03-12)\\n\\n\\n### Bug Fixes\\n\\n* add condition that removes validate of hidden fields ([#178](https://github.com/gravity-ui/dynamic-forms/issues/178)) ([bbd98e9](https://github.com/gravity-ui/dynamic-forms/commit/bbd98e9d44bb4b9c32ef28302d99760622d48325))\\n\\n## [4.0.0](https://github.com/gravity-ui/dynamic-forms/compare/v3.7.0...v4.0.0) (2024-02-19)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update packages ([#172](https://github.com/gravity-ui/dynamic-forms/issues/172))\\n\\n### Features\\n\\n* update packages ([#172](https://github.com/gravity-ui/dynamic-forms/issues/172)) ([32a4547](https://github.com/gravity-ui/dynamic-forms/commit/32a4547bbfccbd0c5499db28e29d7c9b4719e1da))\\n\\n## [3.7.0](https://github.com/gravity-ui/dynamic-forms/compare/v3.6.1...v3.7.0) (2024-02-16)\\n\\n\\n### Features\\n\\n* **objectInline:** support inline boolean fields ([#171](https://github.com/gravity-ui/dynamic-forms/issues/171)) ([043761c](https://github.com/gravity-ui/dynamic-forms/commit/043761c0a497967510d267147c2bf0899428bc08))\\n\\n\\n### Bug Fixes\\n\\n* **validation:** impossible to switch the language for validation errors ([#173](https://github.com/gravity-ui/dynamic-forms/issues/173)) ([1f3f81c](https://github.com/gravity-ui/dynamic-forms/commit/1f3f81c657e065c96875d91f69541cf34eaa6948))\\n\\n## [3.6.1](https://github.com/gravity-ui/dynamic-forms/compare/v3.6.0...v3.6.1) (2024-02-13)\\n\\n\\n### Bug Fixes\\n\\n* build command on windows, rimraf version ([#167](https://github.com/gravity-ui/dynamic-forms/issues/167)) ([224fd78](https://github.com/gravity-ui/dynamic-forms/commit/224fd780f0077f045a90b07e42b314cc9178876d))\\n\\n## [3.6.0](https://github.com/gravity-ui/dynamic-forms/compare/v3.5.0...v3.6.0) (2024-02-02)\\n\\n\\n### Features\\n\\n* added accordeon card to config ([#162](https://github.com/gravity-ui/dynamic-forms/issues/162)) ([ab23f6c](https://github.com/gravity-ui/dynamic-forms/commit/ab23f6ca3dd7277fdd2fb59a78c0f958f002bfd4))\\n* **spec:** add generic for InputProps and LayoutProps into Spec ([#164](https://github.com/gravity-ui/dynamic-forms/issues/164)) ([2b2ae90](https://github.com/gravity-ui/dynamic-forms/commit/2b2ae904388f7cc0b6b78eb8d7a7138ef03a6f8a))\\n\\n## [3.5.0](https://github.com/gravity-ui/dynamic-forms/compare/v3.4.1...v3.5.0) (2024-01-25)\\n\\n\\n### Features\\n\\n* added text components instead of spans/divs in dynamic forms ([#158](https://github.com/gravity-ui/dynamic-forms/issues/158)) ([f17b426](https://github.com/gravity-ui/dynamic-forms/commit/f17b4266eda54de092f959ac90d7ff99d5334e8e))\\n\\n\\n### Bug Fixes\\n\\n* fix controller updateStore method ([#161](https://github.com/gravity-ui/dynamic-forms/issues/161)) ([ef5bab2](https://github.com/gravity-ui/dynamic-forms/commit/ef5bab22767700e2846db87c80a6e87ed4320a19))\\n\\n## [3.4.1](https://github.com/gravity-ui/dynamic-forms/compare/v3.4.0...v3.4.1) (2024-01-17)\\n\\n\\n### Bug Fixes\\n\\n* fix mutators logic ([#157](https://github.com/gravity-ui/dynamic-forms/issues/157)) ([701d18f](https://github.com/gravity-ui/dynamic-forms/commit/701d18f4e843c6fb134e92bc0981766093097ced))\\n* one of view ([#154](https://github.com/gravity-ui/dynamic-forms/issues/154)) ([cd31d6f](https://github.com/gravity-ui/dynamic-forms/commit/cd31d6f43065eb57bd8f3f26f64a0102122a8206))\\n\\n## [3.4.0](https://github.com/gravity-ui/dynamic-forms/compare/v3.3.0...v3.4.0) (2023-12-14)\\n\\n\\n### Features\\n\\n* **validators:** add custom error messages property ([#150](https://github.com/gravity-ui/dynamic-forms/issues/150)) ([0130131](https://github.com/gravity-ui/dynamic-forms/commit/01301313642b69b24351c2a0bc26378586de02c3))\\n\\n\\n### Bug Fixes\\n\\n* fix spec mutator key ([#151](https://github.com/gravity-ui/dynamic-forms/issues/151)) ([77c1a47](https://github.com/gravity-ui/dynamic-forms/commit/77c1a475d65a06588a12fca5486c3cf77d67c4ab))\\n* **ObjectValueView:** fixed view value object value ([#148](https://github.com/gravity-ui/dynamic-forms/issues/148)) ([395bf84](https://github.com/gravity-ui/dynamic-forms/commit/395bf84b312d4403ae4e7c0dd42536b6aff70517))\\n\\n## [3.3.0](https://github.com/gravity-ui/dynamic-forms/compare/v3.2.0...v3.3.0) (2023-11-24)\\n\\n\\n### Features\\n\\n* add new controller ([#143](https://github.com/gravity-ui/dynamic-forms/issues/143)) ([944952d](https://github.com/gravity-ui/dynamic-forms/commit/944952d978329922396ab0f712fb76e7eacca99a))\\n\\n\\n### Bug Fixes\\n\\n* fix state updates by mutators ([#141](https://github.com/gravity-ui/dynamic-forms/issues/141)) ([43b9dec](https://github.com/gravity-ui/dynamic-forms/commit/43b9dec5908936a66d3c0a91e25a06ec757deea6))\\n\\n## [3.2.0](https://github.com/gravity-ui/dynamic-forms/compare/v3.1.0...v3.2.0) (2023-11-20)\\n\\n\\n### Features\\n\\n* add dynamic field store mutators, add store value hook ([#139](https://github.com/gravity-ui/dynamic-forms/issues/139)) ([e43c7e3](https://github.com/gravity-ui/dynamic-forms/commit/e43c7e35d94ee0293eda10657df92c5ef70621f9))\\n\\n## [3.1.0](https://github.com/gravity-ui/dynamic-forms/compare/v3.0.1...v3.1.0) (2023-11-14)\\n\\n\\n### Features\\n\\n* add external errors ([#137](https://github.com/gravity-ui/dynamic-forms/issues/137)) ([4c93b37](https://github.com/gravity-ui/dynamic-forms/commit/4c93b37c18db08f0854a8a0660cf192767c7aa37))\\n* add layoutOpen flag for view layouts ([#134](https://github.com/gravity-ui/dynamic-forms/issues/134)) ([51aa5f0](https://github.com/gravity-ui/dynamic-forms/commit/51aa5f0775e9adf3b68c9cd06738d69eca720f0d))\\n* update packages ([#135](https://github.com/gravity-ui/dynamic-forms/issues/135)) ([57586c2](https://github.com/gravity-ui/dynamic-forms/commit/57586c266f87199db8104baad9d9600ab90a7d56))\\n* update password input ([#136](https://github.com/gravity-ui/dynamic-forms/issues/136)) ([faf3e8c](https://github.com/gravity-ui/dynamic-forms/commit/faf3e8c6188ea49f89addff088a2ec789e9c8980))\\n* update view controller value props ([#132](https://github.com/gravity-ui/dynamic-forms/issues/132)) ([84248e5](https://github.com/gravity-ui/dynamic-forms/commit/84248e5c0c415c4640add01e6b6bd681fe6e6533))\\n\\n\\n### Bug Fixes\\n\\n* replace useForm with useFormState ([#138](https://github.com/gravity-ui/dynamic-forms/issues/138)) ([1e19619](https://github.com/gravity-ui/dynamic-forms/commit/1e19619b8931b43fb9df3d59f207fb5153bf4f98))\\n\\n## [3.0.1](https://github.com/gravity-ui/dynamic-forms/compare/v3.0.0...v3.0.1) (2023-11-02)\\n\\n\\n### Bug Fixes\\n\\n* **TransparentArray:** fix styles transparent ([#130](https://github.com/gravity-ui/dynamic-forms/issues/130)) ([ae9bc2e](https://github.com/gravity-ui/dynamic-forms/commit/ae9bc2e879545a617a14afb5f859dcb45f9d11a3))\\n\\n## [3.0.0](https://github.com/gravity-ui/dynamic-forms/compare/v2.8.2...v3.0.0) (2023-10-30)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* remove card config ([#129](https://github.com/gravity-ui/dynamic-forms/issues/129))\\n\\n### Features\\n\\n* remove card config ([#129](https://github.com/gravity-ui/dynamic-forms/issues/129)) ([def7d9d](https://github.com/gravity-ui/dynamic-forms/commit/def7d9d0eacd6937b9dd894e5a0f6058ad788da7))\\n\\n\\n### Bug Fixes\\n\\n* add spec correctness check for view controller ([#127](https://github.com/gravity-ui/dynamic-forms/issues/127)) ([a1f3601](https://github.com/gravity-ui/dynamic-forms/commit/a1f3601dc5c1e19d524c276dd56b637f34a6deb1))\\n\\n## [2.8.2](https://github.com/gravity-ui/dynamic-forms/compare/v2.8.1...v2.8.2) (2023-10-06)\\n\\n\\n### Bug Fixes\\n\\n* **ErrorWrapper:** update error wrapper styles for select and multiselect ([#125](https://github.com/gravity-ui/dynamic-forms/issues/125)) ([8455756](https://github.com/gravity-ui/dynamic-forms/commit/8455756d915e674788f7d5e32f423d3b66e9de64))\\n\\n## [2.8.1](https://github.com/gravity-ui/dynamic-forms/compare/v2.8.0...v2.8.1) (2023-10-05)\\n\\n\\n### Bug Fixes\\n\\n* **ErrorWrapper:** add error styles for text area ([#122](https://github.com/gravity-ui/dynamic-forms/issues/122)) ([0be6633](https://github.com/gravity-ui/dynamic-forms/commit/0be66337352947603f3c054a838138f2ef77e606))\\n\\n## [2.8.0](https://github.com/gravity-ui/dynamic-forms/compare/v2.7.2...v2.8.0) (2023-09-28)\\n\\n\\n### Features\\n\\n* **generateRandomValue:** added the ability to generate a random value ([#117](https://github.com/gravity-ui/dynamic-forms/issues/117)) ([f710ecb](https://github.com/gravity-ui/dynamic-forms/commit/f710ecb5fef1eca9dd85bee92c91c1e354b8f092))\\n* **newPassword:** new view input password ([#119](https://github.com/gravity-ui/dynamic-forms/issues/119)) ([11bc640](https://github.com/gravity-ui/dynamic-forms/commit/11bc6407c3f207df6e6b4a7a68ca8a04dee4315e))\\n* **parseJson:** added the ability to include json parse in the editor ([#120](https://github.com/gravity-ui/dynamic-forms/issues/120)) ([777d17e](https://github.com/gravity-ui/dynamic-forms/commit/777d17ebb3576ea6b1f437089d67ea93fc76d8d7))\\n\\n## [2.7.2](https://github.com/gravity-ui/dynamic-forms/compare/v2.7.1...v2.7.2) (2023-09-18)\\n\\n\\n### Bug Fixes\\n\\n* **helpPopoverRow:** fixed row help popover ([#115](https://github.com/gravity-ui/dynamic-forms/issues/115)) ([4d4aa9a](https://github.com/gravity-ui/dynamic-forms/commit/4d4aa9a69aca17591650a9029cf866f57c26af5f))\\n\\n## [2.7.1](https://github.com/gravity-ui/dynamic-forms/compare/v2.7.0...v2.7.1) (2023-09-14)\\n\\n\\n### Bug Fixes\\n\\n* **stylesTransperantAndArrayBaseView:** fixed styles ([#113](https://github.com/gravity-ui/dynamic-forms/issues/113)) ([a8b76ed](https://github.com/gravity-ui/dynamic-forms/commit/a8b76ed9a84fa150ea280685305203ab3fad38e7))\\n\\n## [2.7.0](https://github.com/gravity-ui/dynamic-forms/compare/v2.6.0...v2.7.0) (2023-09-08)\\n\\n\\n### Features\\n\\n* **hidden:** added a new hidden option ([#110](https://github.com/gravity-ui/dynamic-forms/issues/110)) ([219ca92](https://github.com/gravity-ui/dynamic-forms/commit/219ca923fae50bf688776994e103622190d39679))\\n\\n\\n### Bug Fixes\\n\\n* **transparentStyle:** fixed display of delete buttons for array ([#112](https://github.com/gravity-ui/dynamic-forms/issues/112)) ([5a5a641](https://github.com/gravity-ui/dynamic-forms/commit/5a5a6419efaa05dc3eac76cb0ef7806d428e02e3))\\n\\n## [2.6.0](https://github.com/gravity-ui/dynamic-forms/compare/v2.5.0...v2.6.0) (2023-09-07)\\n\\n\\n### Features\\n\\n* **ObjectBase:** add inline variant ([#104](https://github.com/gravity-ui/dynamic-forms/issues/104)) ([31480c3](https://github.com/gravity-ui/dynamic-forms/commit/31480c3a0b5079dcf4e1e5940d840e69579cc608))\\n* **Select:** added additional params for select ([#109](https://github.com/gravity-ui/dynamic-forms/issues/109)) ([13702de](https://github.com/gravity-ui/dynamic-forms/commit/13702de605d69205c122240d43b0dfb0ae9983cf))\\n\\n\\n### Bug Fixes\\n\\n* **ArrayBase:** remove value preparing logic, on item add call ([#107](https://github.com/gravity-ui/dynamic-forms/issues/107)) ([65283d6](https://github.com/gravity-ui/dynamic-forms/commit/65283d68f55a489945b5014daa2d6c2ac3cf23eb))\\n\\n## [2.5.0](https://github.com/gravity-ui/dynamic-forms/compare/v2.4.0...v2.5.0) (2023-09-01)\\n\\n\\n### Features\\n\\n* **textContent:** refactor textContent ([#98](https://github.com/gravity-ui/dynamic-forms/issues/98)) ([f15ab7d](https://github.com/gravity-ui/dynamic-forms/commit/f15ab7d167e38096aeb5d120c6de60e89541e618))\\n\\n## [2.4.0](https://github.com/gravity-ui/dynamic-forms/compare/v2.3.0...v2.4.0) (2023-08-31)\\n\\n\\n### Features\\n\\n* **OneOfTogglerCard:** added new display toggler card ([#99](https://github.com/gravity-ui/dynamic-forms/issues/99)) ([caa76bc](https://github.com/gravity-ui/dynamic-forms/commit/caa76bc63572af4ce39f613a52435b4a891a37e4))\\n\\n## [2.3.0](https://github.com/gravity-ui/dynamic-forms/compare/v2.2.0...v2.3.0) (2023-08-30)\\n\\n\\n### Features\\n\\n* **Common:** added lower case conversion for addButtonPosition ([#100](https://github.com/gravity-ui/dynamic-forms/issues/100)) ([3c1eb71](https://github.com/gravity-ui/dynamic-forms/commit/3c1eb7130b4717c00fe8e9e43dfc8d8a8928080c))\\n\\n\\n### Bug Fixes\\n\\n* rename deprecated --yc-text-body-font-size css var ([#102](https://github.com/gravity-ui/dynamic-forms/issues/102)) ([f31c5f1](https://github.com/gravity-ui/dynamic-forms/commit/f31c5f17c0cd8746bbc8a522850d42331d382843))\\n\\n## [2.2.0](https://github.com/gravity-ui/dynamic-forms/compare/v2.1.1...v2.2.0) (2023-08-29)\\n\\n\\n### Features\\n\\n* ignore minimum check when a number field is empty ([#95](https://github.com/gravity-ui/dynamic-forms/issues/95)) ([1126189](https://github.com/gravity-ui/dynamic-forms/commit/1126189a7735c632dee17885bfc9df24c8821748))\\n* **NewSettingForArray:** added new settings to the array ([#83](https://github.com/gravity-ui/dynamic-forms/issues/83)) ([de1c422](https://github.com/gravity-ui/dynamic-forms/commit/de1c422cd8973dc6ac52b4f6cde85132aba898cf))\\n\\n## [2.1.1](https://github.com/gravity-ui/dynamic-forms/compare/v2.1.0...v2.1.1) (2023-08-25)\\n\\n\\n### Bug Fixes\\n\\n* convert empty string value to undefined for Number Field ([#90](https://github.com/gravity-ui/dynamic-forms/issues/90)) ([0724cac](https://github.com/gravity-ui/dynamic-forms/commit/0724caca315d81c8fdb047351b3bb56356f241ea))\\n\\n## [2.1.0](https://github.com/gravity-ui/dynamic-forms/compare/v2.0.0...v2.1.0) (2023-08-14)\\n\\n\\n### Features\\n\\n* **MultiOneOf:** added new input multi one of ([#77](https://github.com/gravity-ui/dynamic-forms/issues/77)) ([e1bbbec](https://github.com/gravity-ui/dynamic-forms/commit/e1bbbec2123615c0412026e77c93a69d7c0ca5cb))\\n\\n\\n### Bug Fixes\\n\\n* **FileInput:** change hiding approach of input ([#78](https://github.com/gravity-ui/dynamic-forms/issues/78)) ([9690d15](https://github.com/gravity-ui/dynamic-forms/commit/9690d158ca69018588ab81429e6f96e3f9d2f7b3))\\n* fixed array type for default values ([#72](https://github.com/gravity-ui/dynamic-forms/issues/72)) ([c298dc2](https://github.com/gravity-ui/dynamic-forms/commit/c298dc23845059c311aed8d49f68c8ed281695c9))\\n* long headers values ([#76](https://github.com/gravity-ui/dynamic-forms/issues/76)) ([37f3c6e](https://github.com/gravity-ui/dynamic-forms/commit/37f3c6e869da20e7d1a519c343e4ee0717eb7e90))\\n\\n## [2.0.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.10.0...v2.0.0) (2023-07-31)\\n\\n\\n### chore\\n\\n* release 2.0.0 ([5ac84e2](https://github.com/gravity-ui/dynamic-forms/commit/5ac84e2ef09b08298e3169fb5b5a42899aaf584a))\\n\\n\\n### Bug Fixes\\n\\n* release 2.0.0 trigger ([482a8c7](https://github.com/gravity-ui/dynamic-forms/commit/482a8c7e0753053e21626ae35067102a08ea5992))\\n\\n## [1.10.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.9.2...v1.10.0) (2023-07-19)\\n\\n\\n### Features\\n\\n* udpate uikit ([#69](https://github.com/gravity-ui/dynamic-forms/issues/69)) ([ffbee3b](https://github.com/gravity-ui/dynamic-forms/commit/ffbee3bc529ca0ea1a5e6aa8958366ba10219034))\\n\\n\\n### Bug Fixes\\n\\n* add child errors cleaning on call onDrop ([#64](https://github.com/gravity-ui/dynamic-forms/issues/64)) ([adbe4d8](https://github.com/gravity-ui/dynamic-forms/commit/adbe4d814d051d636a541bf3f5380f045c2576d4))\\n\\n## [1.9.2](https://github.com/gravity-ui/dynamic-forms/compare/v1.9.1...v1.9.2) (2023-06-13)\\n\\n\\n### Bug Fixes\\n\\n* fix oneof and view layouts styles ([#62](https://github.com/gravity-ui/dynamic-forms/issues/62)) ([06794e2](https://github.com/gravity-ui/dynamic-forms/commit/06794e2a1891d9f630cb7a7820890f49f0bfcba1))\\n\\n## [1.9.1](https://github.com/gravity-ui/dynamic-forms/compare/v1.9.0...v1.9.1) (2023-06-07)\\n\\n\\n### Bug Fixes\\n\\n* fixed styles for transperant and toggler oneof ([#60](https://github.com/gravity-ui/dynamic-forms/issues/60)) ([64ca12a](https://github.com/gravity-ui/dynamic-forms/commit/64ca12ad87ffd50fdda24901cd8f2e70e8c03868))\\n\\n## [1.9.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.8.1...v1.9.0) (2023-06-07)\\n\\n\\n### Features\\n\\n* add ability to disable final-form insertion delay ([#56](https://github.com/gravity-ui/dynamic-forms/issues/56)) ([4df2b00](https://github.com/gravity-ui/dynamic-forms/commit/4df2b00c5b07bdacbbd399acdb5cf01af5521dbc))\\n* add copy button for view layouts ([#59](https://github.com/gravity-ui/dynamic-forms/issues/59)) ([c31fcbf](https://github.com/gravity-ui/dynamic-forms/commit/c31fcbfe0da0ba369cd16595b2cb9190ac4498f0))\\n* add store and entity unmount callbacks ([#55](https://github.com/gravity-ui/dynamic-forms/issues/55)) ([8f7c4c6](https://github.com/gravity-ui/dynamic-forms/commit/8f7c4c6a624941e10c624dc3098e4e601639d25e))\\n\\n## [1.8.1](https://github.com/gravity-ui/dynamic-forms/compare/v1.8.0...v1.8.1) (2023-05-30)\\n\\n\\n### Bug Fixes\\n\\n* fixed deleting numbers from arrays ([#50](https://github.com/gravity-ui/dynamic-forms/issues/50)) ([76fba69](https://github.com/gravity-ui/dynamic-forms/commit/76fba69c47e016fb806d5d2d06fa367f4672c524))\\n\\n## [1.8.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.7.1...v1.8.0) (2023-05-25)\\n\\n\\n### Features\\n\\n* **Switch:** added new input switch ([#48](https://github.com/gravity-ui/dynamic-forms/issues/48)) ([47e2f51](https://github.com/gravity-ui/dynamic-forms/commit/47e2f51dcda0579b00f6fadc3008d2e78a2f47e7))\\n\\n## [1.7.1](https://github.com/gravity-ui/dynamic-forms/compare/v1.7.0...v1.7.1) (2023-05-22)\\n\\n\\n### Bug Fixes\\n\\n* **OneOf:** fixed styles in inputs and view ([#46](https://github.com/gravity-ui/dynamic-forms/issues/46)) ([e7a824d](https://github.com/gravity-ui/dynamic-forms/commit/e7a824d4fec537ebef10f96049279bfc7a759f3b))\\n\\n## [1.7.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.6.2...v1.7.0) (2023-05-22)\\n\\n\\n### Features\\n\\n* add flat oneof input, add oneof params to object spec ([#44](https://github.com/gravity-ui/dynamic-forms/issues/44)) ([25e9a35](https://github.com/gravity-ui/dynamic-forms/commit/25e9a3588b359cc251e5fdc19a1b51c5a614abb8))\\n\\n\\n### Bug Fixes\\n\\n* initial value ([#39](https://github.com/gravity-ui/dynamic-forms/issues/39)) ([ce52d65](https://github.com/gravity-ui/dynamic-forms/commit/ce52d6531b8dbabd3462dfd430b947b99e00b433))\\n\\n\\n### Performance Improvements\\n\\n* remove strict mode wrapper and react version check ([#43](https://github.com/gravity-ui/dynamic-forms/issues/43)) ([ec823bf](https://github.com/gravity-ui/dynamic-forms/commit/ec823bf56d4bec192649b8cd2c3da16def094bfb))\\n\\n## [1.6.2](https://github.com/gravity-ui/dynamic-forms/compare/v1.6.1...v1.6.2) (2023-05-16)\\n\\n\\n### Bug Fixes\\n\\n* add css rule for errors ([#41](https://github.com/gravity-ui/dynamic-forms/issues/41)) ([a6661bc](https://github.com/gravity-ui/dynamic-forms/commit/a6661bcd3a86a29ec3b457bccbf6d8f46aaf0408))\\n* add number value transform ([#40](https://github.com/gravity-ui/dynamic-forms/issues/40)) ([d422d90](https://github.com/gravity-ui/dynamic-forms/commit/d422d901e675c6f7014a07f9bfae972fcd555b76))\\n\\n## [1.6.1](https://github.com/gravity-ui/dynamic-forms/compare/v1.6.0...v1.6.1) (2023-05-02)\\n\\n\\n### Bug Fixes\\n\\n* object inputs layout child ([#37](https://github.com/gravity-ui/dynamic-forms/issues/37)) ([821398e](https://github.com/gravity-ui/dynamic-forms/commit/821398eee3b19b590f6177896fc038ecd9bdd0df))\\n\\n## [1.6.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.5.0...v1.6.0) (2023-04-28)\\n\\n\\n### Features\\n\\n* adapt useStore and useField with 18 react ([#31](https://github.com/gravity-ui/dynamic-forms/issues/31)) ([d64ae4a](https://github.com/gravity-ui/dynamic-forms/commit/d64ae4a1b3f9f2e8b02288c1088679b5c848f738))\\n\\n\\n### Bug Fixes\\n\\n* fixed display for accordeon layoutDescription ([#34](https://github.com/gravity-ui/dynamic-forms/issues/34)) ([fa58210](https://github.com/gravity-ui/dynamic-forms/commit/fa58210239df31911f3865262a4d33bd653e1b01))\\n* fixed display for one of ([#33](https://github.com/gravity-ui/dynamic-forms/issues/33)) ([823c8fc](https://github.com/gravity-ui/dynamic-forms/commit/823c8fceddcb9a7e0cf021c1b122470cf58db4df))\\n\\n## [1.5.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.4.1...v1.5.0) (2023-04-18)\\n\\n\\n### Features\\n\\n* **ObjectValue:** added new input object value ([#28](https://github.com/gravity-ui/dynamic-forms/issues/28)) ([67214a1](https://github.com/gravity-ui/dynamic-forms/commit/67214a13f5ed67dd46071caf0d0ad0bee1a4d071))\\n\\n## [1.4.1](https://github.com/gravity-ui/dynamic-forms/compare/v1.4.0...v1.4.1) (2023-04-13)\\n\\n\\n### Bug Fixes\\n\\n* **GroupIndent:** fixed styles ([#26](https://github.com/gravity-ui/dynamic-forms/issues/26)) ([ca3e845](https://github.com/gravity-ui/dynamic-forms/commit/ca3e845169c8f68036744fba13de79879421a806))\\n\\n## [1.4.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.3.0...v1.4.0) (2023-04-11)\\n\\n\\n### Features\\n\\n* **FileInput:** added new input file input ([#24](https://github.com/gravity-ui/dynamic-forms/issues/24)) ([1553318](https://github.com/gravity-ui/dynamic-forms/commit/155331839e50ab4192b69ba32992e37b972378c4))\\n\\n## [1.3.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.2.0...v1.3.0) (2023-03-31)\\n\\n\\n### Features\\n\\n* update row note position ([#20](https://github.com/gravity-ui/dynamic-forms/issues/20)) ([4f15395](https://github.com/gravity-ui/dynamic-forms/commit/4f153959596d3325ddeb2c2e9b24382e36d2db75))\\n\\n\\n### Bug Fixes\\n\\n* add fixes + tests ([#15](https://github.com/gravity-ui/dynamic-forms/issues/15)) ([80113dd](https://github.com/gravity-ui/dynamic-forms/commit/80113dd05737b18158865506ed3ac8479d69e8d0))\\n* **search:** fixed bug related to form blinking ([#21](https://github.com/gravity-ui/dynamic-forms/issues/21)) ([20bab2f](https://github.com/gravity-ui/dynamic-forms/commit/20bab2f628d698714bcee35993583f2c7712e843))\\n* **textArea:** fixed row for text area ([#22](https://github.com/gravity-ui/dynamic-forms/issues/22)) ([d5469e7](https://github.com/gravity-ui/dynamic-forms/commit/d5469e7dd0eee86b26e8daba94e93d2fa9465b96))\\n\\n## [1.2.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.1.1...v1.2.0) (2023-03-23)\\n\\n\\n### Features\\n\\n* search ([#10](https://github.com/gravity-ui/dynamic-forms/issues/10)) ([4ed7d5c](https://github.com/gravity-ui/dynamic-forms/commit/4ed7d5c85dbb890f4c8148d4de43a626917cec0f))\\n\\n## [1.1.1](https://github.com/gravity-ui/dynamic-forms/compare/v1.1.0...v1.1.1) (2023-03-21)\\n\\n\\n### Bug Fixes\\n\\n* fix incorrect unmount ([#12](https://github.com/gravity-ui/dynamic-forms/issues/12)) ([592652b](https://github.com/gravity-ui/dynamic-forms/commit/592652b2814567b2188ec43779eb591b7dec6ade))\\n\\n## [1.1.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.0.2...v1.1.0) (2023-03-19)\\n\\n\\n### Features\\n\\n* add `row_verbose` layout ([#7](https://github.com/gravity-ui/dynamic-forms/issues/7)) ([a3030e1](https://github.com/gravity-ui/dynamic-forms/commit/a3030e105708c41211339d8ddd0b21e0b16cebfa))\\n\\n\\n### Bug Fixes\\n\\n* fix store errors ([#11](https://github.com/gravity-ui/dynamic-forms/issues/11)) ([3ed0d8e](https://github.com/gravity-ui/dynamic-forms/commit/3ed0d8e7cb4faefad351c5551b48461e7f6fd529))\\n\\n## [1.0.2](https://github.com/gravity-ui/dynamic-forms/compare/v1.0.1...v1.0.2) (2023-03-15)\\n\\n\\n### Bug Fixes\\n\\n* updated package.json ([#5](https://github.com/gravity-ui/dynamic-forms/issues/5)) ([233053d](https://github.com/gravity-ui/dynamic-forms/commit/233053dbdef63a2416f3abd442dcda9cdd0ff3de))\\n\\n## [1.0.1](https://github.com/gravity-ui/dynamic-forms/compare/v1.0.0...v1.0.1) (2023-03-14)\\n\\n\\n### Bug Fixes\\n\\n* added prepublishOnly ([#3](https://github.com/gravity-ui/dynamic-forms/issues/3)) ([0ed29ca](https://github.com/gravity-ui/dynamic-forms/commit/0ed29ca7eb2d5cb4350f1f191b30c7d1bbed6ed8))\\n\\n## 1.0.0 (2023-03-14)\\n\\n\\n### Features\\n\\n* code migration ([#1](https://github.com/gravity-ui/dynamic-forms/issues/1)) ([41d30e4](https://github.com/gravity-ui/dynamic-forms/commit/41d30e4d1d43ffc0555fe2b671d638a520c317b7))\\n","contributors":[{"login":"bocembocem","avatarUrl":"https://avatars.githubusercontent.com/u/58661343?v=4","url":"https://github.com/bocembocem","contributions":55},{"login":"NasgulNexus","avatarUrl":"https://avatars.githubusercontent.com/u/23384737?v=4","url":"https://github.com/NasgulNexus","contributions":48},{"login":"hozblok","avatarUrl":"https://avatars.githubusercontent.com/u/17067394?v=4","url":"https://github.com/hozblok","contributions":2},{"login":"LehaRybkoha","avatarUrl":"https://avatars.githubusercontent.com/u/42549523?v=4","url":"https://github.com/LehaRybkoha","contributions":2},{"login":"pavel-klimov","avatarUrl":"https://avatars.githubusercontent.com/u/42768217?v=4","url":"https://github.com/pavel-klimov","contributions":2},{"login":"vvasin","avatarUrl":"https://avatars.githubusercontent.com/u/29572062?v=4","url":"https://github.com/vvasin","contributions":2},{"login":"wd055","avatarUrl":"https://avatars.githubusercontent.com/u/35567000?v=4","url":"https://github.com/wd055","contributions":1},{"login":"saxumcordis","avatarUrl":"https://avatars.githubusercontent.com/u/42944548?v=4","url":"https://github.com/saxumcordis","contributions":1},{"login":"dgaponov","avatarUrl":"https://avatars.githubusercontent.com/u/13693437?v=4","url":"https://github.com/dgaponov","contributions":1},{"login":"bityutskiyAO","avatarUrl":"https://avatars.githubusercontent.com/u/38612782?v=4","url":"https://github.com/bityutskiyAO","contributions":1},{"login":"gorgeousvlad","avatarUrl":"https://avatars.githubusercontent.com/u/20395936?v=4","url":"https://github.com/gorgeousvlad","contributions":1},{"login":"VitaliiDC8","avatarUrl":"https://avatars.githubusercontent.com/u/127111625?v=4","url":"https://github.com/VitaliiDC8","contributions":1},{"login":"js2me","avatarUrl":"https://avatars.githubusercontent.com/u/16340911?v=4","url":"https://github.com/js2me","contributions":1},{"login":"DC-RomanKarpov","avatarUrl":"https://avatars.githubusercontent.com/u/124568536?v=4","url":"https://github.com/DC-RomanKarpov","contributions":1},{"login":"bratva","avatarUrl":"https://avatars.githubusercontent.com/u/1937870?v=4","url":"https://github.com/bratva","contributions":1},{"login":"diadorer","avatarUrl":"https://avatars.githubusercontent.com/u/33423367?v=4","url":"https://github.com/diadorer","contributions":1},{"login":"DakEnviy","avatarUrl":"https://avatars.githubusercontent.com/u/6522772?v=4","url":"https://github.com/DakEnviy","contributions":1},{"login":"KirillDyachkovskiy","avatarUrl":"https://avatars.githubusercontent.com/u/81510334?v=4","url":"https://github.com/KirillDyachkovskiy","contributions":1},{"login":"chelentos","avatarUrl":"https://avatars.githubusercontent.com/u/21958075?v=4","url":"https://github.com/chelentos","contributions":1},{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":1}],"codeOwners":[{"pattern":"*","owners":["bocembocem","NasgulNexus"]}]},"page-constructor":{"stars":32,"version":"5.16.1","lastUpdate":"04.07.2024","license":"MIT License","issues":32,"readme":"# @gravity-ui/page-constructor &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/page-constructor)](https://www.npmjs.com/package/@gravity-ui/page-constructor) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/page-constructor/ci.yml?branch=main&label=CI)](https://github.com/gravity-ui/page-constructor/actions/workflows/ci.yml?query=branch:main) [![Release](https://img.shields.io/github/actions/workflow/status/gravity-ui/page-constructor/release.yml?branch=main&label=Release)](https://github.com/gravity-ui/page-constructor/actions/workflows/release.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/page-constructor/)\\n\\n## Page constructor\\n\\n`Page-constructor` is a library for rendering web pages or their parts based on `JSON` data (support for `YAML` format is to be added later).\\n\\nWhen creating pages, component-based approach is used: a page is built using a set of ready-made blocks that can be placed in any order. Each block has a certain type and set of input data parameters.\\n\\nFor the format of input data and list of available blocks, see the [documentation](https://preview.gravity-ui.com/page-constructor/?path=/docs/documentation-blocks--docs).\\n\\n## Install\\n\\n```shell\\nnpm install @gravity-ui/page-constructor\\n```\\n\\n## Required dependencies\\n\\nPlease note that to start using the package, your project must also have the following installed: `@diplodoc/transform`, `@gravity-ui/uikit`, `react`. Check out the `peerDependencies` section of `package.json` for accurate information.\\n\\n### Getting started\\n\\nThe page constructor is imported as a React component. To make sure it runs properly, wrap it in `PageConstructorProvider`:\\n\\n```jsx\\nimport {PageConstructor, PageConstructorProvider} from \'@gravity-ui/page-constructor\';\\n\\nconst Page: React.PropsWithChildren<PageProps> = ({content}) => (\\n  <PageConstructorProvider>\\n    <PageConstructor content={content} />\\n  </PageConstructorProvider>\\n);\\n```\\n\\n### Parameters\\n\\n```typescript\\ninterface PageConstructorProps {\\n  content: PageContent; //Blocks data in JSON format.\\n  shouldRenderBlock?: ShouldRenderBlock; // A function that is invoked when rendering each block and  lets you set conditions for its display.\\n  custom?: Custom; //Custom blocks (see `Customization`).\\n  renderMenu?: () => React.ReactNode; //A function that renders the page menu with navigation (we plan to add rendering for the default menu version).\\n  navigation?: NavigationData; // Navigation data for using navigation component in JSON format\\n}\\n\\ninterface PageConstructorProviderProps {\\n  isMobile?: boolean; //A flag indicating that the code is executed in mobile mode.\\n  locale?: LocaleContextProps; //Info about the language and domain (used when generating and formatting links).\\n  location?: Location; //API of the browser or router history, the page URL.\\n  analytics?: AnalyticsContextProps; // function to handle analytics event\\n\\n  ssrConfig?: SSR; //A flag indicating that the code is run on the server size.\\n  theme?: \'light\' | \'dark\'; //Theme to render the page with.\\n  mapsContext?: MapsContextType; //Params for map: apikey, type, scriptSrc, nonce\\n}\\n\\nexport interface PageContent extends Animatable {\\n  blocks: Block[];\\n  menu?: Menu;\\n  background?: MediaProps;\\n}\\n\\ninterface Custom {\\n  blocks?: CustomItems;\\n  subBlocks?: CustomItems;\\n  headers?: CustomItems;\\n  loadable?: LoadableConfig;\\n}\\n\\ntype ShouldRenderBlock = (block: Block, blockKey: string) => Boolean;\\n\\ninterface Location {\\n  history?: History;\\n  search?: string;\\n  hash?: string;\\n  pathname?: string;\\n  hostname?: string;\\n}\\n\\ninterface Locale {\\n  lang?: Lang;\\n  tld?: string;\\n}\\n\\ninterface SSR {\\n  isServer?: boolean;\\n}\\n\\ninterface NavigationData {\\n  logo: NavigationLogo;\\n  header: HeaderData;\\n}\\n\\ninterface NavigationLogo {\\n  icon: ImageProps;\\n  text?: string;\\n  url?: string;\\n}\\n\\ninterface HeaderData {\\n  leftItems: NavigationItem[];\\n  rightItems?: NavigationItem[];\\n}\\n\\ninterface NavigationLogo {\\n  icon: ImageProps;\\n  text?: string;\\n  url?: string;\\n}\\n```\\n\\n### Custom blocks\\n\\nThe page constructor lets you use blocks that are user-defined in their app. Blocks are regular React components.\\n\\nTo pass custom blocks to the constructor:\\n\\n1. Create a block in your app.\\n\\n2. In your code, create an object with the block type (string) as a key and an imported block component as a value.\\n\\n3. Pass the object you created to the `custom.blocks`, `custom.headers` or `custom.subBlocks` parameter of the `PageConstructor` component (`custom.headers` specifies the block headers to be rendered separately above general content).\\n\\n4. Now you can use the created block in input data (the `content` parameter) by specifying its type and data.\\n\\nTo use mixins and constructor style variables when creating custom blocks, add import in your file:\\n\\n```css\\n@import \'~@gravity-ui/page-constructor/styles/styles.scss\';\\n```\\n\\n### Loadable blocks\\n\\nIt\'s sometimes necessary that a block renders itself based on data to be loaded. In this case, loadable blocks are used.\\n\\nTo add custom `loadable` blocks, pass to the `PageConstructor` the `custom.loadable` property with data source names (string) for the component as a key and an object as a value.\\n\\n```typescript\\nexport interface LoadableConfigItem {\\n  fetch: FetchLoadableData; // data loading method\\n  component: React.ComponentType; //blog to pass loaded data\\n}\\n\\ntype FetchLoadableData<TData = any> = (blockKey: string) => Promise<TData>;\\n```\\n\\n### Grid\\n\\nThe page constructor uses the `bootstrap` grid and its implementation based on React components that you can use in your own project (including separately from the constructor).\\n\\nUsage example:\\n\\n```jsx\\nimport {Grid, Row, Col} from \'@gravity-ui/page-constructor\';\\n\\nconst Page: React.FC<PageProps> = ({children}) => (\\n  <Grid>\\n    <Row>\\n      <Col sizes={{lg: 4, sm: 6, all: 12}}>{children}</Col>\\n    </Row>\\n  </Grid>\\n);\\n```\\n\\n### Navigation\\n\\nPage navigation can also be used separately from the constructor:\\n\\n```jsx\\nimport {Navigation} from \'@gravity-ui/page-constructor\';\\n\\nconst Page: React.FC<PageProps> = ({data, logo}) => <Navigation data={data} logo={logo} />;\\n```\\n\\n### Blocks\\n\\nEach block is an atomic top-level component. They\'re stored in the `src/units/constructor/blocks` directory.\\n\\n### Sub-blocks\\n\\nSub-blocks are components that can be used in the block `children` property. In a config, a list of child components from sub-blocks is specified. Once rendered, these sub-blocks are passed to the block as `children`.\\n\\n### How to add a new block to the `page-constructor`\\n\\n1. In the `src/blocks` or `src/sub-blocks` directory, create a folder with the block or sub-block code.\\n\\n2. Add the block or sub-block name to enum `BlockType` or`SubBlockType` and describe its properties in the `src/models/constructor-items/blocks.ts` or `src/models/constructor-items/sub-blocks.ts` file in a similar way to the existing ones.\\n\\n3. Add export for the block in the `src/blocks/index.ts` file and for the sub-block in the `src/sub-blocks/index.ts` file.\\n\\n4. Add a new component or block to mapping in `src/constructor-items.ts`.\\n\\n5. Add a validator for the new block:\\n\\n   - Add a `schema.ts` file to the block or sub-block directory. In this file, describe a parameter validator for the component in [`json-schema`](http://json-schema.org/) format.\\n   - Export it in the `schema/validators/blocks.ts` or `schema/validators/sub-blocks.ts` file.\\n   - Add it to `enum` or `selectCases` in the `schema/index.ts` file.\\n\\n6. In the block directory, add the `README.md` file with a description of input parameters.\\n7. In the block directory add storybook demo in `__stories__` folder. All demo content for story should be placed in `data.json` at story dir. The generic `Story` must accept the type of block props, otherwise incorrect block props will be displayed in Storybook.\\n8. Add block data template to `src/editor/data/templates/` folder, file name should match block type\\n9. (optional) Add block preview icon to `src/editor/data/previews/` folder, file name should match block type\\n\\n### Themes\\n\\nThe `PageConstructor` lets you use themes: you can set different values for individual block properties depending on the theme selected in the app.\\n\\nTo add a theme to a block property:\\n\\n1. In the `models/blocks.ts` file, define the type of the respective block property using the `ThemeSupporting<T>` generic, where `T` is the type of the property.\\n\\n2. In the file with the block\'s `react` component, get the value of the property with the theme via `getThemedValue` and `useTheme` hook (see examples in the `MediaBlock.tsx` block).\\n\\n3. Add theme support to the property validator: in the block\'s `schema.ts` file, wrap this property in `withTheme`.\\n\\n### i18n\\n\\nThe `page-constructor` is a `uikit-based` library, and we use an instance of `i18n` from uikit. To set up internationalization, you just need to use the `configure` from uikit:\\n\\n```typescript\\nimport {configure} from \'@gravity-ui/uikit\';\\n\\nconfigure({\\n  lang: \'ru\',\\n});\\n```\\n\\n### Maps\\n\\nTo use maps, put the map type, scriptSrc and apiKey in field `mapContext` in `PageConstructorProvider`.\\n\\nYou can define environment variables for dev-mode in .env.development file within project root.\\n`STORYBOOK_GMAP_API_KEY` - apiKey for google maps\\n\\n### Analytics\\n\\n#### Init\\n\\nTo start using any analytics, pass a handler to the constructor. The handler must be created on a project side. The handler will receive the `default` and `custom` event objects. The passed handler will be fired on a button, link, navigation, and control clicks. As one handler is used for all events treatment, pay attention to how to treat different events while creating the handler. There are predefined fields that serve to help you to build complex logic.\\n\\nPass `autoEvents: true` to constructor to fire automatically configured events.\\n\\n```ts\\nfunction sendEvents(events: MyEventType []) {\\n  ...\\n}\\n\\n<PageConstructorProvider\\n    ...\\n\\n    analytics={{sendEvents, autoEvents: true}}\\n\\n    ...\\n/>\\n```\\n\\nAn event object has only one required field - `name`. It also has predefined fields, which serve to help manage complex logic. For example, `counter.include` can help to send event in a particular counter if several analytics systems are used in a project.\\n\\n```ts\\ntype AnalyticsEvent<T = {}> = T & {\\n  name: string;\\n  type?: string;\\n  counters?: AnalyticsCounters;\\n  context?: string;\\n};\\n```\\n\\nIt is possible to configure an event type needed for a project.\\n\\n```ts\\ntype MyEventType = AnalyticsEvent<{\\n  [key: string]?: string; // only a \'string\' type is supported\\n}>;\\n```\\n\\n#### Counter selector\\n\\nIt is possible to configure an event to which an analytics system to sent.\\n\\n```ts\\ntype AnalyticsCounters = {\\n  include?: string[]; // array of analytics counter ids that will be applied\\n  exclude?: string[]; // array of analytics counter ids that will not be applied\\n};\\n```\\n\\n#### context parameter\\n\\nPass `context` value to define place in a project where an event is fired.\\n\\nUse selector below or create logic that serves project needs.\\n\\n```ts\\n// analyticsHandler.ts\\nif (isCounterAllowed(counterName, counters)) {\\n  analyticsCounter.reachGoal(counterName, name, parameters);\\n}\\n```\\n\\n#### Reserved event types\\n\\nSeveral predefined event types are used to mark automatically configured events. Use the types to filter default events, for example.\\n\\n```ts\\nenum PredefinedEventTypes {\\n  Default = \'default-event\', // default events which fire on every button click\\n  Play = \'play\', // React player event\\n  Stop = \'stop\', // React player event\\n}\\n```\\n\\n## Development\\n\\n```bash\\nnpm ci\\nnpm run dev\\n```\\n\\n## Release flow\\n\\nIn usual cases we use two types of commits:\\n\\n1. fix: a commit of the type fix patches a bug in your codebase (this correlates with PATCH in Semantic Versioning).\\n2. feat: a commit of the type feat introduces a new feature to the codebase (this correlates with MINOR in Semantic Versioning).\\n3. BREAKING CHANGE: a commit that has a footer BREAKING CHANGE:, or appends a ! after the type/scope, introduces a breaking API change (correlating with MAJOR in Semantic Versioning). A BREAKING CHANGE can be part of commits of any type.\\n4. To set release package version manually you need to add `Release-As: <version>` to your commit message e.g.\\n\\n```bash\\ngit commit -m \'chore: bump release\\n\\nRelease-As: 1.2.3\'\\n```\\n\\nYou can see all information [here](https://www.conventionalcommits.org/en/v1.0.0/).\\n\\nWhen you receive the approval of your pull-request from the code owners and pass all the checks, please do the following:\\n\\n1. You should check if there is a release pull-request from robot with changes from another contributor (it looks like `chore(main): release 0.0.0`). If it exists, you should check why it is not merged. If the contributor agrees to release a shared version, follow the next step. If not, ask him to release his version, then follow the next step.\\n2. Squash and merge your PR (It is important to release a new version with Github-Actions)\\n3. Wait until robot creates a PR with a new version of the package and information about your changes in CHANGELOG.md. You can see the process on [the Actions tab](https://github.com/gravity-ui/page-constructor/actions).\\n4. Check your changes in CHANGELOG.md and approve robot\'s PR.\\n5. Squash and merge PR. You can see release process on [the Actions tab](https://github.com/gravity-ui/page-constructor/actions).\\n\\n### Alpha versions release\\n\\nIf you want to release alpha version of the package from your branch you can do it manually:\\n\\n1. Go to tab Actions\\n2. Select workflow \\"Release alpha version\\" on the left page\'s side\\n3. You can see on the right side the button \\"Run workflow\\". Here you can choose the branch.\\n4. You can also see field with manually version. If you release alpha in your branch for the first time, do not set anything here. After first release you have to set the new version manually because we don\'t change package.json in case that the branch can expire very soon. Use the prefix `alpha` in you manual version otherwise you will get error.\\n5. Push \\"Run workflow\\" and wait until the action will finish. You can release versions as many as you want but do not abuse it and release versions if you really need it. In other cases use [npm pack](https://docs.npmjs.com/cli/v7/commands/npm-pack).\\n\\n### Beta-major versions release\\n\\nIf you want to release a new major version, you will probably need for a beta versions before a stable one, please do the following:\\n\\n1. Create or update the branch `beta`.\\n2. Add there your changes.\\n3. When you ready for a new beta version, release it manually with an empty commit (or you can add this commit message with footer to the last commit):\\n\\n```bash\\ngit commit -m \'fix: last commit\\n\\nRelease-As: 3.0.0-beta.0\' --allow-empty\\n```\\n\\n4. Release please robot will create a new PR to the branch `beta` with updated CHANGELOG.md and bump version of the package\\n5. You can repeat it as many as you want. When you ready to release the latest major version without beta tag, you have to create PR from branch `beta` to branch `main`. Notice that it is normal that your package version will be with beta tag. Robot knows that and change it properly. `3.0.0-beta.0` will become `3.0.0`\\n\\n### Release flow for previous major-versions\\n\\nIf you want to release a new version in previous major after commit it to the main, please do the following:\\n\\n1. Update necessary branch, the previous major release branch names are:\\n   1. `version-1.x.x/fixes` - for major 1.x.x\\n   2. `version-2.x.x` - for major 2.x.x\\n2. Checkout a new branch from the previous major release branch\\n3. Cherry-pick your commit from the branch `main`\\n4. Create PR, get an approval and merge into the previous major release branch\\n5. Squash and merge your PR (It is important to release a new version with Github-Actions)\\n6. Wait until robot creates a PR with a new version of the package and information about your changes in CHANGELOG.md. You can see the process on [the Actions tab](https://github.com/gravity-ui/page-constructor/actions).\\n7. Check your changes in CHANGELOG.md and approve robot\'s PR.\\n8. Squash and merge PR. You can see release process on [the Actions tab](https://github.com/gravity-ui/page-constructor/actions).\\n\\n## Page constructor editor\\n\\nEditor provides user interface for page content management with realtime preview.\\n\\nHow to use:\\n\\n```tsx\\nimport {Editor} from \'@gravity-ui/page-constructor/editor\';\\n\\ninterface MyAppEditorProps {\\n  initialContent: PageContent;\\n  transformContent: ContentTransformer;\\n  onChange: (content: PageContent) => void;\\n}\\n\\nexport const MyAppEditor = ({initialContent, onChange, transformContent}: MyAppEditorProps) => (\\n  <Editor content={initialContent} onChange={onChange} transformContent={transformContent} />\\n);\\n```\\n\\n## Tests\\n\\nComprehensive documentation is available at the provided [link](./test-utils/docs/README.md).\\n","changelog":"# Changelog\\n\\n\\n## [5.16.1](https://github.com/gravity-ui/page-constructor/compare/v5.16.0...v5.16.1) (2024-07-04)\\n\\n\\n### Bug Fixes\\n\\n* hide header border when user scroll up the page ([#956](https://github.com/gravity-ui/page-constructor/issues/956)) ([762061b](https://github.com/gravity-ui/page-constructor/commit/762061b26030d5ad898184d5fce6156b85ca2239))\\n\\n## [5.16.0](https://github.com/gravity-ui/page-constructor/compare/v5.15.3...v5.16.0) (2024-07-03)\\n\\n\\n### Features\\n\\n* remove custom generic WithChildren ([#955](https://github.com/gravity-ui/page-constructor/issues/955)) ([cbda11f](https://github.com/gravity-ui/page-constructor/commit/cbda11f50ce34721880b4403b4a19c84448fcc8d))\\n\\n## [5.15.3](https://github.com/gravity-ui/page-constructor/compare/v5.15.2...v5.15.3) (2024-06-04)\\n\\n\\n### Bug Fixes\\n\\n* check checkbox, not do navigation to link if content has link ([#952](https://github.com/gravity-ui/page-constructor/issues/952)) ([bba6426](https://github.com/gravity-ui/page-constructor/commit/bba64269078c122ce2a00f3ca4cce64fc4077e5f))\\n\\n## [5.15.2](https://github.com/gravity-ui/page-constructor/compare/v5.15.1...v5.15.2) (2024-05-31)\\n\\n\\n### Bug Fixes\\n\\n* flex setting for content with icon in basic card ([#948](https://github.com/gravity-ui/page-constructor/issues/948)) ([eccb44f](https://github.com/gravity-ui/page-constructor/commit/eccb44f24184efcaa3263f52bf340704cda8dc33))\\n\\n## [5.15.1](https://github.com/gravity-ui/page-constructor/compare/v5.15.0...v5.15.1) (2024-05-23)\\n\\n\\n### Bug Fixes\\n\\n* memoized code editor ([#946](https://github.com/gravity-ui/page-constructor/issues/946)) ([b490a9b](https://github.com/gravity-ui/page-constructor/commit/b490a9b4b967326b89c1b915213f8c9ef9d5d2c3))\\n\\n## [5.15.0](https://github.com/gravity-ui/page-constructor/compare/v5.14.3...v5.15.0) (2024-05-15)\\n\\n\\n### Features\\n\\n* support themes in blocks and sub-blocks ([#932](https://github.com/gravity-ui/page-constructor/issues/932)) ([c26adf5](https://github.com/gravity-ui/page-constructor/commit/c26adf539764da4dfe1ee6071279562ae58cfa97))\\n\\n\\n### Bug Fixes\\n\\n* add new option in content transform callback ([#939](https://github.com/gravity-ui/page-constructor/issues/939)) ([42a1665](https://github.com/gravity-ui/page-constructor/commit/42a16659572f1cfeaa32ec06a082fad21dbfd92e))\\n\\n## [5.14.3](https://github.com/gravity-ui/page-constructor/compare/v5.14.2...v5.14.3) (2024-05-07)\\n\\n\\n### Bug Fixes\\n\\n* video mute on video click ([#942](https://github.com/gravity-ui/page-constructor/issues/942)) ([6c5f957](https://github.com/gravity-ui/page-constructor/commit/6c5f957dc1cdb1bb18e12693960df8a883119fbe))\\n\\n## [5.14.2](https://github.com/gravity-ui/page-constructor/compare/v5.14.1...v5.14.2) (2024-05-02)\\n\\n\\n### Bug Fixes\\n\\n* video dont starts from beginning on click ([#940](https://github.com/gravity-ui/page-constructor/issues/940)) ([721b1ad](https://github.com/gravity-ui/page-constructor/commit/721b1ad085c8d419d1f8d6b12e8ade24d3b71b65))\\n\\n## [5.14.1](https://github.com/gravity-ui/page-constructor/compare/v5.14.0...v5.14.1) (2024-04-26)\\n\\n\\n### Bug Fixes\\n\\n* questionblock-link-clickable-all-rowwidth ([#934](https://github.com/gravity-ui/page-constructor/issues/934)) ([07ba599](https://github.com/gravity-ui/page-constructor/commit/07ba599ac3c495dbce48adb7f21f9ccd3c58d82f))\\n\\n## [5.14.0](https://github.com/gravity-ui/page-constructor/compare/v5.13.0...v5.14.0) (2024-04-26)\\n\\n\\n### Features ⚠ BREAKING CHANGES\\n\\n* refactor editor: global page settings and modes ([#933](https://github.com/gravity-ui/page-constructor/issues/933)) ([909bf5a](https://github.com/gravity-ui/page-constructor/commit/909bf5adad0aaaf3729ca60c59200a02d415ca08))\\n\\n   Enum `FormTab` is deleted, `ViewModeItem.Edititng` option  is deleted. Use new enum `EditModeItem` combine with `ViewModeItem`\\n\\n## [5.13.0](https://github.com/gravity-ui/page-constructor/compare/v5.12.0...v5.13.0) (2024-04-15)\\n\\n\\n### Features\\n\\n* **ImageCard:** add contentPosition ([#919](https://github.com/gravity-ui/page-constructor/issues/919)) ([7df0d3a](https://github.com/gravity-ui/page-constructor/commit/7df0d3ae1a76eb8b5c3a1e732c289fba8bc4d588))\\n\\n## [5.12.0](https://github.com/gravity-ui/page-constructor/compare/v5.11.1...v5.12.0) (2024-04-11)\\n\\n\\n### Features\\n\\n* add ImageCard to text-transform config ([#927](https://github.com/gravity-ui/page-constructor/issues/927)) ([0232388](https://github.com/gravity-ui/page-constructor/commit/0232388bfd6e7a268bf3f3d66638e566bd6e3676))\\n\\n## [5.11.1](https://github.com/gravity-ui/page-constructor/compare/v5.11.0...v5.11.1) (2024-04-11)\\n\\n\\n### Bug Fixes\\n\\n* update styles uikit yc prefix ([#925](https://github.com/gravity-ui/page-constructor/issues/925)) ([b6421bf](https://github.com/gravity-ui/page-constructor/commit/b6421bf12ddf0b93306fba4f52ce025238ebb5be))\\n\\n## [5.11.0](https://github.com/gravity-ui/page-constructor/compare/v5.10.1...v5.11.0) (2024-04-10)\\n\\n\\n### Features\\n\\n* update analyticsEvents handler conditioin: run on form redirect ([#918](https://github.com/gravity-ui/page-constructor/issues/918)) ([dea5bd3](https://github.com/gravity-ui/page-constructor/commit/dea5bd3247b28f8e8472e089160834874c3863b0))\\n\\n## [5.10.1](https://github.com/gravity-ui/page-constructor/compare/v5.10.0...v5.10.1) (2024-04-09)\\n\\n\\n### Bug Fixes\\n\\n* add important to Links link style override ([#912](https://github.com/gravity-ui/page-constructor/issues/912)) ([5deeddc](https://github.com/gravity-ui/page-constructor/commit/5deeddcf6e83996c835d77f8fd7ae54865158759))\\n\\n## [5.10.0](https://github.com/gravity-ui/page-constructor/compare/v5.9.1...v5.10.0) (2024-04-05)\\n\\n\\n### Features\\n\\n* ImageCard extension ([#876](https://github.com/gravity-ui/page-constructor/issues/876)) ([76aff99](https://github.com/gravity-ui/page-constructor/commit/76aff99fdfbf6ed12e5c19a419fb79ec6cbe8efa))\\n\\n## [5.9.1](https://github.com/gravity-ui/page-constructor/compare/v5.9.0...v5.9.1) (2024-04-03)\\n\\n\\n### Bug Fixes\\n\\n* fixed Content links color ([#898](https://github.com/gravity-ui/page-constructor/issues/898)) ([19acbfe](https://github.com/gravity-ui/page-constructor/commit/19acbfe3736b1c5ecfd0cd0eb4b9991948644325))\\n* make BasicCard icon unshrinkable ([#895](https://github.com/gravity-ui/page-constructor/issues/895)) ([742b8b8](https://github.com/gravity-ui/page-constructor/commit/742b8b8d69cecb9e0f09b7664e7e53c7e076e339))\\n\\n## [5.9.0](https://github.com/gravity-ui/page-constructor/compare/v5.8.0...v5.9.0) (2024-04-01)\\n\\n\\n### Features\\n\\n* allow to disable image slider inside media component ([#887](https://github.com/gravity-ui/page-constructor/issues/887)) ([719b0ed](https://github.com/gravity-ui/page-constructor/commit/719b0ed701166867eca839d582c7189f8d7e9eba))\\n\\n## [5.8.0](https://github.com/gravity-ui/page-constructor/compare/v5.7.2...v5.8.0) (2024-03-28)\\n\\n\\n### Features\\n\\n* support prop list in all content usecases ([#828](https://github.com/gravity-ui/page-constructor/issues/828)) ([d4cf0f6](https://github.com/gravity-ui/page-constructor/commit/d4cf0f616747fba91fb6e94e73df7e23eca362b2))\\n* support theme at Form and InnerForm component ([#868](https://github.com/gravity-ui/page-constructor/issues/868)) ([5b16440](https://github.com/gravity-ui/page-constructor/commit/5b16440ebd104d655c6092c1220cbdd42916d699))\\n\\n## [5.7.2](https://github.com/gravity-ui/page-constructor/compare/v5.7.1...v5.7.2) (2024-03-26)\\n\\n\\n### Bug Fixes\\n\\n* cardBasePropTypes fix ([#874](https://github.com/gravity-ui/page-constructor/issues/874)) ([df11567](https://github.com/gravity-ui/page-constructor/commit/df11567d9f3891222c1931705c90ae2f902274eb))\\n\\n## [5.7.1](https://github.com/gravity-ui/page-constructor/compare/v5.7.0...v5.7.1) (2024-03-21)\\n\\n\\n### Bug Fixes\\n\\n* refactor minHeight calculating ([#866](https://github.com/gravity-ui/page-constructor/issues/866)) ([ab0e32a](https://github.com/gravity-ui/page-constructor/commit/ab0e32a857512dcb90f9d0cd120e3b2a87df2090))\\n\\n## [5.7.0](https://github.com/gravity-ui/page-constructor/compare/v5.6.1...v5.7.0) (2024-03-21)\\n\\n\\n### Features\\n\\n* add indent4XS ([#864](https://github.com/gravity-ui/page-constructor/issues/864)) ([9dd5136](https://github.com/gravity-ui/page-constructor/commit/9dd5136120e5bc2e3a03661ddc537e5d8bfcde3b))\\n\\n## [5.6.1](https://github.com/gravity-ui/page-constructor/compare/v5.6.0...v5.6.1) (2024-03-20)\\n\\n\\n### Bug Fixes\\n\\n* error when using uikit in server code ([#870](https://github.com/gravity-ui/page-constructor/issues/870)) ([3ce00f7](https://github.com/gravity-ui/page-constructor/commit/3ce00f7726430cba0fba8a211c5bd20555da3616))\\n\\n## [5.6.0](https://github.com/gravity-ui/page-constructor/compare/v5.5.0...v5.6.0) (2024-03-20)\\n\\n\\n### Features\\n\\n* support themed media in LayoutItem ([#867](https://github.com/gravity-ui/page-constructor/issues/867)) ([46db9f5](https://github.com/gravity-ui/page-constructor/commit/46db9f5c669a7ae3721de6d3d60998e77c4af71d))\\n\\n## [5.5.0](https://github.com/gravity-ui/page-constructor/compare/v5.4.0...v5.5.0) (2024-03-15)\\n\\n\\n### Features\\n\\n* add withBorderOnScroll prop for Navigation component ([#862](https://github.com/gravity-ui/page-constructor/issues/862)) ([b172089](https://github.com/gravity-ui/page-constructor/commit/b172089a07f1616b6001e756dc99e66b7ccfca35))\\n\\n## [5.4.0](https://github.com/gravity-ui/page-constructor/compare/v5.3.0...v5.4.0) (2024-03-13)\\n\\n\\n### Features\\n\\n* add forms configs to PageConstructorProvider ([#858](https://github.com/gravity-ui/page-constructor/issues/858)) ([2736947](https://github.com/gravity-ui/page-constructor/commit/273694731bcfb01c6ba056a76ce558cbc2e05fd8))\\n\\n## [5.3.0](https://github.com/gravity-ui/page-constructor/compare/v5.2.0...v5.3.0) (2024-03-13)\\n\\n\\n### Features\\n\\n* add _lang param for DataLens iframe ([#859](https://github.com/gravity-ui/page-constructor/issues/859)) ([5ac5922](https://github.com/gravity-ui/page-constructor/commit/5ac59225dee253060fcdbcbaccf710e10192ecb2))\\n\\n## [5.2.0](https://github.com/gravity-ui/page-constructor/compare/v5.1.0...v5.2.0) (2024-03-07)\\n\\n\\n### Features\\n\\n* screenshot testing ([#838](https://github.com/gravity-ui/page-constructor/issues/838)) ([47f1b73](https://github.com/gravity-ui/page-constructor/commit/47f1b73d2ef54d0c73b3792236455759e63866cc))\\n\\n## [5.1.0](https://github.com/gravity-ui/page-constructor/compare/v5.0.1...v5.1.0) (2024-03-05)\\n\\n\\n### Features\\n\\n* update i18n pkg ([#849](https://github.com/gravity-ui/page-constructor/issues/849)) ([6a84f27](https://github.com/gravity-ui/page-constructor/commit/6a84f27b75a3c544d735b4770ab0bab3cb1ac4ac))\\n\\n## [5.0.1](https://github.com/gravity-ui/page-constructor/compare/v5.0.0...v5.0.1) (2024-03-04)\\n\\n\\n### Bug Fixes\\n\\n* **Content:** revert renderСontentControls adding ([#840](https://github.com/gravity-ui/page-constructor/issues/840)) ([bce23b3](https://github.com/gravity-ui/page-constructor/commit/bce23b347623fa4a1503f75b288e31bc9f56a62a))\\n\\n## [5.0.0](https://github.com/gravity-ui/page-constructor/compare/v4.56.0...v5.0.0) (2024-03-04)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* now we are using the `i18n` instance from uikit instead of the internal one, you only need one installation and configuration from uikit in your application ([#804](https://github.com/gravity-ui/page-constructor/pull/804))\\n* updated `uikit` up to v6 ([#824](https://github.com/gravity-ui/page-constructor/pull/824))\\n* use `diplodoc-platform/transform` instead `doc-tools/transform` ([#813](https://github.com/gravity-ui/page-constructor/pull/813))\\n* All the props from metrikaGoals and pixelEvents have been deleted, their helpers and lists have been deleted. Cleaned up calls to metric methods. Instead of all that, now AnalyticsEvents ([#814](https://github.com/gravity-ui/page-constructor/pull/814))\\n* icons have been removed from the export and also replaced some icons with icons from gravity-ui/icons ([#830](https://github.com/gravity-ui/page-constructor/pull/830))\\n\\n| Component                        | /icons                            |  @gravity-ui/icons/             | \\n|:---------------------------------| :---------------------------------|:--------------------------------|\\n| BackLink                         | ArrowSidebar                      | ArrowLeft                       |\\n| FullscreenImage, FullscreenMedia | Fullscreen, PreviewClose          | ChevronsExpandUpRight, Xmark    |\\n| Link                             | Chevron                           | ChevronRight                    |\\n| ReactPlayer, VideoBlock          | VolumeFill, VolumeXmark, PlayVideo| Mute, Unmute, PlayFill          |\\n| Table                            | Tick, Minus                       | Check, Minus                    |\\n| navigation                       | Xmark, Bars                       | NavigationClose, NavigationOpen |\\n\\n### Features\\n\\n* now `PriceDetailed` is deprecated ([#820](https://github.com/gravity-ui/page-constructor/pull/820)\\n\\n## [4.56.0](https://github.com/gravity-ui/page-constructor/compare/v4.55.0...v4.56.0) (2024-03-01)\\n\\n\\n### Features\\n\\n* **SubBlocks:** add possibility to position controls within cards at footer ([#823](https://github.com/gravity-ui/page-constructor/issues/823)) ([7e3dc0b](https://github.com/gravity-ui/page-constructor/commit/7e3dc0b68ac046f29890608a8519ba3ee0d43a0f))\\n\\n## [4.55.0](https://github.com/gravity-ui/page-constructor/compare/v4.54.0...v4.55.0) (2024-02-28)\\n\\n\\n### Features\\n\\n* add border prop to tabs media item ([#835](https://github.com/gravity-ui/page-constructor/issues/835)) ([50e3621](https://github.com/gravity-ui/page-constructor/commit/50e3621a09476ea4ec38fab2975d12654fe2a6f4))\\n\\n\\n### Bug Fixes\\n\\n* price card title ([#836](https://github.com/gravity-ui/page-constructor/issues/836)) ([b70f80d](https://github.com/gravity-ui/page-constructor/commit/b70f80d1c51607e02304dbcc9653f143abd6670c))\\n\\n## [4.54.0](https://github.com/gravity-ui/page-constructor/compare/v4.53.0...v4.54.0) (2024-02-28)\\n\\n\\n### Features\\n\\n* remove actions, knoobs, and min-height from storybook ([#831](https://github.com/gravity-ui/page-constructor/issues/831)) ([3a9e3d3](https://github.com/gravity-ui/page-constructor/commit/3a9e3d3795e357524fe046fdce13727e15a602fa))\\n\\n\\n### Bug Fixes\\n\\n* add border-radius for media block image ([#832](https://github.com/gravity-ui/page-constructor/issues/832)) ([6421ec8](https://github.com/gravity-ui/page-constructor/commit/6421ec83388df0acc3cd3924db4b63c4fb48b931))\\n\\n## [4.53.0](https://github.com/gravity-ui/page-constructor/compare/v4.52.0...v4.53.0) (2024-02-26)\\n\\n\\n### Features\\n\\n* add support `ContentList` in `BasicCard` and `ExtendedFeatures` ([#819](https://github.com/gravity-ui/page-constructor/issues/819)) ([2a30037](https://github.com/gravity-ui/page-constructor/commit/2a300373ea9bee94292abc94aaf905cb67d23b1d))\\n\\n## [4.52.0](https://github.com/gravity-ui/page-constructor/compare/v4.51.1...v4.52.0) (2024-02-14)\\n\\n\\n### Features\\n\\n* add image card sub-block ([#807](https://github.com/gravity-ui/page-constructor/issues/807)) ([52890dd](https://github.com/gravity-ui/page-constructor/commit/52890dd24732a2b02d2b67df1def71eef141a47e))\\n\\n\\n### Bug Fixes\\n\\n* working with youtube player api ([#815](https://github.com/gravity-ui/page-constructor/issues/815)) ([a5267eb](https://github.com/gravity-ui/page-constructor/commit/a5267ebf19afa574d7e50195eddc1e07b0795fdb))\\n\\n## [4.51.1](https://github.com/gravity-ui/page-constructor/compare/v4.51.0...v4.51.1) (2024-02-02)\\n\\n\\n### Bug Fixes\\n\\n* added mediaView to Banner-block schema ([#801](https://github.com/gravity-ui/page-constructor/issues/801)) ([de78586](https://github.com/gravity-ui/page-constructor/commit/de785861fe5510d5ad5957adcf4888560e17c745))\\n\\n## [4.51.0](https://github.com/gravity-ui/page-constructor/compare/v4.50.0...v4.51.0) (2024-02-02)\\n\\n\\n### Features\\n\\n* added mediaView for image and theme for button in banner block ([#794](https://github.com/gravity-ui/page-constructor/issues/794)) ([4be4bc9](https://github.com/gravity-ui/page-constructor/commit/4be4bc966e194b11d61caf1f6dfdf35568f13bad))\\n\\n## [4.50.0](https://github.com/gravity-ui/page-constructor/compare/v4.49.2...v4.50.0) (2024-02-01)\\n\\n\\n### Features\\n\\n* add icon prop to LayoutItem ([#781](https://github.com/gravity-ui/page-constructor/issues/781)) ([32bf165](https://github.com/gravity-ui/page-constructor/commit/32bf165e783d7e51a20286802d813a681b0a252b))\\n\\n## [4.49.2](https://github.com/gravity-ui/page-constructor/compare/v4.49.1...v4.49.2) (2024-02-01)\\n\\n\\n### Bug Fixes\\n\\n* add form block textContent into transofmers config ([#793](https://github.com/gravity-ui/page-constructor/issues/793)) ([3e5ae8e](https://github.com/gravity-ui/page-constructor/commit/3e5ae8eac4dbd19341091aeb89607f2b2093f8f9))\\n* cardLayout width in Filter block ([#797](https://github.com/gravity-ui/page-constructor/issues/797)) ([46894f6](https://github.com/gravity-ui/page-constructor/commit/46894f63331e47d59f3067456f6568bda2bfe8ec))\\n\\n## [4.49.1](https://github.com/gravity-ui/page-constructor/compare/v4.49.0...v4.49.1) (2024-01-30)\\n\\n\\n### Bug Fixes\\n\\n* add tabs caption to transform config ([#790](https://github.com/gravity-ui/page-constructor/issues/790)) ([2740c1b](https://github.com/gravity-ui/page-constructor/commit/2740c1b678657d9732db3d1d9daf41449d69d87b))\\n\\n## [4.49.0](https://github.com/gravity-ui/page-constructor/compare/v4.48.0...v4.49.0) (2024-01-30)\\n\\n\\n### Features\\n\\n* add yfm support for tabs block item caption ([#785](https://github.com/gravity-ui/page-constructor/issues/785)) ([ff35d41](https://github.com/gravity-ui/page-constructor/commit/ff35d412e1daf9692e7da3aeb5d25ec71f0336aa))\\n\\n## [4.48.0](https://github.com/gravity-ui/page-constructor/compare/v4.47.2...v4.48.0) (2024-01-29)\\n\\n\\n### Features\\n\\n* update codeowners ([#783](https://github.com/gravity-ui/page-constructor/issues/783)) ([56187ad](https://github.com/gravity-ui/page-constructor/commit/56187ad40e6b5ca90bf02044664d7643d8a012c3))\\n\\n\\n### Bug Fixes\\n\\n* add yfm transform for content storybook theme case ([#786](https://github.com/gravity-ui/page-constructor/issues/786)) ([e901844](https://github.com/gravity-ui/page-constructor/commit/e901844c5259ebc823504f796ac8c7dec755917c))\\n\\n## [4.47.2](https://github.com/gravity-ui/page-constructor/compare/v4.47.1...v4.47.2) (2024-01-18)\\n\\n\\n### Bug Fixes\\n\\n* cut form-block vertical paddings for direction center ([#770](https://github.com/gravity-ui/page-constructor/issues/770)) ([610b9e1](https://github.com/gravity-ui/page-constructor/commit/610b9e13812570fa72d09d6683c874ece1a5d8e9))\\n\\n## [4.47.1](https://github.com/gravity-ui/page-constructor/compare/v4.47.0...v4.47.1) (2024-01-17)\\n\\n\\n### Bug Fixes\\n\\n* asset path in new stories ([#777](https://github.com/gravity-ui/page-constructor/issues/777)) ([0f1eb62](https://github.com/gravity-ui/page-constructor/commit/0f1eb62a2cd068fa82b53d4f1f21c10f32a72592))\\n\\n## [4.47.0](https://github.com/gravity-ui/page-constructor/compare/v4.46.2...v4.47.0) (2024-01-17)\\n\\n\\n### Features\\n\\n* add border to media in media-block ([#722](https://github.com/gravity-ui/page-constructor/issues/722)) ([d960ea0](https://github.com/gravity-ui/page-constructor/commit/d960ea0c6166fe8f84245aa06a4d75909a7b4013))\\n* add border-radius to border:\'none\' ([#778](https://github.com/gravity-ui/page-constructor/issues/778)) ([692c389](https://github.com/gravity-ui/page-constructor/commit/692c389b2fed1dc13de69edd29137abde1a45e9f))\\n\\n\\n### Bug Fixes\\n\\n* main preview assets static path ([#776](https://github.com/gravity-ui/page-constructor/issues/776)) ([28024da](https://github.com/gravity-ui/page-constructor/commit/28024da6f9aee577c99f606eb52b322b2cb5c81f))\\n\\n## [4.46.2](https://github.com/gravity-ui/page-constructor/compare/v4.46.1...v4.46.2) (2024-01-16)\\n\\n\\n### Bug Fixes\\n\\n* card layout block background ([#767](https://github.com/gravity-ui/page-constructor/issues/767)) ([8ea3fd4](https://github.com/gravity-ui/page-constructor/commit/8ea3fd4fdecc231d02095862bd70ac14725dd154))\\n* change css mixin animate-slides children length from 9 to 99 ([#771](https://github.com/gravity-ui/page-constructor/issues/771)) ([1678b88](https://github.com/gravity-ui/page-constructor/commit/1678b88f55230038ecc5802f74659c83adf589ba))\\n\\n## [4.46.1](https://github.com/gravity-ui/page-constructor/compare/v4.46.0...v4.46.1) (2024-01-15)\\n\\n\\n### Bug Fixes\\n\\n* document is optional for SSR ([#772](https://github.com/gravity-ui/page-constructor/issues/772)) ([ad83fac](https://github.com/gravity-ui/page-constructor/commit/ad83fac66d60d06bc5b37c9b9a763e22f9a7600d))\\n\\n## [4.46.0](https://github.com/gravity-ui/page-constructor/compare/v4.45.0...v4.46.0) (2024-01-12)\\n\\n\\n### Features\\n\\n* export schemas of forms ([#769](https://github.com/gravity-ui/page-constructor/issues/769)) ([eca7a95](https://github.com/gravity-ui/page-constructor/commit/eca7a95c71678722a85227879375abc65eb17a56))\\n\\n\\n### Bug Fixes\\n\\n* readme import ([#762](https://github.com/gravity-ui/page-constructor/issues/762)) ([7a21926](https://github.com/gravity-ui/page-constructor/commit/7a219269a046dc2f8cc71f0c9ec22a1003015b51))\\n\\n## [4.45.0](https://github.com/gravity-ui/page-constructor/compare/v4.44.0...v4.45.0) (2024-01-11)\\n\\n\\n### Features\\n\\n* export InnerForm ([#764](https://github.com/gravity-ui/page-constructor/issues/764)) ([ceadafc](https://github.com/gravity-ui/page-constructor/commit/ceadafcc9e36bf80b35ea949d8de9b92a2d0581c))\\n\\n## [4.44.0](https://github.com/gravity-ui/page-constructor/compare/v4.43.1...v4.44.0) (2024-01-09)\\n\\n\\n### Features\\n\\n* add background for card-layout-block ([#754](https://github.com/gravity-ui/page-constructor/issues/754)) ([86b5523](https://github.com/gravity-ui/page-constructor/commit/86b552349217a01b74ff784213b54a4550dcb0b2))\\n\\n\\n### Bug Fixes\\n\\n* update Media block storybook docs ([#760](https://github.com/gravity-ui/page-constructor/issues/760)) ([e4519c2](https://github.com/gravity-ui/page-constructor/commit/e4519c219e3c837ba319ed1dcbc9f072111e8bdc))\\n\\n## [4.43.1](https://github.com/gravity-ui/page-constructor/compare/v4.43.0...v4.43.1) (2023-12-15)\\n\\n\\n### Bug Fixes\\n\\n* resetPaddings for base-block ([#756](https://github.com/gravity-ui/page-constructor/issues/756)) ([03ab2ee](https://github.com/gravity-ui/page-constructor/commit/03ab2eef46ebea2dbc0a277dce379362e91e80a1))\\n\\n## [4.43.0](https://github.com/gravity-ui/page-constructor/compare/v4.42.5...v4.43.0) (2023-12-11)\\n\\n\\n### Features\\n\\n* added \'0\' vertical offset for header block ([#751](https://github.com/gravity-ui/page-constructor/issues/751)) ([3601e7f](https://github.com/gravity-ui/page-constructor/commit/3601e7fdf107d2e400cbd9f46edeae4cd1bf1c6c))\\n\\n## [4.42.5](https://github.com/gravity-ui/page-constructor/compare/v4.42.4...v4.42.5) (2023-12-11)\\n\\n\\n### Bug Fixes\\n\\n* add pre-wrap for price card details ([#749](https://github.com/gravity-ui/page-constructor/issues/749)) ([f6c77bd](https://github.com/gravity-ui/page-constructor/commit/f6c77bdee1079fe4414860ab78abe11cd6622c75))\\n\\n## [4.42.4](https://github.com/gravity-ui/page-constructor/compare/v4.42.3...v4.42.4) (2023-12-06)\\n\\n\\n### Bug Fixes\\n\\n* add theme to price card validator schema ([#746](https://github.com/gravity-ui/page-constructor/issues/746)) ([aa1c6b4](https://github.com/gravity-ui/page-constructor/commit/aa1c6b47d9381198f5bf066e389fc80a3541393e))\\n* background position for short form ([#747](https://github.com/gravity-ui/page-constructor/issues/747)) ([1ddb3e9](https://github.com/gravity-ui/page-constructor/commit/1ddb3e91ed54888d0d3b13d9b609903b550b8717))\\n\\n## [4.42.3](https://github.com/gravity-ui/page-constructor/compare/v4.42.2...v4.42.3) (2023-12-05)\\n\\n\\n### Bug Fixes\\n\\n* add button width to validator schema ([#745](https://github.com/gravity-ui/page-constructor/issues/745)) ([2bc3896](https://github.com/gravity-ui/page-constructor/commit/2bc3896164cabe267a0290a7c91192dbb7d43abe))\\n* add price card to sub blocks ([#744](https://github.com/gravity-ui/page-constructor/issues/744)) ([dcffe83](https://github.com/gravity-ui/page-constructor/commit/dcffe83bb8fa2422e6847dfde2f90f75b8196420))\\n* media only title ([#736](https://github.com/gravity-ui/page-constructor/issues/736)) ([a15d5ae](https://github.com/gravity-ui/page-constructor/commit/a15d5ae1b586869b1516498745f1402ea53c3ae0))\\n\\n## [4.42.2](https://github.com/gravity-ui/page-constructor/compare/v4.42.1...v4.42.2) (2023-12-04)\\n\\n\\n### Bug Fixes\\n\\n* added missed colSizes. description to Icons and Companies blocks schema ([#737](https://github.com/gravity-ui/page-constructor/issues/737)) ([9c8467e](https://github.com/gravity-ui/page-constructor/commit/9c8467e6132533b903e1c6c0669122276973df36))\\n\\n## [4.42.1](https://github.com/gravity-ui/page-constructor/compare/v4.42.0...v4.42.1) (2023-12-04)\\n\\n\\n### Bug Fixes\\n\\n* added indent field to block base schema ([#738](https://github.com/gravity-ui/page-constructor/issues/738)) ([7171df4](https://github.com/gravity-ui/page-constructor/commit/7171df4b329449525edda206eab15c75139d7aec))\\n* code editor ([#740](https://github.com/gravity-ui/page-constructor/issues/740)) ([087430f](https://github.com/gravity-ui/page-constructor/commit/087430f08e895615df16d341870de55d39a0de59))\\n* **Qoute:** refacttoring ([#734](https://github.com/gravity-ui/page-constructor/issues/734)) ([2b05933](https://github.com/gravity-ui/page-constructor/commit/2b059330338937a14e0e888dd8b1343bdadfa32a))\\n\\n## [4.42.0](https://github.com/gravity-ui/page-constructor/compare/v4.41.0...v4.42.0) (2023-12-01)\\n\\n\\n### Features\\n\\n* **Navigation:** provide dropdown props to custom components ([#721](https://github.com/gravity-ui/page-constructor/issues/721)) ([3738410](https://github.com/gravity-ui/page-constructor/commit/37384103cca447e3a7f86666c582e1ee091647c0))\\n\\n\\n### Bug Fixes\\n\\n* update price-card component ([#708](https://github.com/gravity-ui/page-constructor/issues/708)) ([4487d50](https://github.com/gravity-ui/page-constructor/commit/4487d50c2d71ca1f536d3de5b82d423a378fe55c))\\n\\n## [4.41.0](https://github.com/gravity-ui/page-constructor/compare/v4.40.6...v4.41.0) (2023-11-30)\\n\\n\\n### Features\\n\\n* add code editing ([#730](https://github.com/gravity-ui/page-constructor/issues/730)) ([6e9ed9d](https://github.com/gravity-ui/page-constructor/commit/6e9ed9d9999288b1ae5891462e429ad663376318))\\n* add fonts from uikit ([#727](https://github.com/gravity-ui/page-constructor/issues/727)) ([e3351a7](https://github.com/gravity-ui/page-constructor/commit/e3351a722da6f07e9e8d91bf071b0751ed02dbf2))\\n\\n## [4.40.6](https://github.com/gravity-ui/page-constructor/compare/v4.40.5...v4.40.6) (2023-11-30)\\n\\n\\n### Bug Fixes\\n\\n* change position for media fit to absolute. There is a bug in safari ([#731](https://github.com/gravity-ui/page-constructor/issues/731)) ([8c17b93](https://github.com/gravity-ui/page-constructor/commit/8c17b93d49ba73e46c7898dd143a3f46b6e93c4a))\\n\\n## [4.40.5](https://github.com/gravity-ui/page-constructor/compare/v4.40.4...v4.40.5) (2023-11-30)\\n\\n\\n### Bug Fixes\\n\\n* add text as key if url is empty in icons ([#728](https://github.com/gravity-ui/page-constructor/issues/728)) ([03f3660](https://github.com/gravity-ui/page-constructor/commit/03f366083388ab9aa61e61163701ff97496896d2))\\n\\n## [4.40.4](https://github.com/gravity-ui/page-constructor/compare/v4.40.3...v4.40.4) (2023-11-29)\\n\\n\\n### Bug Fixes\\n\\n* slider images animate ([#724](https://github.com/gravity-ui/page-constructor/issues/724)) ([fad0352](https://github.com/gravity-ui/page-constructor/commit/fad035212b9acb5384b5d3d6e9358db4df034ef3))\\n\\n## [4.40.3](https://github.com/gravity-ui/page-constructor/compare/v4.40.2...v4.40.3) (2023-11-29)\\n\\n\\n### Bug Fixes\\n\\n* setting initiallyMuted to true for default video ([#723](https://github.com/gravity-ui/page-constructor/issues/723)) ([76128c7](https://github.com/gravity-ui/page-constructor/commit/76128c7eed9fd720382013a61cd7f772bf9ac82c))\\n\\n## [4.40.2](https://github.com/gravity-ui/page-constructor/compare/v4.40.1...v4.40.2) (2023-11-28)\\n\\n\\n### Bug Fixes\\n\\n* added specificity to indents, because in build indents have less weight ([#719](https://github.com/gravity-ui/page-constructor/issues/719)) ([44dbd46](https://github.com/gravity-ui/page-constructor/commit/44dbd466b46432a4afccad157e55e447d329279c))\\n\\n## [4.40.1](https://github.com/gravity-ui/page-constructor/compare/v4.40.0...v4.40.1) (2023-11-27)\\n\\n\\n### Bug Fixes\\n\\n* media iframe fix ([#717](https://github.com/gravity-ui/page-constructor/issues/717)) ([be6c819](https://github.com/gravity-ui/page-constructor/commit/be6c819afee25f730148734b35ce21e8eb68874b))\\n\\n## [4.40.0](https://github.com/gravity-ui/page-constructor/compare/v4.39.1...v4.40.0) (2023-11-27)\\n\\n\\n### Features\\n\\n* added col size for header in icons block ([#715](https://github.com/gravity-ui/page-constructor/issues/715)) ([5c08f12](https://github.com/gravity-ui/page-constructor/commit/5c08f12525ee518a8bd4f7b15d75e225a967938e))\\n\\n\\n### Bug Fixes\\n\\n* add transfrom title in html for content item ([#713](https://github.com/gravity-ui/page-constructor/issues/713)) ([ff02ea5](https://github.com/gravity-ui/page-constructor/commit/ff02ea53e61880e08a46cfc17eec37371291c9c5))\\n\\n## [4.39.1](https://github.com/gravity-ui/page-constructor/compare/v4.39.0...v4.39.1) (2023-11-27)\\n\\n\\n### Bug Fixes\\n\\n* image slider and background ([#711](https://github.com/gravity-ui/page-constructor/issues/711)) ([6cd5980](https://github.com/gravity-ui/page-constructor/commit/6cd5980c7de5cf0b810e0988eb9968ff2e9c0578))\\n* pc container class name ([#712](https://github.com/gravity-ui/page-constructor/issues/712)) ([917aac2](https://github.com/gravity-ui/page-constructor/commit/917aac2b62c03429583a2f87123903073249809a))\\n\\n## [4.39.0](https://github.com/gravity-ui/page-constructor/compare/v4.38.1...v4.39.0) (2023-11-23)\\n\\n\\n### Features\\n\\n* add iframe to media ([#698](https://github.com/gravity-ui/page-constructor/issues/698)) ([5b0c26d](https://github.com/gravity-ui/page-constructor/commit/5b0c26d47e321f519f74952c0eed58d5a963a4e8))\\n\\n## [4.38.1](https://github.com/gravity-ui/page-constructor/compare/v4.38.0...v4.38.1) (2023-11-21)\\n\\n\\n### Bug Fixes\\n\\n* tabs condition ([#707](https://github.com/gravity-ui/page-constructor/issues/707)) ([71b27ee](https://github.com/gravity-ui/page-constructor/commit/71b27ee051027b895974c9bf92362c3908dbea29))\\n\\n## [4.38.0](https://github.com/gravity-ui/page-constructor/compare/v4.37.4...v4.38.0) (2023-11-20)\\n\\n\\n### Features\\n\\n* add PriceCard ([#697](https://github.com/gravity-ui/page-constructor/issues/697)) ([527a335](https://github.com/gravity-ui/page-constructor/commit/527a3356e9988e3689ddc982e3ef049ff238c08e))\\n\\n## [4.37.4](https://github.com/gravity-ui/page-constructor/compare/v4.37.3...v4.37.4) (2023-11-20)\\n\\n\\n### Bug Fixes\\n\\n* filter-block transform ([#702](https://github.com/gravity-ui/page-constructor/issues/702)) ([48741d7](https://github.com/gravity-ui/page-constructor/commit/48741d79b3c0e6f26c4b3dcb8f333ae0c9a981fb))\\n\\n## [4.37.3](https://github.com/gravity-ui/page-constructor/compare/v4.37.2...v4.37.3) (2023-11-17)\\n\\n\\n### Bug Fixes\\n\\n* add custom height to images in Tabs ([#650](https://github.com/gravity-ui/page-constructor/issues/650)) ([6ab3d04](https://github.com/gravity-ui/page-constructor/commit/6ab3d04bb5e8c53d182affc8fd19fb8349234f71))\\n\\n## [4.37.2](https://github.com/gravity-ui/page-constructor/compare/v4.37.1...v4.37.2) (2023-11-17)\\n\\n\\n### Bug Fixes\\n\\n* use flex column-gap instead of margins in buttons element ([#701](https://github.com/gravity-ui/page-constructor/issues/701)) ([c9fa48a](https://github.com/gravity-ui/page-constructor/commit/c9fa48aafe7568cf0f5c3322bfd111b3bc624594))\\n\\n## [4.37.1](https://github.com/gravity-ui/page-constructor/compare/v4.37.0...v4.37.1) (2023-11-16)\\n\\n\\n### Bug Fixes\\n\\n* extraProps handling correctly ([#699](https://github.com/gravity-ui/page-constructor/issues/699)) ([349623c](https://github.com/gravity-ui/page-constructor/commit/349623c3532bb781a25e797543cd4cd818cda307))\\n\\n## [4.37.0](https://github.com/gravity-ui/page-constructor/compare/v4.36.0...v4.37.0) (2023-11-15)\\n\\n\\n### Features\\n\\n* add description field to icons block ([#696](https://github.com/gravity-ui/page-constructor/issues/696)) ([e5f1a7d](https://github.com/gravity-ui/page-constructor/commit/e5f1a7dc9d00b57e4a67395aec9221f9fd636d65))\\n* add standalone navigation ([#693](https://github.com/gravity-ui/page-constructor/issues/693)) ([38d5b88](https://github.com/gravity-ui/page-constructor/commit/38d5b884cd222d42e6f512e38f913fc8602a7ab1))\\n\\n## [4.36.0](https://github.com/gravity-ui/page-constructor/compare/v4.35.1...v4.36.0) (2023-11-15)\\n\\n\\n### Features\\n\\n* added description field to companies block ([#692](https://github.com/gravity-ui/page-constructor/issues/692)) ([f305732](https://github.com/gravity-ui/page-constructor/commit/f305732321983c1ec93ff9e4fac5b56de7f39685))\\n\\n## [4.35.1](https://github.com/gravity-ui/page-constructor/compare/v4.35.0...v4.35.1) (2023-11-10)\\n\\n\\n### Bug Fixes\\n\\n* update form-block ([#687](https://github.com/gravity-ui/page-constructor/issues/687)) ([e3b5f79](https://github.com/gravity-ui/page-constructor/commit/e3b5f795ab095b696c973072d7039bd36e8a6023))\\n\\n## [4.35.0](https://github.com/gravity-ui/page-constructor/compare/v4.34.1...v4.35.0) (2023-11-08)\\n\\n\\n### Features\\n\\n* fix margin top in Table block and component ([#676](https://github.com/gravity-ui/page-constructor/issues/676)) ([22c00b5](https://github.com/gravity-ui/page-constructor/commit/22c00b58aec40f9af9da981bab06c28fa56be077))\\n\\n## [4.34.1](https://github.com/gravity-ui/page-constructor/compare/v4.34.0...v4.34.1) (2023-11-08)\\n\\n\\n### Bug Fixes\\n\\n* remove rest operator ([#680](https://github.com/gravity-ui/page-constructor/issues/680)) ([36d3e59](https://github.com/gravity-ui/page-constructor/commit/36d3e59cd86451c79933071eddee3ee17317704d))\\n\\n## [4.34.0](https://github.com/gravity-ui/page-constructor/compare/v4.33.0...v4.34.0) (2023-11-08)\\n\\n\\n### Features\\n\\n* add blocks/Form ([#659](https://github.com/gravity-ui/page-constructor/issues/659)) ([783afae](https://github.com/gravity-ui/page-constructor/commit/783afae6ed379d0596138a40c0f6b7e94660f61e))\\n\\n## [4.33.0](https://github.com/gravity-ui/page-constructor/compare/v4.32.0...v4.33.0) (2023-11-07)\\n\\n\\n### Features\\n\\n* accessible descriptions and labels for various components ([#674](https://github.com/gravity-ui/page-constructor/issues/674)) ([44ef8fa](https://github.com/gravity-ui/page-constructor/commit/44ef8fa6308d2ed43ed190b371d8ab313f7cea75))\\n\\n## [4.32.0](https://github.com/gravity-ui/page-constructor/compare/v4.31.1...v4.32.0) (2023-11-07)\\n\\n\\n### Features\\n\\n* add default video component, add custom controls ([#662](https://github.com/gravity-ui/page-constructor/issues/662)) ([ad0d3b4](https://github.com/gravity-ui/page-constructor/commit/ad0d3b4fd3c9aedcb9ee46bf76805444edf3a4bc))\\n\\n\\n### Bug Fixes\\n\\n* added focus for hubspot form links ([#671](https://github.com/gravity-ui/page-constructor/issues/671)) ([dd7249e](https://github.com/gravity-ui/page-constructor/commit/dd7249e8efba87ae7710cc98136af48658855a89))\\n* aligning left quote in Quote component ([#672](https://github.com/gravity-ui/page-constructor/issues/672)) ([3316d80](https://github.com/gravity-ui/page-constructor/commit/3316d808b15f84fbd93b09c8c3a5c1840bb9d988))\\n* raise up title item arrow to 1 px ([#668](https://github.com/gravity-ui/page-constructor/issues/668)) ([51f6215](https://github.com/gravity-ui/page-constructor/commit/51f6215379d34814d656201f4687c9e6b3243dc4))\\n\\n## [4.31.1](https://github.com/gravity-ui/page-constructor/compare/v4.31.0...v4.31.1) (2023-10-30)\\n\\n\\n### Bug Fixes\\n\\n* fix logo router link rendering ([#669](https://github.com/gravity-ui/page-constructor/issues/669)) ([f59ae1a](https://github.com/gravity-ui/page-constructor/commit/f59ae1a63d0bd79d171e4a736593fcd54a31de96))\\n\\n## [4.31.0](https://github.com/gravity-ui/page-constructor/compare/v4.30.0...v4.31.0) (2023-10-27)\\n\\n\\n### Features\\n\\n* added urlTitle attributes to the schemas ([#665](https://github.com/gravity-ui/page-constructor/issues/665)) ([ab70085](https://github.com/gravity-ui/page-constructor/commit/ab70085deb4366f3a3c9b36a74e14f1185ceecd1))\\n\\n## [4.30.0](https://github.com/gravity-ui/page-constructor/compare/v4.29.2...v4.30.0) (2023-10-27)\\n\\n\\n### Features\\n\\n* added custom title render into header block ([#664](https://github.com/gravity-ui/page-constructor/issues/664)) ([7d57714](https://github.com/gravity-ui/page-constructor/commit/7d577149cb06ea9c34c1484c768518eee14cfef3))\\n* quote types for Quote block ([#663](https://github.com/gravity-ui/page-constructor/issues/663)) ([bc6245c](https://github.com/gravity-ui/page-constructor/commit/bc6245c240f209f527a0bac78542544a1c4a19f6))\\n\\n## [4.29.2](https://github.com/gravity-ui/page-constructor/compare/v4.29.1...v4.29.2) (2023-10-25)\\n\\n\\n### Bug Fixes\\n\\n* remove react native from dependencies ([#660](https://github.com/gravity-ui/page-constructor/issues/660)) ([9818edf](https://github.com/gravity-ui/page-constructor/commit/9818edf0416c72eaa1dc83e0a5da8b8a8e2c3a84))\\n\\n## [4.29.1](https://github.com/gravity-ui/page-constructor/compare/v4.29.0...v4.29.1) (2023-10-23)\\n\\n\\n### Bug Fixes\\n\\n* backward compatibility in 4.28.1 ([#657](https://github.com/gravity-ui/page-constructor/issues/657)) ([51e8ceb](https://github.com/gravity-ui/page-constructor/commit/51e8cebe4bcb4c31a978cd121bcd4f097ebae916))\\n\\n## [4.29.0](https://github.com/gravity-ui/page-constructor/compare/v4.28.1...v4.29.0) (2023-10-23)\\n\\n\\n### Features\\n\\n* alt attributes and titles, fix yfm plugins bug ([#655](https://github.com/gravity-ui/page-constructor/issues/655)) ([2786c81](https://github.com/gravity-ui/page-constructor/commit/2786c8153691c8384e18d714fe04b2f59aedd78f))\\n\\n## [4.28.1](https://github.com/gravity-ui/page-constructor/compare/v4.28.0...v4.28.1) (2023-10-20)\\n\\n\\n### Bug Fixes\\n\\n* working autoplay in mobile ([#652](https://github.com/gravity-ui/page-constructor/issues/652)) ([61c9ade](https://github.com/gravity-ui/page-constructor/commit/61c9ade6c79f4a702f16ee61184a65dd4308c55a))\\n\\n## [4.28.0](https://github.com/gravity-ui/page-constructor/compare/v4.27.0...v4.28.0) (2023-10-20)\\n\\n\\n### Features\\n\\n* add autoplay for youtube when fullscreen modals is open ([#651](https://github.com/gravity-ui/page-constructor/issues/651)) ([c8874ff](https://github.com/gravity-ui/page-constructor/commit/c8874ff293bf88eafb5d7552e4d6a3a703eeab51))\\n\\n## [4.27.0](https://github.com/gravity-ui/page-constructor/compare/v4.26.0...v4.27.0) (2023-10-18)\\n\\n\\n### chore\\n\\n* add var font-weight ([#642](https://github.com/gravity-ui/page-constructor/issues/642)) ([d06b155](https://github.com/gravity-ui/page-constructor/commit/d06b15547b27f62e636b0fd7fa3ce3b76663eb00))\\n* **Header:** add fit view for media ([#642](https://github.com/gravity-ui/page-constructor/issues/642)) ([3127676](https://github.com/gravity-ui/page-constructor/commit/312767662d7323d642841d4bab071be8dfd013a2))\\n\\n## [4.26.0](https://github.com/gravity-ui/page-constructor/compare/v4.25.1...v4.26.0) (2023-10-18)\\n\\n\\n### Features\\n\\n* added focus styles for interactive elements ([#576](https://github.com/gravity-ui/page-constructor/issues/576)) ([4c6dd96](https://github.com/gravity-ui/page-constructor/commit/4c6dd9658803f6bd7a897d95bd2ffdc6101c6d21))\\n\\n## [4.25.1](https://github.com/gravity-ui/page-constructor/compare/v4.25.0...v4.25.1) (2023-10-17)\\n\\n\\n### Bug Fixes\\n\\n* fixing pip and fullscreen video in player for mobile devices ([#641](https://github.com/gravity-ui/page-constructor/issues/641)) ([5f8c517](https://github.com/gravity-ui/page-constructor/commit/5f8c517f544672956cea158e363dc599ffa1478c))\\n\\n## [4.25.0](https://github.com/gravity-ui/page-constructor/compare/v4.24.0...v4.25.0) (2023-10-16)\\n\\n\\n### chore\\n\\n* **Revert:** **Tabs:** add image variative height for media ([#644](https://github.com/gravity-ui/page-constructor/issues/644)) ([912dc63](https://github.com/gravity-ui/page-constructor/commit/912dc63d39368a103ff05fe2b2941e9905922a3f))\\n\\n## [4.24.0](https://github.com/gravity-ui/page-constructor/compare/v4.23.0...v4.24.0) (2023-10-12)\\n\\n\\n### Features\\n\\n* added ratio property in Media schema ([#635](https://github.com/gravity-ui/page-constructor/issues/635)) ([cfb4056](https://github.com/gravity-ui/page-constructor/commit/cfb40565a39fc15b9702d2af1960107fe468e6a0))\\n\\n## [4.23.0](https://github.com/gravity-ui/page-constructor/compare/v4.22.0...v4.23.0) (2023-10-12)\\n\\n\\n### Features\\n\\n* export indents mixin ([#626](https://github.com/gravity-ui/page-constructor/issues/626)) ([2609ca9](https://github.com/gravity-ui/page-constructor/commit/2609ca9cf761e085c4418c42f27fd6c474b26eb2))\\n* update schemas for Table and Media blocks ([#628](https://github.com/gravity-ui/page-constructor/issues/628)) ([b9b5fff](https://github.com/gravity-ui/page-constructor/commit/b9b5fff21feebd1c7e30244ab9c93f8da765bdf0))\\n\\n## [4.22.0](https://github.com/gravity-ui/page-constructor/compare/v4.21.0...v4.22.0) (2023-10-11)\\n\\n\\n### Features\\n\\n* **Header:** fix video size ([#625](https://github.com/gravity-ui/page-constructor/issues/625)) ([44cf17e](https://github.com/gravity-ui/page-constructor/commit/44cf17ebeb6baee16108d6a914cd8089463ec76a))\\n\\n## [4.21.0](https://github.com/gravity-ui/page-constructor/compare/v4.20.2...v4.21.0) (2023-10-06)\\n\\n\\n### Features\\n\\n* **Table, HS, BackgroundImage:** add new view for Table and fix design bugs ([#622](https://github.com/gravity-ui/page-constructor/issues/622)) ([b2fe177](https://github.com/gravity-ui/page-constructor/commit/b2fe177423497221c466c057dab3442cd286dc55))\\n* **Tabs:** add image variative height for media ([#612](https://github.com/gravity-ui/page-constructor/issues/612)) ([adf214d](https://github.com/gravity-ui/page-constructor/commit/adf214d3a672e3cfcf6b5ba0df05549f5ca73dd1))\\n\\n## [4.20.2](https://github.com/gravity-ui/page-constructor/compare/v4.20.1...v4.20.2) (2023-10-05)\\n\\n\\n### Bug Fixes\\n\\n* install-react-spring-out-from-quarantine ([#620](https://github.com/gravity-ui/page-constructor/issues/620)) ([5157d78](https://github.com/gravity-ui/page-constructor/commit/5157d783459ac894b9a8db3d0ab42f9e62d09e9e))\\n\\n## [4.20.1](https://github.com/gravity-ui/page-constructor/compare/v4.20.0...v4.20.1) (2023-10-05)\\n\\n\\n### Bug Fixes\\n\\n* normalize last slider item height ([#618](https://github.com/gravity-ui/page-constructor/issues/618)) ([0aca726](https://github.com/gravity-ui/page-constructor/commit/0aca7264dcbb534442b98a03967cbb4538c8dea6))\\n\\n## [4.20.0](https://github.com/gravity-ui/page-constructor/compare/v4.19.1...v4.20.0) (2023-10-05)\\n\\n\\n### Features\\n\\n* react-spring version upgrade ([#615](https://github.com/gravity-ui/page-constructor/issues/615)) ([cc05ae0](https://github.com/gravity-ui/page-constructor/commit/cc05ae0369df91cae0f29d4662e368fc8f8d59bf))\\n\\n\\n### Bug Fixes\\n\\n* update documentation ([#611](https://github.com/gravity-ui/page-constructor/issues/611)) ([14ee88e](https://github.com/gravity-ui/page-constructor/commit/14ee88e0f9615a46f70333f14f68d0d3294160df))\\n\\n## [4.19.1](https://github.com/gravity-ui/page-constructor/compare/v4.19.0...v4.19.1) (2023-10-02)\\n\\n\\n### Bug Fixes\\n\\n* **HeaderBlock:** theme dark ([#609](https://github.com/gravity-ui/page-constructor/issues/609)) ([e59a33f](https://github.com/gravity-ui/page-constructor/commit/e59a33f1e4b3d0803ab7bef2fce7ee6bc57f6eff))\\n\\n## [4.19.0](https://github.com/gravity-ui/page-constructor/compare/v4.18.1...v4.19.0) (2023-09-29)\\n\\n\\n### Features\\n\\n* media custom controls with play/pause button changed ([#566](https://github.com/gravity-ui/page-constructor/issues/566)) ([8b7ca7d](https://github.com/gravity-ui/page-constructor/commit/8b7ca7dd7ab4f9f8d0f8fe86dd3a8302d282bff4))\\n\\n## [4.18.1](https://github.com/gravity-ui/page-constructor/compare/v4.18.0...v4.18.1) (2023-09-27)\\n\\n\\n### Bug Fixes\\n* remove mobile padding in header slider ([#588](https://github.com/gravity-ui/page-constructor/issues/588)) ([7f8c469](https://github.com/gravity-ui/page-constructor/commit/7f8c4698bf929a2c6e8e8342b447fcf01715d000))\\n\\n## [4.18.0](https://github.com/gravity-ui/page-constructor/compare/v4.17.0...v4.18.0) (2023-09-26)\\n\\n\\n### Features\\n\\n* remove strict typograph rules ([#583](https://github.com/gravity-ui/page-constructor/issues/583)) ([7a8804a](https://github.com/gravity-ui/page-constructor/commit/7a8804a2f093c9d01e36cb34730d986a1cd648ef))\\n\\n## [4.17.0](https://github.com/gravity-ui/page-constructor/compare/v4.16.0...v4.17.0) (2023-09-26)\\n\\n\\n### Features\\n\\n* ability to add titles for the links ([#549](https://github.com/gravity-ui/page-constructor/issues/549)) ([514c988](https://github.com/gravity-ui/page-constructor/commit/514c988f3d348ecc67ebbc74ebf3c33572d18184))\\n\\n## [4.16.0](https://github.com/gravity-ui/page-constructor/compare/v4.15.3...v4.16.0) (2023-09-25)\\n\\n\\n### Features\\n\\n* add title className for CardsLayout ([#565](https://github.com/gravity-ui/page-constructor/issues/565)) ([454f41e](https://github.com/gravity-ui/page-constructor/commit/454f41e585ec98ba8530fc5cc3a95b5a157acf06))\\n\\n## [4.15.3](https://github.com/gravity-ui/page-constructor/compare/v4.15.2...v4.15.3) (2023-09-22)\\n\\n\\n### Bug Fixes\\n\\n* remove unnecessary styles ([#584](https://github.com/gravity-ui/page-constructor/issues/584)) ([47ccf13](https://github.com/gravity-ui/page-constructor/commit/47ccf1378f9acdca36cf528195213ab35b3e3a08))\\n\\n## [4.15.2](https://github.com/gravity-ui/page-constructor/compare/v4.15.1...v4.15.2) (2023-09-22)\\n\\n\\n### Bug Fixes\\n\\n* refactor indents for navigation popup ([#585](https://github.com/gravity-ui/page-constructor/issues/585)) ([95c3b0b](https://github.com/gravity-ui/page-constructor/commit/95c3b0bb1e48dd2341799506db33bbed62ce38f4))\\n\\n## [4.15.1](https://github.com/gravity-ui/page-constructor/compare/v4.15.0...v4.15.1) (2023-09-22)\\n\\n\\n### Bug Fixes\\n\\n* import lodash methods directly ([#581](https://github.com/gravity-ui/page-constructor/issues/581)) ([36456c0](https://github.com/gravity-ui/page-constructor/commit/36456c0f29b787a2d8bcfc740da1123926b0a6a4))\\n\\n## [4.15.0](https://github.com/gravity-ui/page-constructor/compare/v4.14.0...v4.15.0) (2023-09-20)\\n\\n\\n### Features\\n\\n* fix an useAnalytics hook ([#580](https://github.com/gravity-ui/page-constructor/issues/580)) ([31d68be](https://github.com/gravity-ui/page-constructor/commit/31d68bebf3e2755460b799ce9540f295bab9ec60))\\n\\n## [4.14.0](https://github.com/gravity-ui/page-constructor/compare/v4.13.1...v4.14.0) (2023-09-20)\\n\\n\\n### Features\\n\\n* add specificity for monohrome ([#577](https://github.com/gravity-ui/page-constructor/issues/577)) ([798e098](https://github.com/gravity-ui/page-constructor/commit/798e0985e4ef6162c8748c806f62afe1b9d17e5b))\\n\\n## [4.13.1](https://github.com/gravity-ui/page-constructor/compare/v4.13.0...v4.13.1) (2023-09-18)\\n\\n\\n### Bug Fixes\\n\\n* nav button hover ([#568](https://github.com/gravity-ui/page-constructor/issues/568)) ([e90fed5](https://github.com/gravity-ui/page-constructor/commit/e90fed55f4a14970f87489df36adaf97e01f7d57))\\n\\n## [4.13.0](https://github.com/gravity-ui/page-constructor/compare/v4.12.0...v4.13.0) (2023-09-18)\\n\\n\\n### Features\\n\\n* additional yfm plugins in contentTransformer ([#551](https://github.com/gravity-ui/page-constructor/issues/551)) ([7799a59](https://github.com/gravity-ui/page-constructor/commit/7799a59fb27f2a215eb552224ab2c95202f8a24f))\\n\\n## [4.12.0](https://github.com/gravity-ui/page-constructor/compare/v4.11.1...v4.12.0) (2023-09-14)\\n\\n\\n### Features\\n\\n* add analytics to icons-block ([#561](https://github.com/gravity-ui/page-constructor/issues/561)) ([75bafc4](https://github.com/gravity-ui/page-constructor/commit/75bafc49403a6686636f92a5bd674046973ddf73))\\n\\n## [4.11.1](https://github.com/gravity-ui/page-constructor/compare/v4.11.0...v4.11.1) (2023-09-14)\\n\\n\\n### Bug Fixes\\n\\n* remove unnecessary indents ([#555](https://github.com/gravity-ui/page-constructor/issues/555)) ([dac4e09](https://github.com/gravity-ui/page-constructor/commit/dac4e09573edba46611834b23fb2a8926f2c99e4))\\n\\n## [4.11.0](https://github.com/gravity-ui/page-constructor/compare/v4.10.0...v4.11.0) (2023-09-13)\\n\\n\\n### Features\\n\\n* add analyticsEvents to BackgroundCard ([#556](https://github.com/gravity-ui/page-constructor/issues/556)) ([c05d248](https://github.com/gravity-ui/page-constructor/commit/c05d248a3e118cbf4bd8bf0ceb30049db3d144e7))\\n* add style schema to ImageObjectProps ([#554](https://github.com/gravity-ui/page-constructor/issues/554)) ([5369b42](https://github.com/gravity-ui/page-constructor/commit/5369b42dad22c287b05c741f634145b0633430f9))\\n\\n## [4.10.0](https://github.com/gravity-ui/page-constructor/compare/v4.9.0...v4.10.0) (2023-09-12)\\n\\n\\n### Features\\n\\n* add custom indent for all blocks, and add className prop for CardLayoutBlock ([#492](https://github.com/gravity-ui/page-constructor/issues/492)) ([75a791a](https://github.com/gravity-ui/page-constructor/commit/75a791a4b9d770692abaa8e19b9fb3d02d2fe194))\\n\\n## [4.9.0](https://github.com/gravity-ui/page-constructor/compare/v4.8.0...v4.9.0) (2023-09-08)\\n\\n\\n### Features\\n\\n* add yfm to layout item ([#545](https://github.com/gravity-ui/page-constructor/issues/545)) ([0e20800](https://github.com/gravity-ui/page-constructor/commit/0e208008eb8599d717b234374797ecef61e03e93))\\n\\n## [4.8.0](https://github.com/gravity-ui/page-constructor/compare/v4.7.0...v4.8.0) (2023-09-07)\\n\\n\\n### Features\\n\\n* migrate to `@bem-react/classname` ([#540](https://github.com/gravity-ui/page-constructor/issues/540)) ([347f7bd](https://github.com/gravity-ui/page-constructor/commit/347f7bdfb7444a6a1e15ff219eaea19bbf5b6eb2))\\n\\n## [4.7.0](https://github.com/gravity-ui/page-constructor/compare/v4.6.1...v4.7.0) (2023-09-05)\\n\\n\\n### Features\\n\\n* Media component new custom controls, refactoring ([#525](https://github.com/gravity-ui/page-constructor/issues/525)) ([f802c35](https://github.com/gravity-ui/page-constructor/commit/f802c352124b3a4387da3adfba2758d0445cdba4))\\n\\n## [4.6.1](https://github.com/gravity-ui/page-constructor/compare/v4.6.0...v4.6.1) (2023-09-05)\\n\\n\\n### Bug Fixes\\n\\n* remove unused youtube js on the first loading ([#538](https://github.com/gravity-ui/page-constructor/issues/538)) ([6167625](https://github.com/gravity-ui/page-constructor/commit/6167625fad07d7eb00f8b7d36dbbcd09beb51e41))\\n\\n## [4.6.0](https://github.com/gravity-ui/page-constructor/compare/v4.5.3...v4.6.0) (2023-09-05)\\n\\n\\n### Features\\n\\n* added labels for the Slider component ([#536](https://github.com/gravity-ui/page-constructor/issues/536)) ([0822e98](https://github.com/gravity-ui/page-constructor/commit/0822e98642d2f7a579d2d8764dedfcf07fc5dfcd))\\n\\n## [4.5.3](https://github.com/gravity-ui/page-constructor/compare/v4.5.2...v4.5.3) (2023-09-04)\\n\\n\\n### Bug Fixes\\n\\n* editor control colors ([#535](https://github.com/gravity-ui/page-constructor/issues/535)) ([b92afb2](https://github.com/gravity-ui/page-constructor/commit/b92afb20006a2af65571866601566370c544479c))\\n* editor dynamic form style issues ([#530](https://github.com/gravity-ui/page-constructor/issues/530)) ([7796388](https://github.com/gravity-ui/page-constructor/commit/77963883fd06af039a0bf84d1f477df930176540))\\n\\n## [4.5.2](https://github.com/gravity-ui/page-constructor/compare/v4.5.1...v4.5.2) (2023-08-31)\\n\\n\\n### Bug Fixes\\n\\n* added title and aria-label to \'a\' tag and button ([#531](https://github.com/gravity-ui/page-constructor/issues/531)) ([9869d8c](https://github.com/gravity-ui/page-constructor/commit/9869d8cc3c1cec686309902674d9ff86e3047bda))\\n\\n## [4.5.1](https://github.com/gravity-ui/page-constructor/compare/v4.5.0...v4.5.1) (2023-08-28)\\n\\n\\n### Bug Fixes\\n\\n* nextjs hydration error from react-player ([#526](https://github.com/gravity-ui/page-constructor/issues/526)) ([a648846](https://github.com/gravity-ui/page-constructor/commit/a648846263616e5e2be1f66549c26de4be6dccb3))\\n\\n## [4.5.0](https://github.com/gravity-ui/page-constructor/compare/v4.4.1...v4.5.0) (2023-08-25)\\n\\n\\n### Features\\n\\n* add aria-current for Tabs component ([#520](https://github.com/gravity-ui/page-constructor/issues/520)) ([debf477](https://github.com/gravity-ui/page-constructor/commit/debf4770bcac29539be62dfa28b21e16d71265d6))\\n* add link animation for cards without shadow ([#513](https://github.com/gravity-ui/page-constructor/issues/513)) ([fb0fb2d](https://github.com/gravity-ui/page-constructor/commit/fb0fb2dbe5e137789a05e97f110d2ca24f6afa32))\\n* **Navigation:** add custom elements support ([#517](https://github.com/gravity-ui/page-constructor/issues/517)) ([7d7001b](https://github.com/gravity-ui/page-constructor/commit/7d7001ba6c3e3436f0f0d6831ebe7e13ff1d518a))\\n\\n## [4.4.1](https://github.com/gravity-ui/page-constructor/compare/v4.4.0...v4.4.1) (2023-08-24)\\n\\n\\n### Bug Fixes\\n\\n* return import path ([#521](https://github.com/gravity-ui/page-constructor/issues/521)) ([65c2aeb](https://github.com/gravity-ui/page-constructor/commit/65c2aeb7a33c2002278df8bcb8766e22beaf3887))\\n\\n## [4.4.0](https://github.com/gravity-ui/page-constructor/compare/v4.3.0...v4.4.0) (2023-08-23)\\n\\n\\n### Features\\n\\n* Table component roles and labels ([#516](https://github.com/gravity-ui/page-constructor/issues/516)) ([d9faf89](https://github.com/gravity-ui/page-constructor/commit/d9faf89fbd9a2401ee1b46b6d718586fedd8eadf))\\n\\n## [4.3.0](https://github.com/gravity-ui/page-constructor/compare/v4.2.0...v4.3.0) (2023-08-23)\\n\\n\\n### Features\\n\\n* Questions block keyboard access improved ([#505](https://github.com/gravity-ui/page-constructor/issues/505)) ([3a7c146](https://github.com/gravity-ui/page-constructor/commit/3a7c14690b59638705b2edd85eecafd7f043007c))\\n\\n## [4.2.0](https://github.com/gravity-ui/page-constructor/compare/v4.1.2...v4.2.0) (2023-08-21)\\n\\n\\n### Features\\n\\n* add ariaLabel prop for Media component, mark interactive elements on it ([#504](https://github.com/gravity-ui/page-constructor/issues/504)) ([fdb185f](https://github.com/gravity-ui/page-constructor/commit/fdb185fd8fdd779b431fc40658fe514dbf21ff5e))\\n\\n\\n### Bug Fixes\\n\\n* correct usage of heading levels ([42448fa](https://github.com/gravity-ui/page-constructor/commit/42448fab99f7163002ed7f897b5792145b259b78))\\n\\n## [4.1.2](https://github.com/gravity-ui/page-constructor/compare/v4.1.1...v4.1.2) (2023-08-17)\\n\\n\\n### Bug Fixes\\n\\n* **FilterBlock:** schema validation ([#507](https://github.com/gravity-ui/page-constructor/issues/507)) ([231f640](https://github.com/gravity-ui/page-constructor/commit/231f6401eed868ff877f4dd2854b9a3b68a95003))\\n\\n## [4.1.1](https://github.com/gravity-ui/page-constructor/compare/v4.1.0...v4.1.1) (2023-08-14)\\n\\n\\n### Bug Fixes\\n\\n* **Icons:** make icon without href no clickable ([#500](https://github.com/gravity-ui/page-constructor/issues/500)) ([d37b5a3](https://github.com/gravity-ui/page-constructor/commit/d37b5a39cae95f8f0c3cb6a10f0d57b770845455))\\n\\n## [4.1.0](https://github.com/gravity-ui/page-constructor/compare/v4.0.1...v4.1.0) (2023-08-08)\\n\\n\\n### Features\\n\\n* add an icon position on the left side of a basic-card ([#481](https://github.com/gravity-ui/page-constructor/issues/481)) ([83617c9](https://github.com/gravity-ui/page-constructor/commit/83617c9a5b9f75cbaad9235bb34de50833dba92a))\\n* update @gravity-ui/dynamic-forms to v2 ([#491](https://github.com/gravity-ui/page-constructor/issues/491)) ([19f5400](https://github.com/gravity-ui/page-constructor/commit/19f5400ec3e78f205fcebd2f7c1447c8c945784a))\\n\\n## [4.0.1](https://github.com/gravity-ui/page-constructor/compare/v4.0.0...v4.0.1) (2023-08-04)\\n\\n\\n### Bug Fixes\\n\\n* fix types conflict between content_transformer and page_content ([#463](https://github.com/gravity-ui/page-constructor/issues/463)) ([0424475](https://github.com/gravity-ui/page-constructor/commit/0424475c423e4dd5b30c9c6c23fb4bdd7fee8008))\\n\\n## [4.0.0](https://github.com/gravity-ui/page-constructor/compare/v3.16.0...v4.0.0) (2023-08-03)\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update to @gravity-ui/uikit version 5 [changes](https://github.com/gravity-ui/uikit/compare/v4.24.0...v5.0.0) [#459](https://github.com/gravity-ui/page-constructor/pull/459)\\n* update to @doc-tools/transform version 3 [changes](https://github.com/yandex-cloud/yfm-transform/compare/v2.18.3...v3.0.0) [#454](https://github.com/gravity-ui/page-constructor/pull/454)\\n* `dataQa` testing props were renamed to `qa` [#451](https://github.com/gravity-ui/page-constructor/pull/451)\\n* `properties` field was removed from `ContentLayout` block, use top level fields instead [#456](https://github.com/gravity-ui/page-constructor/pull/456)\\n* `theme` field type from `ConstructorProvider` was changed to `Theme` [#451](https://github.com/gravity-ui/page-constructor/pull/450)\\n\\n### Features\\n* Theme switch was added to Editor control panel, themes in project were refactored [#451](https://github.com/gravity-ui/page-constructor/pull/450)\\n\\n## [3.16.0](https://github.com/gravity-ui/page-constructor/compare/v3.15.0...v3.16.0) (2023-08-02)\\n\\n\\n### Features\\n\\n* add content-list ([#468](https://github.com/gravity-ui/page-constructor/issues/468)) ([07e2a96](https://github.com/gravity-ui/page-constructor/commit/07e2a96328459914d5651c157abdf5d55442881a))\\n\\n## [3.15.0](https://github.com/gravity-ui/page-constructor/compare/v3.14.0...v3.15.0) (2023-08-01)\\n\\n\\n### Features\\n\\n* add blocks readme to mdx ([#467](https://github.com/gravity-ui/page-constructor/issues/467)) ([a706cf5](https://github.com/gravity-ui/page-constructor/commit/a706cf5e8c87e2ec99d3971048c30a55d20d852d))\\n\\n\\n### Bug Fixes\\n\\n* mobile navigation ssr problem ([#473](https://github.com/gravity-ui/page-constructor/issues/473)) ([fda45a4](https://github.com/gravity-ui/page-constructor/commit/fda45a42e708bfbef58f426b98e3a1ed62e687ca))\\n\\n## [3.14.0](https://github.com/gravity-ui/page-constructor/compare/v3.13.0...v3.14.0) (2023-07-31)\\n\\n\\n### Features\\n\\n* added ConstructorBlocks to module for external using ([#464](https://github.com/gravity-ui/page-constructor/issues/464)) ([511b2ea](https://github.com/gravity-ui/page-constructor/commit/511b2eaf23a1ca4ceed1a840689a61734b5fb36a))\\n\\n## [3.13.0](https://github.com/gravity-ui/page-constructor/compare/v3.12.2...v3.13.0) (2023-07-31)\\n\\n\\n### Features\\n\\n* yaml tab in editor (read-only) ([#449](https://github.com/gravity-ui/page-constructor/issues/449)) ([7a8e187](https://github.com/gravity-ui/page-constructor/commit/7a8e187e0771469b98c9322cf19f723bada6fad5))\\n\\n## [3.12.2](https://github.com/gravity-ui/page-constructor/compare/v3.12.1...v3.12.2) (2023-07-31)\\n\\n\\n### Bug Fixes\\n\\n* **Navigation:** navigation mobile icons ([#465](https://github.com/gravity-ui/page-constructor/issues/465)) ([a40e6f5](https://github.com/gravity-ui/page-constructor/commit/a40e6f5d4de495b722de22629f029e79d51cec25))\\n\\n## [3.12.1](https://github.com/gravity-ui/page-constructor/compare/v3.12.0...v3.12.1) (2023-07-27)\\n\\n\\n### Bug Fixes\\n\\n* remove @gravity-ui/babel-preset ([#461](https://github.com/gravity-ui/page-constructor/issues/461)) ([3d4895b](https://github.com/gravity-ui/page-constructor/commit/3d4895b904bf3c93ae89eba975fd481f7651ea4d))\\n\\n## [3.12.0](https://github.com/gravity-ui/page-constructor/compare/v3.11.0...v3.12.0) (2023-07-27)\\n\\n\\n### Features\\n\\n* navigation dropdown refactoring ([#392](https://github.com/gravity-ui/page-constructor/issues/392)) ([9f47dbe](https://github.com/gravity-ui/page-constructor/commit/9f47dbe3f5ef7f42205c66092ce25879a39d1286))\\n* update to storybook 7, webpack 5, node 18 ([#457](https://github.com/gravity-ui/page-constructor/issues/457)) ([95955ab](https://github.com/gravity-ui/page-constructor/commit/95955aba864548902275060d564602dde1f52a0f))\\n\\n\\n### Bug Fixes\\n\\n* arrage adding and removing listeners for Image ([#453](https://github.com/gravity-ui/page-constructor/issues/453)) ([32a68f2](https://github.com/gravity-ui/page-constructor/commit/32a68f281abf5f23026bf58c30edc7df6ea713da))\\n* main preview build action ([#460](https://github.com/gravity-ui/page-constructor/issues/460)) ([f6441f9](https://github.com/gravity-ui/page-constructor/commit/f6441f9eb6d503b176d408fd7a25033b75f251f7))\\n\\n## [3.11.0](https://github.com/gravity-ui/page-constructor/compare/v3.10.3...v3.11.0) (2023-07-20)\\n\\n\\n### Features\\n\\n* add editor mobile devices emulation ([#445](https://github.com/gravity-ui/page-constructor/issues/445)) ([ca97083](https://github.com/gravity-ui/page-constructor/commit/ca97083c7650f03f33853cdddebe07facf59cfa1))\\n\\n## [3.10.4](https://github.com/gravity-ui/page-constructor/compare/v3.10.3...v3.10.4) (2023-07-20)\\n\\n\\n### Features\\n\\n* editor mobile devices emulation added ([#437](https://github.com/gravity-ui/page-constructor/commit/4f284ce61c6ae4e3f3ca6cf74bdbf6bb5082750f))\\n\\n## [3.10.3](https://github.com/gravity-ui/page-constructor/compare/v3.10.2...v3.10.3) (2023-07-12)\\n\\n\\n### Bug Fixes\\n\\n* html semantic, block tag should be in block tag ([#442](https://github.com/gravity-ui/page-constructor/issues/442)) ([3b46ff4](https://github.com/gravity-ui/page-constructor/commit/3b46ff436605a81e45ced89323beba14c1e8340d))\\n\\n## [3.10.2](https://github.com/gravity-ui/page-constructor/compare/v3.10.1...v3.10.2) (2023-07-07)\\n\\n\\n### Bug Fixes\\n\\n* removed check on block tag in YFMWrapper and second check buttons in HeaderBlock ([#440](https://github.com/gravity-ui/page-constructor/issues/440)) ([90452cf](https://github.com/gravity-ui/page-constructor/commit/90452cf2b8d5dda00b2650c28ab7184a87a4023b))\\n\\n## [3.10.1](https://github.com/gravity-ui/page-constructor/compare/v3.10.0...v3.10.1) (2023-07-07)\\n\\n\\n### Bug Fixes\\n\\n* block styles specificity ([#438](https://github.com/gravity-ui/page-constructor/issues/438)) ([177996c](https://github.com/gravity-ui/page-constructor/commit/177996c30cd88ee030bc5e2d41ec9555e84d91a4))\\n\\n## [3.10.0](https://github.com/gravity-ui/page-constructor/compare/v3.9.2...v3.10.0) (2023-07-04)\\n\\n\\n### Features\\n\\n* add not found block dummy and refactor ([#435](https://github.com/gravity-ui/page-constructor/issues/435)) ([610df6a](https://github.com/gravity-ui/page-constructor/commit/610df6a65a307d357a3e2f39d401972ed595974a))\\n\\n\\n### Bug Fixes\\n\\n* fix extention extraction for image isCompressible util ([#401](https://github.com/gravity-ui/page-constructor/issues/401)) ([5eea616](https://github.com/gravity-ui/page-constructor/commit/5eea6162854f507e7402dd943ebb8b111dcac53d))\\n\\n## [3.9.2](https://github.com/gravity-ui/page-constructor/compare/v3.9.1...v3.9.2) (2023-06-28)\\n\\n\\n### Bug Fixes\\n\\n* regex to match child content on block tags ([#433](https://github.com/gravity-ui/page-constructor/issues/433)) ([a4d4129](https://github.com/gravity-ui/page-constructor/commit/a4d4129af7d1b82e149ee6ced215d5733ad1b2f7))\\n\\n## [3.9.1](https://github.com/gravity-ui/page-constructor/compare/v3.9.0...v3.9.1) (2023-06-28)\\n\\n\\n### Bug Fixes\\n\\n* header description displaying with ssr ([#431](https://github.com/gravity-ui/page-constructor/issues/431)) ([9c094dc](https://github.com/gravity-ui/page-constructor/commit/9c094dc7550d483cedd6b5611e0902b0d7aa27e1))\\n\\n## [3.9.0](https://github.com/gravity-ui/page-constructor/compare/v3.8.3...v3.9.0) (2023-06-27)\\n\\n\\n### Features\\n\\n* add content filtration utils ([6cf8038](https://github.com/gravity-ui/page-constructor/commit/6cf803818a222eed964f5e24960ad99a567adc1e))\\n* add transform when variables handling ([#427](https://github.com/gravity-ui/page-constructor/issues/427)) ([6cf8038](https://github.com/gravity-ui/page-constructor/commit/6cf803818a222eed964f5e24960ad99a567adc1e))\\n\\n## [3.8.3](https://github.com/gravity-ui/page-constructor/compare/v3.8.2...v3.8.3) (2023-06-27)\\n\\n\\n### Bug Fixes\\n\\n* editor form style indent ([#428](https://github.com/gravity-ui/page-constructor/issues/428)) ([3fc6da7](https://github.com/gravity-ui/page-constructor/commit/3fc6da73f7e724aaa4e8f22a45228f1a2cc4dc81))\\n\\n## [3.8.2](https://github.com/gravity-ui/page-constructor/compare/v3.8.1...v3.8.2) (2023-06-23)\\n\\n\\n### Bug Fixes\\n\\n* quote validation ([#402](https://github.com/gravity-ui/page-constructor/issues/402)) ([3920561](https://github.com/gravity-ui/page-constructor/commit/3920561ebe0bac727826caf690d06d74d7affaef))\\n\\n## [3.8.1](https://github.com/gravity-ui/page-constructor/compare/v3.8.0...v3.8.1) (2023-06-22)\\n\\n\\n### Bug Fixes\\n\\n* semantic markup ([#416](https://github.com/gravity-ui/page-constructor/issues/416)) ([1fd532c](https://github.com/gravity-ui/page-constructor/commit/1fd532ca0bcc2e6cd1f030b17be743c27fb2cf73))\\n\\n## [3.8.0](https://github.com/gravity-ui/page-constructor/compare/v3.7.0...v3.8.0) (2023-06-22)\\n\\n\\n### Features\\n\\n* add yfm transoform for editor demo ([#420](https://github.com/gravity-ui/page-constructor/issues/420)) ([1c1a2aa](https://github.com/gravity-ui/page-constructor/commit/1c1a2aa134a3c4d18e01537c1ca874720f23649d))\\n* update dynamic forms and fix form render performance ([#418](https://github.com/gravity-ui/page-constructor/issues/418)) ([eb9437d](https://github.com/gravity-ui/page-constructor/commit/eb9437df0d38a9a3433e85d111c45b3a49dbd9aa))\\n\\n## [3.7.0](https://github.com/gravity-ui/page-constructor/compare/v3.6.2...v3.7.0) (2023-06-21)\\n\\n\\n### Features\\n\\n* **Tabs:** provide an to change tab text size ([#417](https://github.com/gravity-ui/page-constructor/issues/417)) ([005a686](https://github.com/gravity-ui/page-constructor/commit/005a68662ecc29ee07eff7d958a27842c38206f7))\\n\\n## [3.6.2](https://github.com/gravity-ui/page-constructor/compare/v3.6.1...v3.6.2) (2023-06-19)\\n\\n\\n### Bug Fixes\\n\\n* block base inner types ([#413](https://github.com/gravity-ui/page-constructor/issues/413)) ([616d387](https://github.com/gravity-ui/page-constructor/commit/616d387833330ec7ef4cddc0f2f31d164d4a1477))\\n\\n## [3.6.1](https://github.com/gravity-ui/page-constructor/compare/v3.6.0...v3.6.1) (2023-06-19)\\n\\n\\n### Bug Fixes\\n\\n* downgrade dynamic forms to working ver ([#411](https://github.com/gravity-ui/page-constructor/issues/411)) ([d6634f0](https://github.com/gravity-ui/page-constructor/commit/d6634f0f3d51cdd24eebf408604da7cdc92aa0b3))\\n\\n## [3.6.0](https://github.com/gravity-ui/page-constructor/compare/v3.5.0...v3.6.0) (2023-06-19)\\n\\n\\n### Features\\n\\n* add exeptions for typograf rules ([#397](https://github.com/gravity-ui/page-constructor/issues/397)) ([16490a1](https://github.com/gravity-ui/page-constructor/commit/16490a1df289baf1d922d4821823638ccd43a0c1))\\n\\n## [3.5.0](https://github.com/gravity-ui/page-constructor/compare/v3.4.0...v3.5.0) (2023-06-19)\\n\\n\\n### Features\\n\\n* add subpath exports and fix editor form deps ([#407](https://github.com/gravity-ui/page-constructor/issues/407)) ([90ed4b5](https://github.com/gravity-ui/page-constructor/commit/90ed4b51fc30f4a2c25d9bb49bb035f9479f6736))\\n\\n\\n### Bug Fixes\\n\\n* control panel icons and layout ([#406](https://github.com/gravity-ui/page-constructor/issues/406)) ([e1ecadd](https://github.com/gravity-ui/page-constructor/commit/e1ecadd4b9738e19f8eff3bf5e8e51fea4eca658))\\n\\n## [3.4.0](https://github.com/gravity-ui/page-constructor/compare/v3.3.0...v3.4.0) (2023-06-16)\\n\\n\\n### Features\\n\\n* add editor mode switch  ([#404](https://github.com/gravity-ui/page-constructor/issues/404)) ([118a369](https://github.com/gravity-ui/page-constructor/commit/118a3694459479c240ca9829c6194c1185cad4a4))\\n\\n## [3.3.0](https://github.com/gravity-ui/page-constructor/compare/v3.2.0...v3.3.0) (2023-06-14)\\n\\n\\n### Features\\n\\n* add editor forms ([#393](https://github.com/gravity-ui/page-constructor/issues/393)) ([94fd2b2](https://github.com/gravity-ui/page-constructor/commit/94fd2b2f0f5a93d7e775be5c758a62aeecd56e8e))\\n\\n\\n### Bug Fixes\\n\\n* **Video:** fix schema validator ([#395](https://github.com/gravity-ui/page-constructor/issues/395)) ([0571d27](https://github.com/gravity-ui/page-constructor/commit/0571d277d902c59e546647d42c0620f8a4feb827))\\n\\n## [3.2.0](https://github.com/gravity-ui/page-constructor/compare/v3.1.2...v3.2.0) (2023-06-13)\\n\\n\\n### Features\\n\\n* update header offset, remove unnecessary margins ([#369](https://github.com/gravity-ui/page-constructor/issues/369)) ([7757ec1](https://github.com/gravity-ui/page-constructor/commit/7757ec1b80b20b79c693b28cd3c47a7a44a2987f))\\n* remove navigation\'s border by default if scroll top = 0. If you want this border by default, use prop `withBorder: true` im navigation config\\n\\n## [3.1.2](https://github.com/gravity-ui/page-constructor/compare/v3.1.1...v3.1.2) (2023-06-07)\\n\\n\\n### Bug Fixes\\n\\n* icon size in navigation popup ([#382](https://github.com/gravity-ui/page-constructor/issues/382)) ([cb7c7b1](https://github.com/gravity-ui/page-constructor/commit/cb7c7b1031777c92f6d303c5a5f2c3de2ad1c2d8))\\n\\n## [3.1.1](https://github.com/gravity-ui/page-constructor/compare/v3.1.0...v3.1.1) (2023-06-07)\\n\\n\\n### Bug Fixes\\n\\n* constructor items inner data structure ([#386](https://github.com/gravity-ui/page-constructor/issues/386)) ([f73ccde](https://github.com/gravity-ui/page-constructor/commit/f73ccde7369f38ec887ded7534f6907e4da8b4ac))\\n\\n## [3.1.0](https://github.com/gravity-ui/page-constructor/compare/v3.0.0...v3.1.0) (2023-06-05)\\n\\n\\n### Features\\n\\n* add analytics to video block ([#376](https://github.com/gravity-ui/page-constructor/issues/376)) ([85510cc](https://github.com/gravity-ui/page-constructor/commit/85510cc45475c8cf12561eed0e7a5b04fc14af5f))\\n\\n\\n### Bug Fixes\\n\\n* rerende slider chidldren on their update ([#380](https://github.com/gravity-ui/page-constructor/issues/380)) ([65e3168](https://github.com/gravity-ui/page-constructor/commit/65e31689d1817a34de094bb383b667672878d9ff))\\n\\n## [3.0.0](https://github.com/gravity-ui/page-constructor/compare/v2.22.2...v3.0.0) (2023-06-05)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* remove Preview block ([#235](https://github.com/gravity-ui/page-constructor/issues/235)), use Tabs block\\n* remove Simple block ([#228](https://github.com/gravity-ui/page-constructor/issues/228)), use ContentLayout block\\n* remove CardWithImage sub-block ([#236](https://github.com/gravity-ui/page-constructor/issues/236)), use LayoutItem sub-block\\n* remove Security block ([#321](https://github.com/gravity-ui/page-constructor/issues/321)), use ContentLayout block\\n* remove LinkTable block ([#325](https://github.com/gravity-ui/page-constructor/issues/325)), use ContentLayout block\\n* remove TutorialCard sub-block ([#331](https://github.com/gravity-ui/page-constructor/issues/331)), use BasicCard sub-block\\n* remove hook HeightCalculator ([#328](https://github.com/gravity-ui/page-constructor/issues/328))\\n* remove Partner sub-block ([#335](https://github.com/gravity-ui/page-constructor/issues/335)), use BasicCard sub-block\\n* remove NewsCard sub-block ([#342](https://github.com/gravity-ui/page-constructor/issues/342)), use BasicCard sub-block\\n* remove component Footnotes ([#343](https://github.com/gravity-ui/page-constructor/issues/343)), use ContentLayout block\\n* remove component BlockHeader ([#341](https://github.com/gravity-ui/page-constructor/issues/341)), use component Title\\n* remove property `fullScreen` from components ([#366](https://github.com/gravity-ui/page-constructor/issues/366)), use property `fullscreen`\\n* rename component FullScreenMedia to FullscreenMedia ([#366](https://github.com/gravity-ui/page-constructor/issues/366))\\n* rename icon name FullScreen to Fullscreen ([#366](https://github.com/gravity-ui/page-constructor/issues/366))\\n* remove property `showFullScreenIcon` from FullscreenMedia ([#366](https://github.com/gravity-ui/page-constructor/issues/366)), use property `showFullscreenIcon`\\n\\n\\n### refactor\\n\\n* refactor text-transform functions ([#225](https://github.com/gravity-ui/page-constructor/issues/225)):\\n  * delete `transformFootnotes`, because remove component Footnotes ([#343](https://github.com/gravity-ui/page-constructor/issues/343))\\n  * removed function `transformBlocks`, use `contentTransformer` instead\\n  * now `contentTransformer` returns new object, instead of mutating the incoming one, as it did `transformBlocks`\\n\\n## [2.22.2](https://github.com/gravity-ui/page-constructor/compare/v2.22.1...v2.22.2) (2023-06-01)\\n\\n\\n### Bug Fixes\\n\\n* **MediaBlock:** add border property into schema ([#371](https://github.com/gravity-ui/page-constructor/issues/371)) ([5365791](https://github.com/gravity-ui/page-constructor/commit/5365791550bdb2ed8258d9582605e620ab0e1b11))\\n\\n## [2.22.1](https://github.com/gravity-ui/page-constructor/compare/v2.22.0...v2.22.1) (2023-06-01)\\n\\n\\n### Bug Fixes\\n\\n* filter block nesting ([#364](https://github.com/gravity-ui/page-constructor/issues/364)) ([5b62522](https://github.com/gravity-ui/page-constructor/commit/5b62522e5e34eeacbb2fb9ec6de957bba69cd758))\\n\\n## [2.22.0](https://github.com/gravity-ui/page-constructor/compare/v2.21.0...v2.22.0) (2023-05-31)\\n\\n\\n### Features\\n\\n* **Media:** add fullscreen video ([#345](https://github.com/gravity-ui/page-constructor/issues/345)) ([516a9a8](https://github.com/gravity-ui/page-constructor/commit/516a9a8423d710b6ecad33046121c489fa876e30))\\n\\n## [2.21.0](https://github.com/gravity-ui/page-constructor/compare/v2.20.1...v2.21.0) (2023-05-29)\\n\\n\\n### Features\\n\\n* remove metrika goals from pixel events ([#355](https://github.com/gravity-ui/page-constructor/issues/355)) ([1a0ddae](https://github.com/gravity-ui/page-constructor/commit/1a0ddae92e4862665c64652c0da27cee9085d286))\\n\\n## [2.20.1](https://github.com/gravity-ui/page-constructor/compare/v2.20.0...v2.20.1) (2023-05-29)\\n\\n\\n### Bug Fixes\\n\\n* editor scroll ([#352](https://github.com/gravity-ui/page-constructor/issues/352)) ([9fbbefe](https://github.com/gravity-ui/page-constructor/commit/9fbbefec311a0017eab7533b0b26bbddf97ff453))\\n\\n## [2.20.0](https://github.com/gravity-ui/page-constructor/compare/v2.19.0...v2.20.0) (2023-05-25)\\n\\n\\n### Features\\n\\n* add page structure editor ([8d1dafe](https://github.com/gravity-ui/page-constructor/commit/8d1dafe964a9af3c7f5ad0e6039cccf2d24da64f))\\n* Edit mode ([#347](https://github.com/gravity-ui/page-constructor/issues/347)) ([8d1dafe](https://github.com/gravity-ui/page-constructor/commit/8d1dafe964a9af3c7f5ad0e6039cccf2d24da64f))\\n\\n\\n### Bug Fixes\\n\\n* customization types import fix ([#350](https://github.com/gravity-ui/page-constructor/issues/350)) ([206306f](https://github.com/gravity-ui/page-constructor/commit/206306f95d87ae428538b27dca08f78cb4de9430))\\n\\n## [2.19.0](https://github.com/gravity-ui/page-constructor/compare/v2.18.0...v2.19.0) (2023-05-23)\\n\\n\\n### Features\\n\\n* **Button:** add prop width ([#346](https://github.com/gravity-ui/page-constructor/issues/346)) ([f4b1ba8](https://github.com/gravity-ui/page-constructor/commit/f4b1ba85f56ef2de435bd91ae1fc35fbea0a177b))\\n\\n## [2.18.0](https://github.com/gravity-ui/page-constructor/compare/v2.18.0...v2.18.0) (2023-05-15)\\n\\n\\n### Features\\n\\n* **HubspotForm:** add ref forwarding for HS form ([#332](https://github.com/gravity-ui/page-constructor/issues/332)) ([37b75d3](https://github.com/gravity-ui/page-constructor/commit/37b75d31c09e8dc061d718828bcccc72b037e106))\\n\\n\\n### Bug Fixes\\n\\n* config gulpfile for tests ([a5cb59d](https://github.com/gravity-ui/page-constructor/commit/a5cb59d0bc1e3a8c09babed0c5ace9a2253416c3))\\n\\n## [2.17.0](https://github.com/gravity-ui/page-constructor/compare/v2.16.0...v2.17.0) (2023-05-12)\\n\\n\\n### Features\\n\\n* drop rules overriding ([#303](https://github.com/gravity-ui/page-constructor/issues/303)) ([0c13398](https://github.com/gravity-ui/page-constructor/commit/0c1339885ce3b930ab9428b585aa6dd020b0d298))\\n\\n## [2.16.0](https://github.com/gravity-ui/page-constructor/compare/v2.15.0...v2.16.0) (2023-05-11)\\n\\n\\n### Features\\n\\n* **Navigation:** add iconSize for navigation icons, update margin between icon and text ([#329](https://github.com/gravity-ui/page-constructor/issues/329)) ([1427740](https://github.com/gravity-ui/page-constructor/commit/14277404cfe199847ae0d1834eb433ba1efd919a))\\n\\n## [2.15.0](https://github.com/gravity-ui/page-constructor/compare/v2.14.0...v2.15.0) (2023-05-03)\\n\\n\\n### Features\\n\\n* **OverflowScroller:** customize arrow ([#326](https://github.com/gravity-ui/page-constructor/issues/326)) ([edd3dbe](https://github.com/gravity-ui/page-constructor/commit/edd3dbe2b9dfe93a83b21261f4ab8a836e05359a))\\n\\n## [2.14.0](https://github.com/gravity-ui/page-constructor/compare/v2.13.1...v2.14.0) (2023-05-02)\\n\\n\\n### Features\\n\\n* add passive flage to every addEventListener ([#318](https://github.com/gravity-ui/page-constructor/issues/318)) ([b1b7447](https://github.com/gravity-ui/page-constructor/commit/b1b7447b16b64afaf5ecea1db3ddf7ee9eeec534))\\n\\n## [2.13.1](https://github.com/gravity-ui/page-constructor/compare/v2.13.0...v2.13.1) (2023-05-02)\\n\\n\\n### Bug Fixes\\n\\n* add name property to questions in FAQpage ([#322](https://github.com/gravity-ui/page-constructor/issues/322)) ([e0813b3](https://github.com/gravity-ui/page-constructor/commit/e0813b32f61ae4d2526c461560a78fcfb460c271))\\n\\n## [2.13.0](https://github.com/gravity-ui/page-constructor/compare/v2.12.0...v2.13.0) (2023-04-28)\\n\\n\\n### Features\\n\\n* add components schemas in export ([#319](https://github.com/gravity-ui/page-constructor/issues/319)) ([756c209](https://github.com/gravity-ui/page-constructor/commit/756c20932c8643ffffbbd132a4a3d9e51439fbf7))\\n\\n## [2.12.0](https://github.com/gravity-ui/page-constructor/compare/v2.11.0...v2.12.0) (2023-04-25)\\n\\n\\n### Features\\n\\n* add alt to img ([#309](https://github.com/gravity-ui/page-constructor/issues/309)) ([a1e5587](https://github.com/gravity-ui/page-constructor/commit/a1e5587ada92b53097ac77f16c1cdad7a4899219))\\n\\n## [2.11.0](https://github.com/gravity-ui/page-constructor/compare/v2.10.0...v2.11.0) (2023-04-25)\\n\\n\\n### Features\\n\\n* add image context to use NextImage instead of normal img tag ([#313](https://github.com/gravity-ui/page-constructor/issues/313)) ([10841dc](https://github.com/gravity-ui/page-constructor/commit/10841dcbcc9bb16255dff57f4d79de94533a06c3))\\n\\n\\n### Bug Fixes\\n\\n* **QuestionBlock:** fix itemprop parameter value for FaqPage microdata ([#316](https://github.com/gravity-ui/page-constructor/issues/316)) ([4395f8a](https://github.com/gravity-ui/page-constructor/commit/4395f8a78489ee254dfa25051d8f812a7ed0bf4b))\\n\\n## [2.10.0](https://github.com/gravity-ui/page-constructor/compare/v2.9.0...v2.10.0) (2023-04-24)\\n\\n\\n### Features\\n\\n* add scroll to the active tab ([#311](https://github.com/gravity-ui/page-constructor/issues/311)) ([a5f8576](https://github.com/gravity-ui/page-constructor/commit/a5f857640c9aa5d81859321a933fcef4913b5b76))\\n\\n## [2.9.0](https://github.com/gravity-ui/page-constructor/compare/v2.8.4...v2.9.0) (2023-04-19)\\n\\n\\n### Features\\n\\n* **QuestionBlock:** add schema.org FAQ microdata ([#308](https://github.com/gravity-ui/page-constructor/issues/308)) ([cfca14a](https://github.com/gravity-ui/page-constructor/commit/cfca14a76b458bfa21daa452cb46cb966fae9e88))\\n\\n## [2.8.4](https://github.com/gravity-ui/page-constructor/compare/v2.8.3...v2.8.4) (2023-04-17)\\n\\n\\n### Bug Fixes\\n\\n* **Content:** remove links margin ([#306](https://github.com/gravity-ui/page-constructor/issues/306)) ([62972b4](https://github.com/gravity-ui/page-constructor/commit/62972b445e28016fe250c0361c91b84324456fe6))\\n\\n## [2.8.3](https://github.com/gravity-ui/page-constructor/compare/v2.8.2...v2.8.3) (2023-04-14)\\n\\n\\n### Bug Fixes\\n\\n* **BasicCard:** schema validation ([#304](https://github.com/gravity-ui/page-constructor/issues/304)) ([a8627ca](https://github.com/gravity-ui/page-constructor/commit/a8627ca131547281674e5f24df85b830875539f7))\\n\\n## [2.8.2](https://github.com/gravity-ui/page-constructor/compare/v2.8.1...v2.8.2) (2023-04-12)\\n\\n\\n### Bug Fixes\\n\\n* allow everyone to publish release and remove execess maintainers ([#301](https://github.com/gravity-ui/page-constructor/issues/301)) ([2bfe490](https://github.com/gravity-ui/page-constructor/commit/2bfe490f643707427383be104ffe699fd6db4e27))\\n\\n## [2.8.1](https://github.com/gravity-ui/page-constructor/compare/v2.8.0...v2.8.1) (2023-04-11)\\n\\n\\n### Bug Fixes\\n\\n* incorrect slider style order ([#297](https://github.com/gravity-ui/page-constructor/issues/297)) ([ba3b36a](https://github.com/gravity-ui/page-constructor/commit/ba3b36af199325cdba22f26c5b34d943456ae3fc))\\n\\n## [2.8.0](https://github.com/gravity-ui/page-constructor/compare/v2.7.0...v2.8.0) (2023-04-11)\\n\\n\\n### Features\\n\\n* **BackgroundMedia:** add fullWidthMedia for BackgroundMedia ([#281](https://github.com/gravity-ui/page-constructor/issues/281)) ([5cd19b8](https://github.com/gravity-ui/page-constructor/commit/5cd19b8d4fcbf56b854a49c88b794a056d4e3295))\\n\\n## [2.7.0](https://github.com/gravity-ui/page-constructor/compare/v2.6.0...v2.7.0) (2023-04-06)\\n\\n\\n### Features\\n\\n* add default analytics context to header block ([#289](https://github.com/gravity-ui/page-constructor/issues/289)) ([c1b8e45](https://github.com/gravity-ui/page-constructor/commit/c1b8e45423e7d8e2bd7daa108a8b296aebb811ef))\\n\\n## [2.6.0](https://github.com/gravity-ui/page-constructor/compare/v2.5.0...v2.6.0) (2023-04-05)\\n\\n\\n### Features\\n\\n* add options to useAnalytics ([#287](https://github.com/gravity-ui/page-constructor/issues/287)) ([17c2c75](https://github.com/gravity-ui/page-constructor/commit/17c2c750042718ca4f90d23245cf8d2caadde3b2))\\n\\n## [2.5.0](https://github.com/gravity-ui/page-constructor/compare/v2.4.0...v2.5.0) (2023-04-05)\\n\\n\\n### Features\\n\\n* update linters ([#269](https://github.com/gravity-ui/page-constructor/issues/269)) ([35ba72d](https://github.com/gravity-ui/page-constructor/commit/35ba72d5029397ccedefa75e43f804775b93779d))\\n\\n## [2.4.0](https://github.com/gravity-ui/page-constructor/compare/v2.3.2...v2.4.0) (2023-04-05)\\n\\n\\n### Features\\n\\n* analytics in header block breadcrumbs ([#284](https://github.com/gravity-ui/page-constructor/issues/284)) ([a2e6bbf](https://github.com/gravity-ui/page-constructor/commit/a2e6bbf0816a86d23bcca784956f4cace6d21d5a))\\n\\n## [2.3.2](https://github.com/gravity-ui/page-constructor/compare/v2.3.1...v2.3.2) (2023-04-05)\\n\\n\\n### Bug Fixes\\n\\n* export an analytics contexts ([#283](https://github.com/gravity-ui/page-constructor/issues/283)) ([96e4840](https://github.com/gravity-ui/page-constructor/commit/96e48407c89f590c48d88a4b2e3d06acfe9e72bc))\\n* set footnotes is deprecated ([#271](https://github.com/gravity-ui/page-constructor/issues/271)) ([7ea88f2](https://github.com/gravity-ui/page-constructor/commit/7ea88f2d9fbd31440857209b46d90735515ce805))\\n\\n## [2.3.1](https://github.com/gravity-ui/page-constructor/compare/v2.3.0...v2.3.1) (2023-04-03)\\n\\n\\n### Bug Fixes\\n\\n* **validator:** add FilterBlock to schema validators ([#270](https://github.com/gravity-ui/page-constructor/issues/270)) ([2c344a8](https://github.com/gravity-ui/page-constructor/commit/2c344a853d8d91b897423f8f46c191a5e7bfc8c7))\\n\\n## [2.3.0](https://github.com/gravity-ui/page-constructor/compare/v2.2.1...v2.3.0) (2023-04-03)\\n\\n\\n### Features\\n\\n* add whitelist of image extenstions which can be compressed ([#215](https://github.com/gravity-ui/page-constructor/issues/215)) ([136034b](https://github.com/gravity-ui/page-constructor/commit/136034b642f7c044c00402cf2e0527ae8a099aeb))\\n\\n## [2.2.1](https://github.com/gravity-ui/page-constructor/compare/v2.2.0...v2.2.1) (2023-03-30)\\n\\n\\n### Bug Fixes\\n\\n* **ReactPlayer:** transform youtube url for single video src ([#262](https://github.com/gravity-ui/page-constructor/issues/262)) ([5bd86fd](https://github.com/gravity-ui/page-constructor/commit/5bd86fd0e5b62e309fcf656f251007cd8e4efd68))\\n\\n## [2.2.0](https://github.com/gravity-ui/page-constructor/compare/v2.1.1...v2.2.0) (2023-03-29)\\n\\n\\n### Features\\n\\n* dropdown a ReactPlayer version ([#254](https://github.com/gravity-ui/page-constructor/issues/254)) ([fec1c3f](https://github.com/gravity-ui/page-constructor/commit/fec1c3fee50dcd86d08c0501f80d7aca0795e026))\\n\\n## [2.1.1](https://github.com/gravity-ui/page-constructor/compare/v2.1.0...v2.1.1) (2023-03-28)\\n\\n\\n### Bug Fixes\\n\\n* quotes validator schema ([#247](https://github.com/gravity-ui/page-constructor/issues/247)) ([87b8587](https://github.com/gravity-ui/page-constructor/commit/87b8587bcd5fe2bb96b5d70aae9eb6ca9e189f33))\\n\\n## [2.1.0](https://github.com/gravity-ui/page-constructor/compare/v2.0.3...v2.1.0) (2023-03-27)\\n\\n\\n### Features\\n\\n* **Title:** add size xs ([#207](https://github.com/gravity-ui/page-constructor/issues/207)) ([1fd8cf7](https://github.com/gravity-ui/page-constructor/commit/1fd8cf7aeaf4a6a993a3ffcce576a41d61c3b66b))\\n\\n## [2.0.3](https://github.com/gravity-ui/page-constructor/compare/v2.0.2...v2.0.3) (2023-03-27)\\n\\n\\n### Bug Fixes\\n\\n* **Tabs:** wrap tabs on desktop ([#237](https://github.com/gravity-ui/page-constructor/issues/237)) ([68dd965](https://github.com/gravity-ui/page-constructor/commit/68dd965b8d5ad9439f8c59211232911695c30fd3))\\n\\n## [2.0.2](https://github.com/gravity-ui/page-constructor/compare/v2.0.1...v2.0.2) (2023-03-24)\\n\\n\\n### Bug Fixes\\n\\n* add specificity for few buttons ([#230](https://github.com/gravity-ui/page-constructor/issues/230)) ([22b0891](https://github.com/gravity-ui/page-constructor/commit/22b089158ed184d03726c5d0e0cff27307f1dec1))\\n\\n## [2.0.1](https://github.com/gravity-ui/page-constructor/compare/v2.0.0...v2.0.1) (2023-03-24)\\n\\n\\n### Bug Fixes\\n\\n* handle margins for centered links and buttons in Content ([#223](https://github.com/gravity-ui/page-constructor/issues/223)) ([50590f2](https://github.com/gravity-ui/page-constructor/commit/50590f288cba7d3dd88e4f91e1642d0a34061fb9))\\n* **Navigation:** fix issue with remaining event handler in effect ([#220](https://github.com/gravity-ui/page-constructor/issues/220)) ([d494523](https://github.com/gravity-ui/page-constructor/commit/d4945238ee52f7cca92ea4b092f0701ab4d99693))\\n\\n## [2.0.0](https://github.com/gravity-ui/page-constructor/compare/v1.25.2...v2.0.0) (2023-03-23)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update uikit up to 4, update react up to 18([#134](https://github.com/gravity-ui/page-constructor/issues/134)) (#212)\\n\\n### Features\\n\\n* map-block changing the logic of zoom and center ([#219](https://github.com/gravity-ui/page-constructor/issues/219)) ([d332844](https://github.com/gravity-ui/page-constructor/commit/d33284425878cdbfacdf7813826d909e9ab696cb))\\n* update uikit up to 4, update react up to 18([#134](https://github.com/gravity-ui/page-constructor/issues/134)) ([#212](https://github.com/gravity-ui/page-constructor/issues/212)) ([377b1f5](https://github.com/gravity-ui/page-constructor/commit/377b1f59c25d08458082232075e2e7bcfe84fe5c))\\n\\n## [1.25.2](https://github.com/gravity-ui/page-constructor/compare/v1.25.1...v1.25.2) (2023-03-21)\\n\\n\\n### Bug Fixes\\n\\n* **ExtendedFeatures:** label position fixed ([#175](https://github.com/gravity-ui/page-constructor/issues/175)) ([fb8d206](https://github.com/gravity-ui/page-constructor/commit/fb8d206ad2378564a1dc7a7295f02da13ae66df1))\\n\\n## [1.25.1](https://github.com/gravity-ui/page-constructor/compare/v1.25.0...v1.25.1) (2023-03-20)\\n\\n\\n### Bug Fixes\\n\\n* cannot read stopPropagation of undefined in navigation utils ([#221](https://github.com/gravity-ui/page-constructor/issues/221)) ([e20904a](https://github.com/gravity-ui/page-constructor/commit/e20904abfcc14339be777747a4c26187dba8cd58))\\n\\n## [1.25.0](https://github.com/gravity-ui/page-constructor/compare/v1.24.0...v1.25.0) (2023-03-14)\\n\\n\\n### Features\\n\\n* update react-player version ([#217](https://github.com/gravity-ui/page-constructor/issues/217)) ([806dea6](https://github.com/gravity-ui/page-constructor/commit/806dea69c911c789782b8100a364187675ebf3d3))\\n\\n## [1.24.0](https://github.com/gravity-ui/page-constructor/compare/v1.23.0...v1.24.0) (2023-03-13)\\n\\n\\n### Features\\n\\n* add dropdown item in right column of navigation ([#213](https://github.com/gravity-ui/page-constructor/issues/213)) ([71f23a8](https://github.com/gravity-ui/page-constructor/commit/71f23a8ff00948fa62b3bd5b7833b171b59176d6))\\n\\n## [1.23.0](https://github.com/gravity-ui/page-constructor/compare/v1.22.1...v1.23.0) (2023-03-09)\\n\\n\\n### Features\\n\\n* add release flow to README.md ([#183](https://github.com/gravity-ui/page-constructor/issues/183)) ([c7d7923](https://github.com/gravity-ui/page-constructor/commit/c7d7923c034b88a8e8167023448d8a071926cc26))\\n\\n## [1.22.1](https://github.com/gravity-ui/page-constructor/compare/v1.22.0...v1.22.1) (2023-03-07)\\n\\n\\n### Bug Fixes\\n\\n* add  map block to text transform blocks [CLOUDFRONT-15094] ([#206](https://github.com/gravity-ui/page-constructor/issues/206)) ([a9323a1](https://github.com/gravity-ui/page-constructor/commit/a9323a1f895258af598106786157164ecde4a7fc))\\n\\n## [1.22.0](https://github.com/gravity-ui/page-constructor/compare/v1.21.0...v1.22.0) (2023-03-07)\\n\\n\\n### Features\\n\\n* add github button in navigation ([#194](https://github.com/gravity-ui/page-constructor/issues/194)) ([57adcb5](https://github.com/gravity-ui/page-constructor/commit/57adcb5ad838f9a86681602f51717be4768e0605))\\n\\n## [1.21.0](https://github.com/gravity-ui/page-constructor/compare/v1.20.5...v1.21.0) (2023-03-06)\\n\\n\\n### Features\\n\\n* **FilterBlock:** add block that filters its subblocks ([#180](https://github.com/gravity-ui/page-constructor/issues/180)) ([4b6852c](https://github.com/gravity-ui/page-constructor/commit/4b6852c5d1c55e4d1e2cc027c4229b9cc7500e8f))\\n\\n## [1.20.5](https://github.com/gravity-ui/page-constructor/compare/v1.20.4...v1.20.5) (2023-03-03)\\n\\n\\n### Bug Fixes\\n\\n* move BlockIdContext.Provider inside ConstructorItem and ConstructorLoadable ([#201](https://github.com/gravity-ui/page-constructor/issues/201)) ([f2036e3](https://github.com/gravity-ui/page-constructor/commit/f2036e333f10711ca51ad3a62c735ca285904cff))\\n\\n## [1.20.4](https://github.com/gravity-ui/page-constructor/compare/v1.20.3...v1.20.4) (2023-03-03)\\n\\n\\n### Bug Fixes\\n\\n* add unique key to BlockIdContext ([#199](https://github.com/gravity-ui/page-constructor/issues/199)) ([05b0a88](https://github.com/gravity-ui/page-constructor/commit/05b0a88fe9b996d7728afa49ade3a0a5cae85713))\\n\\n## [1.20.3](https://github.com/gravity-ui/page-constructor/compare/v1.20.2...v1.20.3) (2023-03-02)\\n\\n\\n### Bug Fixes\\n\\n* add uniqueness to children key prop ([#192](https://github.com/gravity-ui/page-constructor/issues/192)) ([8cbb720](https://github.com/gravity-ui/page-constructor/commit/8cbb720a4e60ccab8a3440141b3e4f5998c26a9b))\\n\\n## [1.20.2](https://github.com/gravity-ui/page-constructor/compare/v1.20.1...v1.20.2) (2023-03-01)\\n\\n\\n### Bug Fixes\\n\\n* fix map block scheme ([#190](https://github.com/gravity-ui/page-constructor/issues/190)) ([c75ae30](https://github.com/gravity-ui/page-constructor/commit/c75ae30bc168fcd9e39c71f71501ec1b87446ef1))\\n\\n## [1.20.1](https://github.com/gravity-ui/page-constructor/compare/v1.20.0...v1.20.1) (2023-03-01)\\n\\n\\n### Bug Fixes\\n\\n* uninstall react-github-btn because is hot support cjs ([#188](https://github.com/gravity-ui/page-constructor/issues/188)) ([e32a51a](https://github.com/gravity-ui/page-constructor/commit/e32a51ae17a31dea8037a89a30f4b080e2aacb2e))\\n\\n## [1.20.0](https://github.com/gravity-ui/page-constructor/compare/v1.19.1...v1.20.0) (2023-03-01)\\n\\n\\n### Features\\n\\n* new analytics ([#121](https://github.com/gravity-ui/page-constructor/issues/121)) ([cc329bc](https://github.com/gravity-ui/page-constructor/commit/cc329bcca9b11cd8a5fb2b4ff30791134ee09535))\\n\\n## [1.19.1](https://github.com/gravity-ui/page-constructor/compare/v1.19.0...v1.19.1) (2023-03-01)\\n\\n\\n### Bug Fixes\\n\\n* fix map block scheme ([8db1923](https://github.com/gravity-ui/page-constructor/commit/8db1923b315c793d349da868f9299feb983408be))\\n\\n## [1.19.0](https://github.com/gravity-ui/page-constructor/compare/v1.18.1...v1.19.0) (2023-02-28)\\n\\n\\n### Features\\n\\n* add Map-block ([13874f7](https://github.com/gravity-ui/page-constructor/commit/13874f70edddc297c711a6e4eae7753ae04fd746))\\n\\n## [1.18.1](https://github.com/gravity-ui/page-constructor/compare/v1.18.0...v1.18.1) (2023-02-28)\\n\\n\\n### Bug Fixes\\n\\n* add mixin for navigation item and refactor ([#179](https://github.com/gravity-ui/page-constructor/issues/179)) ([3709fcd](https://github.com/gravity-ui/page-constructor/commit/3709fcdcaa2149ed287fb9ef0250dfca1181c842))\\n\\n## [1.18.0](https://github.com/gravity-ui/page-constructor/compare/v1.17.0...v1.18.0) (2023-02-28)\\n\\n\\n### Features\\n\\n* monochrome mixin moved from \'Button.css\' to \'mixins.css\' ([#173](https://github.com/gravity-ui/page-constructor/issues/173)) ([6bb35cf](https://github.com/gravity-ui/page-constructor/commit/6bb35cfea50f7c62682404da02f594dd4f90a011))\\n\\n## [1.17.0](https://github.com/gravity-ui/page-constructor/compare/v1.16.4...v1.17.0) (2023-02-28)\\n\\n\\n### Features\\n\\n* **Navigation:** add github star button in navigation ([#159](https://github.com/gravity-ui/page-constructor/issues/159)) ([829d358](https://github.com/gravity-ui/page-constructor/commit/829d3582772378940993c4f676fe08676693266a))\\n\\n\\n### Bug Fixes\\n\\n* remove background from Overlowscroller ([#153](https://github.com/gravity-ui/page-constructor/issues/153)) ([652adfa](https://github.com/gravity-ui/page-constructor/commit/652adfaf92156e1f96a9292d034c5139aac7894c))\\n\\n## [1.16.4](https://github.com/gravity-ui/page-constructor/compare/v1.16.3...v1.16.4) (2023-02-22)\\n\\n\\n### Bug Fixes\\n\\n* **BasicCard:** add target ([#162](https://github.com/gravity-ui/page-constructor/issues/162)) ([569038c](https://github.com/gravity-ui/page-constructor/commit/569038c8ef1c43b7c8b9d6462126997155605b4c))\\n* do not set \\"rel: \'noopener noreferrer\'\\" for local links ([#160](https://github.com/gravity-ui/page-constructor/issues/160)) ([81173a7](https://github.com/gravity-ui/page-constructor/commit/81173a7e237104463971a80e386f5bad37caa551))\\n\\n## [1.16.3](https://github.com/gravity-ui/page-constructor/compare/v1.16.2...v1.16.3) (2023-02-17)\\n\\n\\n### Bug Fixes\\n\\n* add router link for banner button ([#158](https://github.com/gravity-ui/page-constructor/issues/158)) ([a194a40](https://github.com/gravity-ui/page-constructor/commit/a194a40bae0486277d0a862e3a9b415404d75d0b))\\n* **Foldable:** fix issues with content height calculation on resize ([#156](https://github.com/gravity-ui/page-constructor/issues/156)) ([e20709e](https://github.com/gravity-ui/page-constructor/commit/e20709e4eb84e7eb620ff2e42dd3e5010d1066a2))\\n\\n## [1.16.2](https://github.com/gravity-ui/page-constructor/compare/v1.16.1...v1.16.2) (2023-02-16)\\n\\n\\n### Bug Fixes\\n\\n* **HubspotForm:** required checkbox ([#154](https://github.com/gravity-ui/page-constructor/issues/154)) ([6c948d1](https://github.com/gravity-ui/page-constructor/commit/6c948d1a3511e16902e6808d83ac3f0ac14b6d9c))\\n\\n## [1.16.1](https://github.com/gravity-ui/page-constructor/compare/v1.16.0...v1.16.1) (2023-02-14)\\n\\n\\n### Bug Fixes\\n\\n* youtube dimensions ratio for large screens ([#151](https://github.com/gravity-ui/page-constructor/issues/151)) ([5ee3c9c](https://github.com/gravity-ui/page-constructor/commit/5ee3c9cabe641bd437a02d137528424df7fd2c5a))\\n\\n## [1.16.0](https://github.com/gravity-ui/page-constructor/compare/v1.15.4...v1.16.0) (2023-02-14)\\n\\n\\n### Features\\n\\n* **HubspotForm:** add render outside virtual dom ([#138](https://github.com/gravity-ui/page-constructor/issues/138)) ([1b8694c](https://github.com/gravity-ui/page-constructor/commit/1b8694c6893df63ffabab84779febad57362804c))\\n\\n## [1.15.4](https://github.com/gravity-ui/page-constructor/compare/v1.15.3...v1.15.4) (2023-02-13)\\n\\n\\n### Bug Fixes\\n\\n* freeze-es-5-ext ([#146](https://github.com/gravity-ui/page-constructor/issues/146)) ([72ca5f9](https://github.com/gravity-ui/page-constructor/commit/72ca5f90dee5b3a45d895695416b3398a46973b4))\\n\\n## [1.15.3](https://github.com/gravity-ui/page-constructor/compare/v1.15.2...v1.15.3) (2023-02-10)\\n\\n\\n### Bug Fixes\\n\\n* fullscreen icon hide ([#141](https://github.com/gravity-ui/page-constructor/issues/141)) ([dfec755](https://github.com/gravity-ui/page-constructor/commit/dfec75544102299d0f82b72dbb5f334759a63cb0))\\n\\n## [1.15.2](https://github.com/gravity-ui/page-constructor/compare/v1.15.1...v1.15.2) (2023-02-10)\\n\\n\\n### Bug Fixes\\n\\n* add layout item to card stories ([#143](https://github.com/gravity-ui/page-constructor/issues/143)) ([078c7f2](https://github.com/gravity-ui/page-constructor/commit/078c7f24e1e6a620ad57b929f08dd703092463f5))\\n\\n## [1.15.1](https://github.com/gravity-ui/page-constructor/compare/v1.15.0...v1.15.1) (2023-02-10)\\n\\n\\n### Bug Fixes\\n\\n* change meta info tag to h4 ([#140](https://github.com/gravity-ui/page-constructor/issues/140)) ([8cd84bd](https://github.com/gravity-ui/page-constructor/commit/8cd84bd5e313b41caf240b1ff155a9698ec9c17a))\\n\\n## [1.15.0](https://github.com/gravity-ui/page-constructor/compare/v1.14.4...v1.15.0) (2023-02-10)\\n\\n\\n### Features\\n\\n* add handler for submit error in hubspot forms ([#135](https://github.com/gravity-ui/page-constructor/issues/135)) ([5f9b7a8](https://github.com/gravity-ui/page-constructor/commit/5f9b7a89996b0d2237d62ffccbea6d08f19a8d35))\\n\\n## [1.14.4](https://github.com/gravity-ui/page-constructor/compare/v1.14.3...v1.14.4) (2023-02-10)\\n\\n\\n### Bug Fixes\\n\\n* changelog ([#136](https://github.com/gravity-ui/page-constructor/issues/136)) ([a07c738](https://github.com/gravity-ui/page-constructor/commit/a07c738e09898a952e63e1f0712cc9a31076cc1c))\\n\\n## [1.14.3](https://github.com/gravity-ui/page-constructor/compare/v1.14.2...v1.14.3) (2023-02-10)\\n\\n### Features\\n\\n* LayoutItem was added and CardWithImage was deprecated ([#132](https://github.com/gravity-ui/page-constructor/issues/132))([4abebb5](https://github.com/gravity-ui/page-constructor/commit/4abebb573e12d0976d61541e2f33c17f3d25453a))\\n\\n### Bug Fixes\\n\\n* remove unused card types ([#130](https://github.com/gravity-ui/page-constructor/issues/130)) ([22da2fa](https://github.com/gravity-ui/page-constructor/commit/22da2fadd433e12e84cf8afd238c369cff5f2c24))\\n\\n## [1.14.2](https://github.com/gravity-ui/page-constructor/compare/v1.14.1...v1.14.2) (2023-02-02)\\n\\n\\n### Bug Fixes\\n\\n* **HubspotForm:** border-radius ([#128](https://github.com/gravity-ui/page-constructor/issues/128)) ([437344b](https://github.com/gravity-ui/page-constructor/commit/437344b510cbde11bdf6e3a3ceb914fb0818a016))\\n\\n## [1.14.1](https://github.com/gravity-ui/page-constructor/compare/v1.14.0...v1.14.1) (2023-02-01)\\n\\n\\n### Bug Fixes\\n\\n* enable addons menu by default ([7772a55](https://github.com/gravity-ui/page-constructor/commit/7772a554950643d7cdbb86a8dedade6f916ae176))\\n* **Storybook:** fix links ([#123](https://github.com/gravity-ui/page-constructor/issues/123)) ([10cfe80](https://github.com/gravity-ui/page-constructor/commit/10cfe8054178bd577014dfff83033ff0c0dd9add))\\n\\n## [1.14.0](https://github.com/gravity-ui/page-constructor/compare/v1.13.2...v1.14.0) (2023-01-25)\\n\\n\\n### Features\\n\\n* **Navigation:** add schema validation ([#120](https://github.com/gravity-ui/page-constructor/issues/120)) ([a6c8dec](https://github.com/gravity-ui/page-constructor/commit/a6c8decf04f402113a5a31d2635721ffcc1b233c))\\n\\n## [1.13.2](https://github.com/gravity-ui/page-constructor/compare/v1.13.1...v1.13.2) (2023-01-20)\\n\\n\\n### Bug Fixes\\n\\n* **PromoFeaturesBlock:** transform items ([#118](https://github.com/gravity-ui/page-constructor/issues/118)) ([4c1cc7a](https://github.com/gravity-ui/page-constructor/commit/4c1cc7a38f2d789ce1c723b9695b7c1ed3e3cdf8))\\n\\n## [1.13.1](https://github.com/gravity-ui/page-constructor/compare/v1.13.0...v1.13.1) (2023-01-19)\\n\\n\\n### Bug Fixes\\n\\n* **Navigation:** logo and button specifity styles ([#116](https://github.com/gravity-ui/page-constructor/issues/116)) ([dbe0c39](https://github.com/gravity-ui/page-constructor/commit/dbe0c39aa88aac8a3e84c079d7de400e9a9b3d2f))\\n\\n## [1.13.0](https://github.com/gravity-ui/page-constructor/compare/v1.12.1...v1.13.0) (2023-01-18)\\n\\n\\n### Features\\n\\n* remove matchMedia artefact ([#114](https://github.com/gravity-ui/page-constructor/issues/114)) ([8ff3117](https://github.com/gravity-ui/page-constructor/commit/8ff3117261f9681f0dbb452c3c722ee80845da80))\\n\\n\\n### Bug Fixes\\n\\n* delete unused dependency ([#112](https://github.com/gravity-ui/page-constructor/issues/112)) ([300085c](https://github.com/gravity-ui/page-constructor/commit/300085c456877ef617f4225a603fcc3d52393848))\\n\\n## [1.12.1](https://github.com/gravity-ui/page-constructor/compare/v1.12.0...v1.12.1) (2023-01-11)\\n\\n\\n### Bug Fixes\\n\\n* **BlockHeader:** add yfm to description, change styles ([#105](https://github.com/gravity-ui/page-constructor/issues/105)) ([f77fc5e](https://github.com/gravity-ui/page-constructor/commit/f77fc5e82f7aaf33dda8f56a9f17a87d61cc5cdd))\\n* contentBase import ([#109](https://github.com/gravity-ui/page-constructor/issues/109)) ([2136f7b](https://github.com/gravity-ui/page-constructor/commit/2136f7bbe340c6035c655ff5139ae69ee1b50d3e))\\n\\n## [1.12.0](https://github.com/gravity-ui/page-constructor/compare/v1.11.1...v1.12.0) (2023-01-10)\\n\\n\\n### Features\\n\\n* **schemas:** add content field to blocks\' schemas ([#60](https://github.com/gravity-ui/page-constructor/issues/60)) ([f3952b3](https://github.com/gravity-ui/page-constructor/commit/f3952b367b8c5d53b33fb57cf063f713938a077d))\\n\\n## [1.11.1](https://github.com/gravity-ui/page-constructor/compare/v1.11.0...v1.11.1) (2023-01-10)\\n\\n\\n### Bug Fixes\\n\\n* **Tabs:** add caption to media ([#106](https://github.com/gravity-ui/page-constructor/issues/106)) ([e825a4c](https://github.com/gravity-ui/page-constructor/commit/e825a4cff8fe9157f5444b03d32d4aff6e7dfba1))\\n\\n## [1.11.0](https://github.com/gravity-ui/page-constructor/compare/v1.10.8...v1.11.0) (2023-01-09)\\n\\n### Features\\n\\n* **Navigation:** add logo dark theme support ([#97](https://github.com/gravity-ui/page-constructor/pull/97)) ([7e4e7bd](https://github.com/gravity-ui/page-constructor/commit/7e4e7bd6fb92fded7a38538f1da0c9f0e14cccb1))\\n\\n### Bug Fixes\\n\\n* link children align ([#103](https://github.com/gravity-ui/page-constructor/issues/103)) ([07eee68](https://github.com/gravity-ui/page-constructor/commit/07eee6828de60a66e8ae371030c67adc50c7ff8d))\\n\\n\\n## [1.10.8](https://github.com/gravity-ui/page-constructor/compare/v1.10.7...v1.10.8) (2023-01-09)\\n\\n\\n### Bug Fixes\\n\\n* add arrow link top for different sizes ([2fe8038](https://github.com/gravity-ui/page-constructor/commit/2fe8038372299e1c1b82ae93402f8c0df3ef7c03))\\n\\n## [1.10.7](https://github.com/gravity-ui/page-constructor/compare/v1.10.6...v1.10.7) (2022-12-23)\\n\\n\\n### Bug Fixes\\n\\n* **Share:** schema ([#94](https://github.com/gravity-ui/page-constructor/issues/94)) ([465e039](https://github.com/gravity-ui/page-constructor/commit/465e0395413df74af8ac8be83dfe4167ae378835))\\n\\n## [1.10.6](https://github.com/gravity-ui/page-constructor/compare/v1.10.5...v1.10.6) (2022-12-23)\\n\\n\\n### Bug Fixes\\n\\n* **Divider:** size s ([#93](https://github.com/gravity-ui/page-constructor/issues/93)) ([d8aba9a](https://github.com/gravity-ui/page-constructor/commit/d8aba9a9d6ec5b1bec560a4d22b16fc45180c1ed))\\n\\n## [1.10.5](https://github.com/gravity-ui/page-constructor/compare/v1.10.4...v1.10.5) (2022-12-22)\\n\\n\\n### Bug Fixes\\n\\n* monochrome button theme ([#89](https://github.com/gravity-ui/page-constructor/issues/89)) ([e29fe65](https://github.com/gravity-ui/page-constructor/commit/e29fe65788b844cb753d24d00c56ab31b2143333))\\n\\n## [1.10.4](https://github.com/gravity-ui/page-constructor/compare/v1.10.3...v1.10.4) (2022-12-22)\\n\\n\\n### Bug Fixes\\n\\n* **Image:** desktop webp ([#90](https://github.com/gravity-ui/page-constructor/issues/90)) ([2940078](https://github.com/gravity-ui/page-constructor/commit/2940078045246d7cf4af9eb4ad845deb9b3e4576))\\n\\n## [1.10.3](https://github.com/gravity-ui/page-constructor/compare/v1.10.2...v1.10.3) (2022-12-15)\\n\\n\\n### Bug Fixes\\n\\n* share icons ([#87](https://github.com/gravity-ui/page-constructor/issues/87)) ([565f125](https://github.com/gravity-ui/page-constructor/commit/565f12538d9b686d654d58bf548b9ec87bc566b7))\\n\\n## [1.10.2](https://github.com/gravity-ui/page-constructor/compare/v1.10.1...v1.10.2) (2022-12-13)\\n\\n\\n### Bug Fixes\\n\\n* shema validation ([#80](https://github.com/gravity-ui/page-constructor/issues/80)) ([c0d2f92](https://github.com/gravity-ui/page-constructor/commit/c0d2f92c1dabab86f9cb9264714821aa391e4c4c))\\n\\n## [1.10.1](https://github.com/gravity-ui/page-constructor/compare/v1.10.0...v1.10.1) (2022-12-13)\\n\\n\\n### Bug Fixes\\n\\n* **HubspotForm:** change height ([#81](https://github.com/gravity-ui/page-constructor/issues/81)) ([3c596f7](https://github.com/gravity-ui/page-constructor/commit/3c596f786c9e6b6ff4007a10e85c663cb4d6c29c))\\n* release 1.10.0 ([#84](https://github.com/gravity-ui/page-constructor/issues/84)) ([159b20a](https://github.com/gravity-ui/page-constructor/commit/159b20ad3ba74a0877bca0178dddc244f8ef37c2))\\n\\n## [1.10.0](https://github.com/gravity-ui/page-constructor/compare/v1.9.3...v1.10.0) (2022-12-12)\\n\\n\\n### Features\\n\\n* **Share:** create block ([#79](https://github.com/gravity-ui/page-constructor/issues/79)) ([bf950c8](https://github.com/gravity-ui/page-constructor/commit/bf950c88a3a885138a1db3f1214b56011971cd8b))\\n\\n## [1.9.3](https://github.com/gravity-ui/page-constructor/compare/v1.9.2...v1.9.3) (2022-12-07)\\n\\n\\n### Bug Fixes\\n\\n* **Tabs:** padding and image props ([#77](https://github.com/gravity-ui/page-constructor/issues/77)) ([5809e6b](https://github.com/gravity-ui/page-constructor/commit/5809e6b6364e0b3d01621d15371ef5d0aaa9518b))\\n\\n## [1.9.2](https://github.com/gravity-ui/page-constructor/compare/v1.9.1...v1.9.2) (2022-12-07)\\n\\n\\n### Bug Fixes\\n\\n* navigation import and types ([#76](https://github.com/gravity-ui/page-constructor/issues/76)) ([53ea8d4](https://github.com/gravity-ui/page-constructor/commit/53ea8d4bb12290d3cd3f2cef6dca6a48c5c68d68))\\n* release ([#74](https://github.com/gravity-ui/page-constructor/issues/74)) ([13193d4](https://github.com/gravity-ui/page-constructor/commit/13193d420ff2486a94638bd8119e28d69aa713d8))\\n\\n## [1.9.1](https://github.com/gravity-ui/page-constructor/compare/v1.9.0...v1.9.1) (2022-12-05)\\n\\n\\n### Bug Fixes\\n\\n* **Tabs:** player video height ([a372ddb](https://github.com/gravity-ui/page-constructor/commit/a372ddbbde003ef82818ba167adbff0e8bf57905))\\n\\n## [1.9.0](https://github.com/gravity-ui/page-constructor/compare/v1.8.2...v1.9.0) (2022-12-05)\\n\\n\\n### Features\\n\\n* **Tabs:** change tabs to buttons ([#63](https://github.com/gravity-ui/page-constructor/issues/63)) ([f6195f3](https://github.com/gravity-ui/page-constructor/commit/f6195f3115bb5136c17336edb8a0ff64dcc50de5))\\n\\n## [1.8.2](https://github.com/gravity-ui/page-constructor/compare/v1.8.1...v1.8.2) (2022-12-02)\\n\\n\\n### Bug Fixes\\n\\n* remove old deploy files ([faa9998](https://github.com/gravity-ui/page-constructor/commit/faa99980b3797b7efaba46fe38e094bdfad57af4))\\n\\n## [1.8.1](https://github.com/gravity-ui/page-constructor/compare/v1.8.0...v1.8.1) (2022-12-02)\\n\\n\\n### Bug Fixes\\n\\n* hs form field width limitations ([fe45a77](https://github.com/gravity-ui/page-constructor/commit/fe45a77f0dbeae555110602845307fd9c47f8495))\\n\\n## [1.8.0](https://github.com/gravity-ui/page-constructor/compare/v1.7.1...v1.8.0) (2022-12-02)\\n\\n\\n### Features\\n\\n* add **navigation** ([99493a4](https://github.com/gravity-ui/page-constructor/commit/99493a4ab17af679bba250b3c7d00b4fe9256baa))\\n\\n\\n## [1.7.1](https://github.com/gravity-ui/page-constructor/compare/v1.7.0...v1.7.1) (2022-11-29)\\n\\n\\n### Bug Fixes\\n\\n* **ExtendedFeatures:** add props ([6254d62](https://github.com/gravity-ui/page-constructor/commit/6254d62b9ceded154d0fdcded9a554fd33772d13))\\n* storybook content ([b98eccc](https://github.com/gravity-ui/page-constructor/commit/b98ecccc96cfba2376552e4c9314a559913455d9))\\n\\n## [1.7.0](https://github.com/gravity-ui/page-constructor/compare/v1.6.1...v1.7.0) (2022-11-10)\\n\\n\\n### Features\\n\\n* **ExtendedFeatures:** add content ([#51](https://github.com/gravity-ui/page-constructor/issues/51)) ([0990563](https://github.com/gravity-ui/page-constructor/commit/0990563a62c3f8f4d4cfb206cedb7a1205cb1797))\\n\\n## [1.6.1](https://github.com/gravity-ui/page-constructor/compare/v1.4.1...v1.6.1) (2022-11-10)\\n\\n### Bug Fixes\\n\\n* fix storybook\'s content\\n\\n\\n## [1.6.0](https://github.com/gravity-ui/page-constructor/pulls?q=is%3Apr+is%3Aclosed) (2022-11-09)\\n\\n### Features\\n\\n* update storybook\\n\\n## [1.5.0](https://github.com/gravity-ui/page-constructor/issues/44) (2022-11-03)\\n\\n### Features\\n\\n* remove card validator and types\\n\\n## [1.4.2](https://github.com/gravity-ui/page-constructor/pull/46) (2022-11-07)\\n\\n### Bug Fixes\\n\\n* change link text m arrow size\\n\\n## [1.4.1](https://github.com/gravity-ui/page-constructor/pull/42) (2022-10-28)\\n\\n### Bug Fixes\\n\\n* add specificity for Tabs item\\n\\n## [1.4.0](https://github.com/gravity-ui/page-constructor/pull/40) (2022-10-26)\\n\\n\\n### Features\\n\\n* add devices support to component BackgroundMedia\\n\\n## [1.3.0](https://github.com/gravity-ui/page-constructor/pull/35) (2022-10-25)\\n\\n\\n### Features\\n\\n* add devices support to component Image and block Header\\n\\n## [1.2.5](https://github.com/gravity-ui/page-constructor/compare/v1.2.4...v1.2.5) (2022-10-19)\\n\\n### Bug Fixes\\n\\n* content block link arrow l size changed to 20 ([8b05033](https://github.com/gravity-ui/page-constructor/commit/8b050332273453aedc2937303d9dec76b878482c))\\n\\n\\n## [1.2.4](https://github.com/gravity-ui/page-constructor/compare/v1.2.3...v1.2.4) (2022-10-19)\\n\\n### Bug Fixes\\n\\n* buttons specificities fixes ([96a4cf6](https://github.com/gravity-ui/page-constructor/commit/96a4cf6aee58d19b42e9e649ee3969c86d94be2a))\\n\\n## [1.2.3](https://github.com/gravity-ui/page-constructor/compare/v1.2.2...v1.2.3) (2022-10-14)\\n\\n\\n### Bug Fixes\\n\\n* content links margin ([6977b96](https://github.com/gravity-ui/page-constructor/commit/6977b9601e3936ba5293eadeeaeccd640814125f))\\n\\n## [1.2.2](https://github.com/gravity-ui/page-constructor/compare/v1.2.1...v1.2.2) (2022-10-14)\\n\\n\\n### Bug Fixes\\n\\n* change p margin for size s ([#29](https://github.com/gravity-ui/page-constructor/issues/29)) ([dcb1c2a](https://github.com/gravity-ui/page-constructor/commit/dcb1c2acba20659a8f536f4bd7401dc54b4d7b71))\\n\\n## [1.2.1](https://github.com/gravity-ui/page-constructor/compare/v1.2.0...v1.2.1) (2022-10-14)\\n\\n\\n### Bug Fixes\\n\\n* **Content:** ul li color in dark theme ([#30](https://github.com/gravity-ui/page-constructor/issues/30)) ([8e94579](https://github.com/gravity-ui/page-constructor/commit/8e945798cd15cbf58e55e8d81f6b516a85d8936c))\\n\\n## [1.2.0](https://github.com/gravity-ui/page-constructor/compare/v1.1.0...v1.2.0) (2022-10-11)\\n\\n\\n### Features\\n\\n* add Content to Info block ([0017341](https://github.com/gravity-ui/page-constructor/commit/00173411209bca6a61f1d64d8329ead4328152f5))\\n\\n## [1.1.0](https://github.com/gravity-ui/page-constructor/compare/v1.0.5...v1.1.0) (2022-10-10)\\n\\n\\n### Features\\n\\n* remove i18n from peers ([87f4c4d](https://github.com/gravity-ui/page-constructor/commit/87f4c4d4bb31179db04267a1ad37ba19bf4c222d))\\n\\n## [1.0.5](https://github.com/gravity-ui/page-constructor/compare/v1.0.4...v1.0.5) (2022-10-07)\\n\\n\\n### Bug Fixes\\n\\n* remove alpha tag ([5c0f70c](https://github.com/gravity-ui/page-constructor/commit/5c0f70c983583810c08363c63a5a80d84e95c621))\\n\\n## [1.0.4](https://github.com/gravity-ui/page-constructor/compare/v1.0.3...v1.0.4) (2022-10-07)\\n\\n\\n### Bug Fixes\\n\\n* repalce block stories content pt.1 ([fc1a3a5](https://github.com/gravity-ui/page-constructor/commit/fc1a3a537b4c962e472aee73663f2950ce7dc346))\\n* replace blocks content ([ab63138](https://github.com/gravity-ui/page-constructor/commit/ab63138aaebfb71366062285436edc21f86f5346))\\n* replace sub blocks and components story data ([fa7593d](https://github.com/gravity-ui/page-constructor/commit/fa7593d9082761d1726739204f36cf6024725755))\\n\\n## [1.0.3](https://github.com/gravity-ui/page-constructor/compare/v1.0.2...v1.0.3) (2022-10-05)\\n\\n\\n### Bug Fixes\\n\\n* add yfm js import ([d9a77df](https://github.com/gravity-ui/page-constructor/commit/d9a77df743d68db9353bf6edbada38fbd81ce59f))\\n* content centered styles priority ([3d2bad2](https://github.com/gravity-ui/page-constructor/commit/3d2bad24947d86fbd4cf3735beff49c0dfe74382))\\n* content layout centered styles ([d0dcc59](https://github.com/gravity-ui/page-constructor/commit/d0dcc5988d3b08e483fe288295c904f16f903a94))\\n* displaying video with fillWidthMedia param in HeaderBlock ([560b867](https://github.com/gravity-ui/page-constructor/commit/560b86776074a6249546d7c51324a201de9c04c4))\\n* header block dark theme html ([d0cb1ce](https://github.com/gravity-ui/page-constructor/commit/d0cb1cebecafcd8385be32b33182b30b6bdb198c))\\n* semantic colors for yfm ([40cd81f](https://github.com/gravity-ui/page-constructor/commit/40cd81ff9f0bf9407a84e181e10e23702aa67eb2))\\n\\n## [1.0.2](https://github.com/gravity-ui/page-constructor/compare/v1.0.1...v1.0.2) (2022-10-04)\\n\\n\\n### Bug Fixes\\n\\n* readme ([be265cd](https://github.com/gravity-ui/page-constructor/commit/be265cd6cdc3a9212ba5a7f6ad4b7b4073dcf7fb))\\n\\n## [1.0.1](https://github.com/gravity-ui/page-constructor/compare/v1.0.0...v1.0.1) (2022-10-03)\\n\\n\\n### Bug Fixes\\n\\n* add repository links to readme ([a6ed8b9](https://github.com/gravity-ui/page-constructor/commit/a6ed8b9af5f71e8b0eed3bb52f3309a715c5a48b))\\n\\n## 1.0.0\\n\\n- V1 blocks support was discontinued.\\n\\n- `@yandex-data-ui/common`, `@yandex-data-ui/cloud-schemas`, and `@yandex-data-ui/cloud-components` was deleted from dependencies.\\n\\n- All the constructor elements was grouped into blocks, sub-blocks and components.\\n\\n- PageConstructor component was refactored.\\n\\n- Validators was Refactored.\\n\\n- Project build engine was moved from `@yandex-data-ui/ui-core` to `gulp`.\\n\\n- Storybook was updated.\\n\\n- Project was moved to @gravity-ui.\\n\\n- LICENSE.md and CONTRIBUTING.md was added\\n\\n- Translate all docs and stories to english\\n\\n## 0.60.5\\n\\n- Added the Content component to the Questions block.\\n\\n## 0.60.4\\n\\n- Fixed the bug when text was hidden behind the video in the `HeaderSlider` in Safari.\\n\\n## 0.60.3\\n\\n- You can now change the `background` in a dark theme for the BackgroundCard component.\\n\\n## 0.60.1\\n\\n- Slowed down slider scrolling.\\n\\n## 0.60.0\\n\\n- Removed top and side margins for the `HeaderBlock` with a color background that takes up the entire width.\\n- Added the fullWidthMedia parameter to the background prop in the `HeaderBlock`.\\n- Increased the slider arrows in the `HeaderSlider`.\\n\\n## 0.59.2\\n\\n- Fixed a bug in the `Share` component.\\n\\n## 0.59.0\\n\\n- Increased the width of a color background in the `HeaderBlock`.\\n- Added a bottom margin in the `HeaderBlock`.\\n- Removed the common, cloud-components, and cloud-schemas dependencies.\\n\\n## 0.58.0\\n\\n- Added a component named BasicCard.\\n\\n## 0.57.3\\n\\n- Fixed the margins in the Header block for a mobile if `offset: large`\\n\\n## 0.57.2\\n\\n- Fixed the bug in the Slider block with auto-scroll to the first slide.\\n\\n## 0.57.1\\n\\n- Reduced the `InfoBlock` width. Added support for rounded corners.\\n\\n## 0.57.0\\n\\n- Refactored the Header block. Added a new property named Status. Moved a cube outside a column, it now takes up the entire width.\\n- Refactored the HeaderSlider block.\\n\\n## 0.56.0\\n\\n- Increased side margins for the mobile version to 24px.\\n\\n## 0.55.0\\n\\n- Added YAML snippets to the storybook.\\n\\n## 0.53.1\\n\\n- Changed the hover effect in cards.\\n\\n## 0.53.2\\n\\n- Fixed the hover behavior in the `Share` component.\\n- Moved the ui-kit to dev-dependencies.\\n\\n## 0.53.1\\n\\n- Added support for the gray color in the `Content` component lists.\\n\\n## 0.53.1\\n\\n- Added a component named `HubspotForm`.\\n\\n## 0.52.0\\n\\n- Upgraded i18n to 0.6.0. Now, before using the page-constructor, you need to call \'configure\' (for details, see the readme file).\\n\\n## 0.51.0\\n\\n- You can now use `*.webp` as `src` for `<Image />`.\\n\\n## 0.50.0\\n\\n- Updated the tsconfig.\\n\\n## 0.49.1\\n\\n- Removed CSS variables with --www-...\\n\\n## 0.49.0\\n\\n- Added the customFormOrigin parameter to the YandexForm component.\\n\\n## 0.48.0\\n\\n- Fixed the controls display in the storybook.\\n\\n## 0.46.0\\n\\n- Updated the stories.\\n\\n## 0.44.0\\n\\n- Updated the eslint, stylelint, and prettier configs.\\n\\n## 0.43.1\\n\\n- Fixed the bug with an unnecessary offset of a slide in the slider.\\n\\n## 0.43.0\\n\\n- Added the Content cube to the MediaBlock.\\n\\n## 0.42.4\\n\\n- Fixed the VideoBlock and ReactPlayer component semantic colors.\\n- Fixed the label mixin font.\\n\\n## 0.42.3\\n\\n- Removed --yc-text-caption-1 font overriding and replaced it with --yc-text-caption-2.\\n\\n## 0.42.2\\n\\n- Fixed the component semantic colors.\\n\\n## 0.42.0\\n\\n- Removed the TextTable block.\\n\\n## 0.40.0\\n\\n- Set the `--yc-text-accent-font-weight` CSS variable to 500.\\n- Removed the top margin of the Button component.\\n- Added mixins for headers.\\n- Added the `--pc-text-header-color` variable set to `var(--yc-color-text-primary)`.\\n- Upgraded the @gravity-ui/uikit version to 2.3.0.\\n\\n## 0.39.2\\n\\n- Fixed the video and image display in the BackgroundMedia component in the mobile version.\\n\\n## 0.39.1\\n\\n- Fixed some slider bugs.\\n\\n## 0.38.0\\n\\n- You can now send metrics and pixels from the YandexForm component context.\\n\\n## 0.36.1\\n\\n- Fixed the footnotes in Safari.\\n\\n## 0.36.0\\n\\n- Added handling of missing blocks.\\n\\n## 0.35.0\\n\\n- Added YFM styles to support the dark theme and font-family via a variable.\\n\\n## 0.34.0\\n\\n### Breaking changes\\n\\n- Added the `@gravity-ui/uikit` package.\\n- Updated the `@yandex-data-ui/common` package.\\n- Replaced the peer dependencies package: `@yandex-data-ui/i18n` -> `@gravity-ui/i18n`.\\n- Removed the react-router-dom package from the dependencies.\\n\\n## 0.33.0\\n\\nRemoved the `HeaderWithImage` component.\\n\\n## 0.32.0\\n\\nAdded dark theme support in the `companies-block`.\\n\\n## 0.30.1\\n\\nFix content-layout text color in dark theme\\n\\n## 0.30.0\\n\\nAdded YFM handling in the `PreviewBlock`.\\n\\n## 0.29.0\\n\\nAdded descriptions of blocks and components, a CHANGELOG, and a project description to the storybook.\\n\\n## 0.28.2\\n\\nFixed a link in the `ExtendedFeatures` block.\\n\\n## 0.28.0\\n\\nAdded styles for links inserted using a markup.\\n\\n## 0.24.0\\n\\nAdded all blocks and components to the storybook.\\n\\n## 0.23.0\\n\\nAdded a component named `Quote`.\\n\\n## 0.22.1\\n\\nRemoved the `!important` statement in the `BlockBase` for the padding-bottom property\\nIn the `Content`, if the `text` block has no `title`, the `margin-top` property is 0.\\n\\n## 0.22.0\\n\\n### Breaking changes\\n\\n- `PageConstructorProvider` is now a separate component. For the `PageConstructor` to run properly, wrap it in this provider.\\n  For details, see the [readme](https://github.com/gravity-ui/page-constructor#getting-started) file.\\n\\n- Deleted the `system` theme (the `light` theme is used instead by default).\\n\\n- Changed the default values of the `muted` and `autoplay` parameters in the `ReactPlayer` component from `true` to `false`.\\n\\n## 0.21.0\\n\\n- Added a content cube, card fill, and themes to the `background-card`.\\n\\n## 0.20.1\\n\\n- Fixed YFM text formatting in the `content-layout-block`.\\n\\n## 0.20.0\\n\\n- Added a content cube to the `card-with-image`.\\n\\n## 0.19.3\\n\\n- Added a rerender fix in the `media-block`.\\n\\n## 0.19.1\\n\\n- Added a slider fix in the `media-block`.\\n\\n## 0.19.0\\n\\n- Added a DataLens iframe to the `media-block`.\\n\\n## 0.18.4\\n\\n- Fixed the `BlockHeader` margins.\\n\\n## 0.18.3\\n\\n- Added a fix for `footnotes`.\\n\\n## 0.17.4\\n\\n- Added a fix for image rounding in the `FullScreenImage` component.\\n\\n## 0.17.3\\n\\n- Added a fix for the `content-layout-block`, the default width is `m`.\\n\\n## 0.17.2\\n\\n- Fixed the heading1 mixin.\\n\\n## 0.17.1\\n\\n- Added a YFM fix for null values.\\n\\n## 0.17.0\\n\\n- Added a block named `content-layout-block`.\\n\\n## 0.11.1\\n\\n- Removed the `cards-with-image-block`. Instead, use the\\n  `cards-layout-block` that is universal for all cards.\\n\\n## 0.11.0\\n\\n- Added dark theme support in blocks.\\n\\n## 0.10.1\\n\\n- Fixed imports in the HeaderBreadcrumbs component.\\n\\n## 0.10.0\\n\\n- Added the breadcrumbs property to the Header component.\\n\\n## 0.9.0\\n\\n- Added the CardLayout block, the BackgroundCard component.\\n\\n## 0.7.1\\n\\n- Added the isoDate property to the NewsCard component.\\n\\n## 0.7.0\\n\\n- Added the HeaderSlider block.\\n- Fixed the caption bug in the Tabs block.\\n\\n## 0.6.4\\n\\n- Fixed the Icons block links.\\n\\n## 0.6.3\\n\\n- Fixed the shadow color of Slider arrows and cards.\\n\\n## 0.6.0\\n\\n- Added the Icons and Header blocks.\\n- Added the NewsCard component.\\n- Updated the CardsWithImage block with fullscreen support added.\\n\\n## 0.5.1\\n\\n- Fixed Title size L fonts.\\n- Removed padding-bottom for the HeaderBlock content in the mobile version.\\n\\n## 0.5.0\\n\\n- Added style redesign.\\n\\n## 0.3.5\\n\\n- Added the Header block.\\n\\n## 0.3.3\\n\\n- Fixed the Title component animation, added the right margin to correctly break the title.\\n\\n## 0.1.4\\n\\n- Moved globally defined styles to components.\\n\\n## 0.1.1\\n\\n- Fixed offsets from an image in the cards-with-image.\\n\\n## 0.1.0\\n\\n- Added a block with photos: cards-with-image.\\n\\n## 0.0.10\\n\\n- Added style fixes for the banner dark theme.\\n\\n## 0.0.8\\n\\n- Added YFM style fixes and updates for components from cloud-www.\\n\\n## 0.0.5\\n\\n- Added a mixin for setting style specificity. Fixed errors related to style activation order.\\n\\n## 0.0.4\\n\\n- Fixed the margins of nested grids.\\n\\n## 0.0.3\\n\\n- Added a grid column property that allows resetting the margins.\\n\\n## 0.0.2\\n\\n- Added style variables for fonts. Fixed the `PageConstructor` component class.\\n\\n## 0.0.1\\n\\n- Added page constructor version 1.\\n","contributors":[{"login":"gorgeousvlad","avatarUrl":"https://avatars.githubusercontent.com/u/20395936?v=4","url":"https://github.com/gorgeousvlad","contributions":349},{"login":"niktverd","avatarUrl":"https://avatars.githubusercontent.com/u/61203447?v=4","url":"https://github.com/niktverd","contributions":88},{"login":"aeksandla","avatarUrl":"https://avatars.githubusercontent.com/u/46083995?v=4","url":"https://github.com/aeksandla","contributions":64},{"login":"NikitaCG","avatarUrl":"https://avatars.githubusercontent.com/u/36075690?v=4","url":"https://github.com/NikitaCG","contributions":44},{"login":"Kyzyl-ool","avatarUrl":"https://avatars.githubusercontent.com/u/30153778?v=4","url":"https://github.com/Kyzyl-ool","contributions":32},{"login":"qradle-yndx","avatarUrl":"https://avatars.githubusercontent.com/u/148218517?v=4","url":"https://github.com/qradle-yndx","contributions":27},{"login":"VitaliiDC8","avatarUrl":"https://avatars.githubusercontent.com/u/127111625?v=4","url":"https://github.com/VitaliiDC8","contributions":24},{"login":"Lunatic174","avatarUrl":"https://avatars.githubusercontent.com/u/10085601?v=4","url":"https://github.com/Lunatic174","contributions":20},{"login":"Lakate","avatarUrl":"https://avatars.githubusercontent.com/u/8994274?v=4","url":"https://github.com/Lakate","contributions":17},{"login":"DC-RomanKarpov","avatarUrl":"https://avatars.githubusercontent.com/u/124568536?v=4","url":"https://github.com/DC-RomanKarpov","contributions":13},{"login":"goshander","avatarUrl":"https://avatars.githubusercontent.com/u/5037509?v=4","url":"https://github.com/goshander","contributions":9},{"login":"aapolkovsky","avatarUrl":"https://avatars.githubusercontent.com/u/22380490?v=4","url":"https://github.com/aapolkovsky","contributions":7},{"login":"shuvalovpavel1995","avatarUrl":"https://avatars.githubusercontent.com/u/60737643?v=4","url":"https://github.com/shuvalovpavel1995","contributions":5},{"login":"benax-se","avatarUrl":"https://avatars.githubusercontent.com/u/78896684?v=4","url":"https://github.com/benax-se","contributions":4},{"login":"3y3","avatarUrl":"https://avatars.githubusercontent.com/u/3931155?v=4","url":"https://github.com/3y3","contributions":3},{"login":"melikhov-dev","avatarUrl":"https://avatars.githubusercontent.com/u/1742586?v=4","url":"https://github.com/melikhov-dev","contributions":3},{"login":"moki","avatarUrl":"https://avatars.githubusercontent.com/u/10233823?v=4","url":"https://github.com/moki","contributions":2},{"login":"martyanovandrey","avatarUrl":"https://avatars.githubusercontent.com/u/37772440?v=4","url":"https://github.com/martyanovandrey","contributions":2},{"login":"vladKrk","avatarUrl":"https://avatars.githubusercontent.com/u/20649765?v=4","url":"https://github.com/vladKrk","contributions":2},{"login":"Feverqwe","avatarUrl":"https://avatars.githubusercontent.com/u/891534?v=4","url":"https://github.com/Feverqwe","contributions":1},{"login":"deemsk","avatarUrl":"https://avatars.githubusercontent.com/u/1153930?v=4","url":"https://github.com/deemsk","contributions":1},{"login":"NasgulNexus","avatarUrl":"https://avatars.githubusercontent.com/u/23384737?v=4","url":"https://github.com/NasgulNexus","contributions":1},{"login":"Marginy605","avatarUrl":"https://avatars.githubusercontent.com/u/98329176?v=4","url":"https://github.com/Marginy605","contributions":1},{"login":"HirenDhadhal","avatarUrl":"https://avatars.githubusercontent.com/u/64165691?v=4","url":"https://github.com/HirenDhadhal","contributions":1},{"login":"imsitnikov","avatarUrl":"https://avatars.githubusercontent.com/u/29424746?v=4","url":"https://github.com/imsitnikov","contributions":1},{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":1},{"login":"pavel-klimov","avatarUrl":"https://avatars.githubusercontent.com/u/42768217?v=4","url":"https://github.com/pavel-klimov","contributions":1},{"login":"d3m1d0v","avatarUrl":"https://avatars.githubusercontent.com/u/26671342?v=4","url":"https://github.com/d3m1d0v","contributions":1},{"login":"smsochneg","avatarUrl":"https://avatars.githubusercontent.com/u/15200559?v=4","url":"https://github.com/smsochneg","contributions":1}],"codeOwners":[{"pattern":"*","owners":["gorgeousvlad","NikitaCG"]}]},"blog-constructor":{"stars":9,"version":"6.2.1","lastUpdate":"15.05.2024","license":"MIT License","issues":4,"readme":"# @gravity-ui/blog-constructor &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/blog-constructor)](https://www.npmjs.com/package/@gravity-ui/blog-constructor) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/blog-constructor/ci.yml?branch=main&label=CI)](https://github.com/gravity-ui/blog-constructor/actions/workflows/ci.yml?query=branch:main) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/blog-constructor/release.yml?branch=main&label=Release)](https://github.com/gravity-ui/blog-constructor/actions/workflows/release.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/blog-constructor/)\\n\\n## Install\\n\\n```shell\\nnpm install @gravity-ui/blog-constructor\\n```\\n\\n## Blog-constructor\\n\\n`Blog-constructor` is a library based on the [Page-constructor](https://github.com/gravity-ui/page-constructor) library for creating blog format web pages. Blog-constructor uses the [`custom`](https://github.com/gravity-ui/page-constructor#custom-blocks) prop from page-constructor to add the components needed for the blog.\\n\\n### Documentation - [storybook](https://preview.gravity-ui.com/blog-constructor/)\\n\\n### Getting started\\n\\nThe blog-constructor has both client components and server components for import. The blog pages is imported as a React component. To make sure it runs properly, wrap it in `BlogConstructorProvider`:\\n\\n```jsx\\nimport {BlogPage, BlogConstructorProvider} from \'@gravity-ui/blog-constructor\';\\n\\n// Main blog page\\n<BlogConstructorProvider {...providerProps}>\\n    <BlogPage\\n        content={content}\\n        posts={posts}\\n        tags={tags}\\n        getPosts={handleGetPosts}\\n        settings={settings}\\n    />\\n</BlogConstructorProvider>\\n\\n---\\n\\nimport {BlogPostPage, BlogConstructorProvider} from \'@gravity-ui/blog-constructor\';\\n\\n// Post page\\n<BlogConstructorProvider {...providerProps}>\\n    <BlogPostPage\\n        content={content}\\n        post={post}\\n        suggestedPosts={suggestedPosts}\\n        settings={settings}\\n        shareOptions={shareOptions}\\n    />\\n</BlogConstructorProvider>\\n\\n```\\n\\nDocumentation about [providerProps](./src/constructor/README.md).\\n\\nAlso blog-constructor have server components to help you transform your data if you need\\n\\n```jsx\\nimport {\\n  transformPost,\\n  sanitizeMeta,\\n  createReadableContent,\\n  transformPageContent,\\n} from \'@gravity-ui/blog-constructor/server\';\\n```\\n\\nThe `blog-constructor` is a `uikit-based` library, and we use an instance of `i18n` from uikit. To set up internationalization, you just need to use the `configure` from uikit:\\n\\n```typescript\\nimport {configure} from \'@gravity-ui/uikit\';\\n\\nconfigure({\\n  lang: \'ru\',\\n});\\n```\\n\\n## Development\\n\\n```bash\\nnpm ci\\nnpm run dev\\n```\\n","changelog":"# Changelog\\n\\n## [6.2.1](https://github.com/gravity-ui/blog-constructor/compare/v6.2.0...v6.2.1) (2024-05-15)\\n\\n\\n### Bug Fixes\\n\\n* remove not necessary scroll in feed selector ([#199](https://github.com/gravity-ui/blog-constructor/issues/199)) ([e3c98e6](https://github.com/gravity-ui/blog-constructor/commit/e3c98e67a33446bd6bd569cab5255eb86f116c04))\\n\\n## [6.2.0](https://github.com/gravity-ui/blog-constructor/compare/v6.1.1...v6.2.0) (2024-04-05)\\n\\n\\n### Features\\n\\n* update pkg versions ([#196](https://github.com/gravity-ui/blog-constructor/issues/196)) ([14a2d1a](https://github.com/gravity-ui/blog-constructor/commit/14a2d1aa9a81b7c776846c25570a9e0493cbb60a))\\n\\n## [6.1.1](https://github.com/gravity-ui/blog-constructor/compare/v6.1.0...v6.1.1) (2024-03-20)\\n\\n\\n### Bug Fixes\\n\\n* header background max-width ([#189](https://github.com/gravity-ui/blog-constructor/issues/189)) ([df038b4](https://github.com/gravity-ui/blog-constructor/commit/df038b411a4cdab32b2d5cfab1f806bcc71a65be))\\n\\n## [6.1.0](https://github.com/gravity-ui/blog-constructor/compare/v6.0.0...v6.1.0) (2024-03-13)\\n\\n\\n### Features\\n\\n* del unused prop setQuery ([#187](https://github.com/gravity-ui/blog-constructor/issues/187)) ([488a712](https://github.com/gravity-ui/blog-constructor/commit/488a712092942d3b858767906d8628469438ff9b))\\n\\n## [6.0.0](https://github.com/gravity-ui/blog-constructor/compare/v5.16.1...v6.0.0) (2024-03-06)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* now we are using the `i18n` instance from uikit instead of the internal one, you only need one installation and configuration from uikit in your application ([#179](https://github.com/gravity-ui/page-constructor/pull/179))\\n* updated `uikit` up to v6 ([#177](https://github.com/gravity-ui/page-constructor/pull/177))\\n* updated `page-constructor` up to v5 ([#177](https://github.com/gravity-ui/page-constructor/pull/177))\\n* use `diplodoc-platform/transform` instead `doc-tools/transform` ([#177](https://github.com/gravity-ui/page-constructor/pull/177))\\n* All the props from metrikaGoals and pixelEvents have been deleted. Instead of all that, now AnalyticsEvents ([#177](https://github.com/gravity-ui/page-constructor/pull/177))\\n* refactor `transformPost` interface, now he use argument-object ([#180](https://github.com/gravity-ui/page-constructor/pull/180))\\n\\n\\n## [5.16.1](https://github.com/gravity-ui/blog-constructor/compare/v5.16.0...v5.16.1) (2024-02-16)\\n\\n\\n### Bug Fixes\\n\\n* feed select ([#176](https://github.com/gravity-ui/blog-constructor/issues/176)) ([b0db083](https://github.com/gravity-ui/blog-constructor/commit/b0db083305164bb69957866ebde32492367e1dc6))\\n\\n## [5.16.0](https://github.com/gravity-ui/blog-constructor/compare/v5.15.0...v5.16.0) (2024-02-12)\\n\\n\\n### Features\\n\\n* **Feed:** add possibility to set custom blog feed & post paths ([#169](https://github.com/gravity-ui/blog-constructor/issues/169)) ([90f2444](https://github.com/gravity-ui/blog-constructor/commit/90f2444ef7571ad305159781948925955b21392b))\\n\\n## [5.15.0](https://github.com/gravity-ui/blog-constructor/compare/v5.14.0...v5.15.0) (2024-01-23)\\n\\n\\n### Features\\n\\n* update select popup styles for mobile ([#165](https://github.com/gravity-ui/blog-constructor/issues/165)) ([f02f916](https://github.com/gravity-ui/blog-constructor/commit/f02f9163e606d4578233149cf86d365139c6f045))\\n\\n## [5.14.0](https://github.com/gravity-ui/blog-constructor/compare/v5.13.1...v5.14.0) (2024-01-19)\\n\\n\\n### Features\\n\\n* add clear button in services select ([#158](https://github.com/gravity-ui/blog-constructor/issues/158)) ([4d78254](https://github.com/gravity-ui/blog-constructor/commit/4d78254c1d872de40d8a5adae2889e38177e5137))\\n\\n## [5.13.1](https://github.com/gravity-ui/blog-constructor/compare/v5.13.0...v5.13.1) (2024-01-16)\\n\\n\\n### Bug Fixes\\n\\n* adjust PostCard image paddings ([#159](https://github.com/gravity-ui/blog-constructor/issues/159)) ([6c780f3](https://github.com/gravity-ui/blog-constructor/commit/6c780f3e092f5bfeaf7df7e270b9baf81eb542c9))\\n\\n## [5.13.0](https://github.com/gravity-ui/blog-constructor/compare/v5.12.0...v5.13.0) (2024-01-12)\\n\\n\\n### Features\\n\\n* honest form in blog ([#160](https://github.com/gravity-ui/blog-constructor/issues/160)) ([1b36a2a](https://github.com/gravity-ui/blog-constructor/commit/1b36a2a5ec4b47cfbe3d7a1bb0937f39cba2d942))\\n\\n## [5.12.0](https://github.com/gravity-ui/blog-constructor/compare/v5.11.0...v5.12.0) (2023-12-01)\\n\\n\\n### Features\\n\\n* **BlogCtr:** pass custom prop through blog post page ([#124](https://github.com/gravity-ui/blog-constructor/issues/124)) ([b985d89](https://github.com/gravity-ui/blog-constructor/commit/b985d89a04d83d71f3cfd7603e5cc92aa14b9326))\\n\\n## [5.11.0](https://github.com/gravity-ui/blog-constructor/compare/v5.10.0...v5.11.0) (2023-11-20)\\n\\n\\n### Features\\n\\n* update packages 17.11 ([#154](https://github.com/gravity-ui/blog-constructor/issues/154)) ([ad4205f](https://github.com/gravity-ui/blog-constructor/commit/ad4205f532ae80478170e629fbb25fd7690310b8))\\n\\n## [5.10.0](https://github.com/gravity-ui/blog-constructor/compare/v5.9.0...v5.10.0) (2023-11-09)\\n\\n\\n### Features\\n\\n* del extra req ([#151](https://github.com/gravity-ui/blog-constructor/issues/151)) ([03c9d0d](https://github.com/gravity-ui/blog-constructor/commit/03c9d0d5b2b4158239a0de30c67c7375e1465322))\\n\\n## [5.9.0](https://github.com/gravity-ui/blog-constructor/compare/v5.8.0...v5.9.0) (2023-11-07)\\n\\n\\n### Features\\n\\n* packages update ([#149](https://github.com/gravity-ui/blog-constructor/issues/149)) ([d48fdc1](https://github.com/gravity-ui/blog-constructor/commit/d48fdc1005788f1370180c28cbe7d7166ddc8d63))\\n\\n## [5.8.0](https://github.com/gravity-ui/blog-constructor/compare/v5.7.3...v5.8.0) (2023-10-30)\\n\\n\\n### Features\\n\\n* adding labelledby and describedby attributes for post card ([#142](https://github.com/gravity-ui/blog-constructor/issues/142)) ([7079de4](https://github.com/gravity-ui/blog-constructor/commit/7079de4f2477af307beebf05634eb81fe07c0fcf))\\n* yfm plugins parameter ([#143](https://github.com/gravity-ui/blog-constructor/issues/143)) ([cc971a9](https://github.com/gravity-ui/blog-constructor/commit/cc971a9a424f90a2b91c95ac3f44006a7fd04f10))\\n\\n## [5.7.3](https://github.com/gravity-ui/blog-constructor/compare/v5.7.2...v5.7.3) (2023-10-30)\\n\\n\\n### Сhore\\n\\n* remove useless dependency on react-spring\\n* update devDependency on page-constructor\\n  \\n## [5.7.2](https://github.com/gravity-ui/blog-constructor/compare/v5.7.1...v5.7.2) (2023-10-26)\\n\\n\\n### Bug Fixes\\n\\n* max-height of post description ([#140](https://github.com/gravity-ui/blog-constructor/issues/140)) ([3bf7e02](https://github.com/gravity-ui/blog-constructor/commit/3bf7e02d2ad6c6c3dc0e915f0e66ff37f77de4e6))\\n\\n## [5.7.1](https://github.com/gravity-ui/blog-constructor/compare/v5.7.0...v5.7.1) (2023-10-21)\\n\\n\\n### Bug Fixes\\n\\n* add QA to block schemas ([#123](https://github.com/gravity-ui/blog-constructor/issues/123)) ([cf5d8ca](https://github.com/gravity-ui/blog-constructor/commit/cf5d8ca9a768229ee514cad5b7b249e94a734bb2))\\n\\n## [5.7.0](https://github.com/gravity-ui/blog-constructor/compare/v5.6.0...v5.7.0) (2023-10-20)\\n\\n\\n### Features\\n\\n* update packages ([#136](https://github.com/gravity-ui/blog-constructor/issues/136)) ([f87cdc0](https://github.com/gravity-ui/blog-constructor/commit/f87cdc0f845b15ec1a40db08a60c03fc54301fd1))\\n\\n## [5.6.0](https://github.com/gravity-ui/blog-constructor/compare/v5.5.0...v5.6.0) (2023-10-18)\\n\\n\\n### Features\\n\\n* added focus styles for interactive elements ([#130](https://github.com/gravity-ui/blog-constructor/issues/130)) ([0ee9b5b](https://github.com/gravity-ui/blog-constructor/commit/0ee9b5b7dca5c62ba1209fc54f324d494203a5c3))\\n\\n## [5.5.0](https://github.com/gravity-ui/blog-constructor/compare/v5.4.1...v5.5.0) (2023-10-12)\\n\\n\\n### Features\\n\\n* added \\"Release alpha\\" action ([#131](https://github.com/gravity-ui/blog-constructor/issues/131)) ([5b128b2](https://github.com/gravity-ui/blog-constructor/commit/5b128b278ec6bef3a44387a525d5c9993ffff966))\\n\\n## [5.4.1](https://github.com/gravity-ui/blog-constructor/compare/v5.4.0...v5.4.1) (2023-10-05)\\n\\n\\n### Bug Fixes\\n\\n* install-react-spring-out-from-quarantine ([#127](https://github.com/gravity-ui/blog-constructor/issues/127)) ([09a91c3](https://github.com/gravity-ui/blog-constructor/commit/09a91c3b814882ee7675de7c531c94fa88cae4e9))\\n\\n## [5.4.0](https://github.com/gravity-ui/blog-constructor/compare/v5.3.0...v5.4.0) (2023-10-05)\\n\\n\\n### Features\\n\\n* release update react-spring version ([#120](https://github.com/gravity-ui/blog-constructor/issues/120)) ([6db610f](https://github.com/gravity-ui/blog-constructor/commit/6db610f6d2b6f1b8ec867678b130cfc601150da0))\\n* update page-constructor to v4.20.0 ([#125](https://github.com/gravity-ui/blog-constructor/issues/125)) ([1ac0334](https://github.com/gravity-ui/blog-constructor/commit/1ac0334a8feba39c5f999d432512ff15277ebadf))\\n\\n## [5.3.0](https://github.com/gravity-ui/blog-constructor/compare/v5.2.0...v5.3.0) (2023-10-02)\\n\\n\\n### Features\\n\\n* update pc 4.19.1 ([#117](https://github.com/gravity-ui/blog-constructor/issues/117)) ([ef6ba9c](https://github.com/gravity-ui/blog-constructor/commit/ef6ba9c906eb24d7822d39649a19805faed42adb))\\n\\n## [5.2.0](https://github.com/gravity-ui/blog-constructor/compare/v5.1.0...v5.2.0) (2023-09-27)\\n\\n\\n### Features\\n\\n* add exports part in package.json ([#114](https://github.com/gravity-ui/blog-constructor/issues/114)) ([6d6a0ef](https://github.com/gravity-ui/blog-constructor/commit/6d6a0ef253810cda7d1be476030ead9c3c7cc18f))\\n\\n## [5.1.0](https://github.com/gravity-ui/blog-constructor/compare/v5.0.3...v5.1.0) (2023-09-25)\\n\\n\\n### Features\\n\\n* use appropriate heading levels for blog post cards ([#103](https://github.com/gravity-ui/blog-constructor/issues/103)) ([22dee91](https://github.com/gravity-ui/blog-constructor/commit/22dee9108f139b46d37b7a8692bdd0a5c39f2a51))\\n\\n## [5.0.3](https://github.com/gravity-ui/blog-constructor/compare/v5.0.2...v5.0.3) (2023-09-11)\\n\\n\\n### Bug Fixes\\n\\n* delete uikit overrides ([#105](https://github.com/gravity-ui/blog-constructor/issues/105)) ([5743459](https://github.com/gravity-ui/blog-constructor/commit/574345940546e32bae368b2188856ac99865e456))\\n\\n## [5.0.2](https://github.com/gravity-ui/blog-constructor/compare/v5.0.1...v5.0.2) (2023-08-16)\\n\\n\\n### Bug Fixes\\n\\n* **CustomSwitcher:** use css variable instead of hardcode for border-radius ([#99](https://github.com/gravity-ui/blog-constructor/issues/99)) ([20cd4f7](https://github.com/gravity-ui/blog-constructor/commit/20cd4f7f7b03e0c7b5d98992586f61aed5d66ba5))\\n\\n## [5.0.1](https://github.com/gravity-ui/blog-constructor/compare/v5.0.0...v5.0.1) (2023-08-16)\\n\\n\\n### Bug Fixes\\n\\n* refactor search styles after uikit inner update ([#96](https://github.com/gravity-ui/blog-constructor/issues/96)) ([337b93e](https://github.com/gravity-ui/blog-constructor/commit/337b93e0d9980639fd33e9651a274bf687ecb2e8))\\n\\n## [5.0.0](https://github.com/gravity-ui/blog-constructor/compare/v4.4.1...v5.0.0) (2023-08-04)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update to @gravity-ui/uikit version 5  ([#87](https://github.com/gravity-ui/blog-constructor/issues/87))\\n* update to @gravity-ui/page-constructor version 4  ([#87](https://github.com/gravity-ui/blog-constructor/issues/87))\\n* update to @doc-tools/transform version 3  ([#87](https://github.com/gravity-ui/blog-constructor/issues/87))\\n* `dataQa` testing props were renamed to `qa` ([#87](https://github.com/gravity-ui/blog-constructor/issues/87))\\n\\n### Features\\n\\n* install @gravity-ui/components in dependencies  ([#87](https://github.com/gravity-ui/blog-constructor/issues/87))\\n\\n## [4.4.1](https://github.com/gravity-ui/blog-constructor/compare/v4.4.0...v4.4.1) (2023-08-03)\\n\\n\\n### Bug Fixes\\n\\n* change border-radius for filter in select popup ([#89](https://github.com/gravity-ui/blog-constructor/issues/89)) ([6585550](https://github.com/gravity-ui/blog-constructor/commit/658555023e2f2446f59b15a27906d84aaa6b5c8b))\\n\\n## [4.4.0](https://github.com/gravity-ui/blog-constructor/compare/v4.3.1...v4.4.0) (2023-07-28)\\n\\n\\n### Features\\n\\n* update uikit 4 ([#83](https://github.com/gravity-ui/blog-constructor/issues/83)) ([11edba0](https://github.com/gravity-ui/blog-constructor/commit/11edba0c05a92e4ca7ec414a791d265a534f081a))\\n\\n## [4.3.1](https://github.com/gravity-ui/blog-constructor/compare/v4.3.0...v4.3.1) (2023-07-28)\\n\\n\\n### Bug Fixes\\n\\n* prompt sign in message ([#84](https://github.com/gravity-ui/blog-constructor/issues/84)) ([54529f1](https://github.com/gravity-ui/blog-constructor/commit/54529f16b5bf5ac2dfd6e4e77542df7f2bd18374))\\n\\n## [4.3.0](https://github.com/gravity-ui/blog-constructor/compare/v4.2.1...v4.3.0) (2023-07-20)\\n\\n\\n### Features\\n\\n* update storybook up to v7 ([#77](https://github.com/gravity-ui/blog-constructor/issues/77)) ([abd28d5](https://github.com/gravity-ui/blog-constructor/commit/abd28d5406f9db2c82c89bbad935075b7d4bb60f))\\n\\n\\n### Bug Fixes\\n\\n* keep prompt on hover ([#78](https://github.com/gravity-ui/blog-constructor/issues/78)) ([850516a](https://github.com/gravity-ui/blog-constructor/commit/850516ab461b243888b8cda542b4e348114d14ff))\\n\\n## [4.2.1](https://github.com/gravity-ui/blog-constructor/compare/v4.2.0...v4.2.1) (2023-07-07)\\n\\n\\n### Bug Fixes\\n\\n* prompt-sign-in-on-like for blog post pages ([#75](https://github.com/gravity-ui/blog-constructor/issues/75)) ([1862306](https://github.com/gravity-ui/blog-constructor/commit/186230610d13e4c31bfd4bbbb52128b23e81bf39))\\n\\n## [4.2.0](https://github.com/gravity-ui/blog-constructor/compare/v4.1.2...v4.2.0) (2023-06-28)\\n\\n\\n### Features\\n\\n* update page constructor version ([#73](https://github.com/gravity-ui/blog-constructor/issues/73)) ([2d46b27](https://github.com/gravity-ui/blog-constructor/commit/2d46b27c1e2550ebaa9da4c2eb7a873cdda66ca6))\\n\\n## [4.1.2](https://github.com/gravity-ui/blog-constructor/compare/v4.1.1...v4.1.2) (2023-06-23)\\n\\n\\n### Bug Fixes\\n\\n* semantic markup ([#71](https://github.com/gravity-ui/blog-constructor/issues/71)) ([fb18afd](https://github.com/gravity-ui/blog-constructor/commit/fb18afd3d38d2bdb81b71e83608f54b90874f9e1))\\n\\n## [4.1.1](https://github.com/gravity-ui/blog-constructor/compare/v4.1.0...v4.1.1) (2023-06-14)\\n\\n\\n### Bug Fixes\\n\\n* fix react peer ([#69](https://github.com/gravity-ui/blog-constructor/issues/69)) ([26cf1b1](https://github.com/gravity-ui/blog-constructor/commit/26cf1b1df1d49455b764841c6b3065dc7f64858d))\\n\\n## [4.1.0](https://github.com/gravity-ui/blog-constructor/compare/v4.0.0...v4.1.0) (2023-06-08)\\n\\n\\n### Features\\n\\n* Prompt Sign In on Post Like ([#57](https://github.com/gravity-ui/blog-constructor/issues/57)) ([216cd9b](https://github.com/gravity-ui/blog-constructor/commit/216cd9b1accab047a46d7404f007623f56f1590e))\\n\\n\\n### Bug Fixes\\n\\n* update peer ([#67](https://github.com/gravity-ui/blog-constructor/issues/67)) ([da2cbac](https://github.com/gravity-ui/blog-constructor/commit/da2cbac4d02017c4d3f9ff49108ba163b9a7867b))\\n\\n## [4.0.0](https://github.com/gravity-ui/blog-constructor/compare/v3.5.0...v4.0.0) (2023-06-07)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* install page-constructor@3 and refactor transform content ([#54](https://github.com/gravity-ui/blog-constructor/issues/54)) (#60)\\n\\n### Features\\n\\n* install page-constructor@3 and refactor transform content  ([#54](https://github.com/gravity-ui/blog-constructor/issues/54)) ([#60](https://github.com/gravity-ui/blog-constructor/issues/60)) ([26bf452](https://github.com/gravity-ui/blog-constructor/commit/26bf452419f9c01bd0e550fa857715665fe38cd2))\\n\\n## [3.5.0](https://github.com/gravity-ui/blog-constructor/compare/v3.4.1...v3.5.0) (2023-06-07)\\n\\n\\n### Features\\n\\n* update page-constructor in  second major ([#63](https://github.com/gravity-ui/blog-constructor/issues/63)) ([95d2fb8](https://github.com/gravity-ui/blog-constructor/commit/95d2fb88a13e4371bc4d6e603a3835790f1ffb4f))\\n\\n## [3.4.1](https://github.com/gravity-ui/blog-constructor/compare/v3.4.0...v3.4.1) (2023-05-30)\\n\\n\\n### Bug Fixes\\n\\n* return js, jsx files to gulpfile.js ([#58](https://github.com/gravity-ui/blog-constructor/issues/58)) ([d5e4c42](https://github.com/gravity-ui/blog-constructor/commit/d5e4c428e8eae56fd7ab381c2969c04955adc45b))\\n\\n## [3.4.0](https://github.com/gravity-ui/blog-constructor/compare/v3.3.0...v3.4.0) (2023-05-24)\\n\\n\\n### Features\\n\\n* new loading UI (shimmer) ([#50](https://github.com/gravity-ui/blog-constructor/issues/50)) ([ccdf08c](https://github.com/gravity-ui/blog-constructor/commit/ccdf08ccc62dd9930ab8c994601c787b03897f05))\\n\\n## [3.3.0](https://github.com/gravity-ui/blog-constructor/compare/v3.2.1...v3.3.0) (2023-05-16)\\n\\n\\n### Features\\n\\n* add md breackpoint to cta-block ([#45](https://github.com/gravity-ui/blog-constructor/issues/45)) ([e859b0b](https://github.com/gravity-ui/blog-constructor/commit/e859b0b02e80b20eb0b4496e2c4834fb2de74922))\\n\\n## [3.2.1](https://github.com/gravity-ui/blog-constructor/compare/v3.2.0...v3.2.1) (2023-05-16)\\n\\n\\n### Bug Fixes\\n\\n* add settings context to add a tag for pagination ([#47](https://github.com/gravity-ui/blog-constructor/issues/47)) ([0856675](https://github.com/gravity-ui/blog-constructor/commit/0856675316425c9a690664a99d30d2af63e116ca))\\n\\n## [3.2.0](https://github.com/gravity-ui/blog-constructor/compare/v3.1.1...v3.2.0) (2023-05-15)\\n\\n\\n### Features\\n\\n* create schemas ([#41](https://github.com/gravity-ui/blog-constructor/issues/41)) ([f4f28f3](https://github.com/gravity-ui/blog-constructor/commit/f4f28f367db6d18588602d734623863ccfea1a01))\\n\\n## [3.1.1](https://github.com/gravity-ui/blog-constructor/compare/v3.1.0...v3.1.1) (2023-05-11)\\n\\n\\n### Bug Fixes\\n\\n* add specificity to headings ([#43](https://github.com/gravity-ui/blog-constructor/issues/43)) ([de53d0b](https://github.com/gravity-ui/blog-constructor/commit/de53d0bb9a697f520626e8c0b1d8c48c8e4d8a64))\\n* change href \'prev\' to \'blog\' and \'next\' to page+1 ([#42](https://github.com/gravity-ui/blog-constructor/issues/42)) ([cb8b810](https://github.com/gravity-ui/blog-constructor/commit/cb8b8102d59368cfa0d285d63604a8e9f1ab6619))\\n\\n## [3.1.0](https://github.com/gravity-ui/blog-constructor/compare/v3.0.2...v3.1.0) (2023-04-25)\\n\\n\\n### Features\\n\\n* remove user context ([#35](https://github.com/gravity-ui/blog-constructor/issues/35)) ([36e7112](https://github.com/gravity-ui/blog-constructor/commit/36e71123b515886f28722b08552d538b8f038a87))\\n\\n## [3.0.2](https://github.com/gravity-ui/blog-constructor/compare/v3.0.1...v3.0.2) (2023-04-25)\\n\\n\\n### Bug Fixes\\n\\n* dump other queries when toggle savedOnly button ([#37](https://github.com/gravity-ui/blog-constructor/issues/37)) ([57ca01a](https://github.com/gravity-ui/blog-constructor/commit/57ca01a35736d7bd94711ed70887e7eb8cbaf0f4))\\n\\n## [3.0.1](https://github.com/gravity-ui/blog-constructor/compare/v3.0.0...v3.0.1) (2023-04-24)\\n\\n\\n### Bug Fixes\\n\\n* rewrap pagination item ([#36](https://github.com/gravity-ui/blog-constructor/issues/36)) ([a3a56b2](https://github.com/gravity-ui/blog-constructor/commit/a3a56b2d4519871427de1e42267ce18736f7f7b1))\\n\\n## [3.0.0](https://github.com/gravity-ui/blog-constructor/compare/v2.3.0...v3.0.0) (2023-04-10)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* add callback prop for blog page ([#25](https://github.com/gravity-ui/blog-constructor/issues/25))\\n\\n### Features\\n\\n* add callback prop for blog page ([#25](https://github.com/gravity-ui/blog-constructor/issues/25)) ([7b1ab2c](https://github.com/gravity-ui/blog-constructor/commit/7b1ab2c12aa9ef4f8e5a11853508a9b439a196d7))\\n\\n## [2.3.0](https://github.com/gravity-ui/blog-constructor/compare/v2.2.0...v2.3.0) (2023-04-10)\\n\\n\\n### Features\\n\\n* analytics refactoring ([#13](https://github.com/gravity-ui/blog-constructor/issues/13)) ([a95c55b](https://github.com/gravity-ui/blog-constructor/commit/a95c55bd1ff98f86a110f33ac3275b590ee5db8e))\\n\\n\\n### Bug Fixes\\n\\n* margin-top of header ([#31](https://github.com/gravity-ui/blog-constructor/issues/31)) ([97ed974](https://github.com/gravity-ui/blog-constructor/commit/97ed974ab0ce0546010d60587b21b8c0eee3279c))\\n\\n## [2.2.0](https://github.com/gravity-ui/blog-constructor/compare/v2.1.0...v2.2.0) (2023-04-06)\\n\\n\\n### Features\\n\\n* update linters ([#24](https://github.com/gravity-ui/blog-constructor/issues/24)) ([bc5aa0f](https://github.com/gravity-ui/blog-constructor/commit/bc5aa0f72e64b916acaf692874482ccdae3f94e9))\\n\\n## [2.1.0](https://github.com/gravity-ui/blog-constructor/compare/v2.0.2...v2.1.0) (2023-04-06)\\n\\n\\n### Features\\n\\n* change source field with author description ([#5](https://github.com/gravity-ui/blog-constructor/issues/5)) ([fb7151c](https://github.com/gravity-ui/blog-constructor/commit/fb7151ceac39b2e4407c7110da0314b87c4db72b))\\n\\n## [2.0.2](https://github.com/gravity-ui/blog-constructor/compare/v2.0.1...v2.0.2) (2023-04-05)\\n\\n\\n### Bug Fixes\\n\\n* covering pagination buttons into \'a\' tag ([#23](https://github.com/gravity-ui/blog-constructor/issues/23)) ([e603f2e](https://github.com/gravity-ui/blog-constructor/commit/e603f2e2b0f86d492132174a1c8172786e7a09a1))\\n\\n## [2.0.1](https://github.com/gravity-ui/blog-constructor/compare/v2.0.0...v2.0.1) (2023-04-04)\\n\\n\\n### Bug Fixes\\n\\n* throw virtualization threshold prop in Select ([#26](https://github.com/gravity-ui/blog-constructor/issues/26)) ([ccb0f19](https://github.com/gravity-ui/blog-constructor/commit/ccb0f19a904e54fd43ca66195da9e94925d0a26f))\\n* throw virtualization threshold prop in Select ([#26](https://github.com/gravity-ui/blog-constructor/issues/26)) ([0aa5aed](https://github.com/gravity-ui/blog-constructor/commit/0aa5aeda9a0afd99ae8590c6b666c033a12b7fba))\\n\\n## [2.0.0](https://github.com/gravity-ui/blog-constructor/compare/v1.1.2...v2.0.0) (2023-04-03)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update uikit up to 4 ([#11](https://github.com/gravity-ui/blog-constructor/issues/11))\\n\\n### Features\\n\\n* update uikit up to 4 ([#11](https://github.com/gravity-ui/blog-constructor/issues/11)) ([5d6f3d5](https://github.com/gravity-ui/blog-constructor/commit/5d6f3d51daf111a240871dbad721bbdd250d6b46))\\n\\n## [1.1.2](https://github.com/gravity-ui/blog-constructor/compare/v1.1.1...v1.1.2) (2023-03-28)\\n\\n\\n### Bug Fixes\\n\\n* add info about release ([#19](https://github.com/gravity-ui/blog-constructor/issues/19)) ([8a5824f](https://github.com/gravity-ui/blog-constructor/commit/8a5824f24c4ad85f0f122111f8f5c1e7c36becc5))\\n\\n## [1.1.1](https://github.com/gravity-ui/blog-constructor/compare/v1.1.0...v1.1.1) (2023-03-28)\\n\\n\\n### Bug Fixes\\n\\n* add info about ci in readme ([#17](https://github.com/gravity-ui/blog-constructor/issues/17)) ([b6cffaa](https://github.com/gravity-ui/blog-constructor/commit/b6cffaa1c255c53cd00d06d4fbe0330e117f42a0))\\n\\n## 1.1.0 (2023-03-28)\\n\\n### Features\\n\\n- add workflows, update @types/react, small refactors, update Select ([#2](https://github.com/gravity-ui/blog-constructor/issues/2)) ([326247a](https://github.com/gravity-ui/blog-constructor/commit/326247abe9411b50c82ed2cfa516ac6cd341bfa7))\\n- Brush up stories, add content for CTA, Layout, Feed blocks. ([#4](https://github.com/gravity-ui/blog-constructor/issues/4)) ([0b73537](https://github.com/gravity-ui/blog-constructor/commit/0b73537b3bae35eca10610963369f3f5d8f9ecbd))\\n- export author type ([9e5ee34](https://github.com/gravity-ui/blog-constructor/commit/9e5ee34c6b4d1b3288cda1258160e22073f9ad9d))\\n- fix button savedOnly color ([#9](https://github.com/gravity-ui/blog-constructor/issues/9)) ([ef3b1ca](https://github.com/gravity-ui/blog-constructor/commit/ef3b1ca9048f1218817ec5c9c6a5b3e05492f062))\\n- init tests ([#1](https://github.com/gravity-ui/blog-constructor/issues/1)) ([f8df32f](https://github.com/gravity-ui/blog-constructor/commit/f8df32f3eccb97abc7bfef222aca1ea56421619b))\\n- **navigation:** pass the PageConstructor\'s navigation prop ([cb875ff](https://github.com/gravity-ui/blog-constructor/commit/cb875ff708832f5dd9e121d67cfccb387ae2499f))\\n- uninstall doctools/components ([#14](https://github.com/gravity-ui/blog-constructor/issues/14)) ([16dc64c](https://github.com/gravity-ui/blog-constructor/commit/16dc64c3002b614831880dbe5b250c5637031c7d))\\n- update license ([#3](https://github.com/gravity-ui/blog-constructor/issues/3)) ([aa4ee5b](https://github.com/gravity-ui/blog-constructor/commit/aa4ee5bdd01a7db5f6c6c457836658761eee1099))\\n- update readme ([#15](https://github.com/gravity-ui/blog-constructor/issues/15)) ([3dbdf78](https://github.com/gravity-ui/blog-constructor/commit/3dbdf78b35f93024bebbcf64a6f06fb01509ae3e))\\n\\n### Bug Fixes\\n\\n- **general:** better deps ([8c22384](https://github.com/gravity-ui/blog-constructor/commit/8c223848e47faf8b9beee6700afce317359ee226))\\n- search input width ([051c145](https://github.com/gravity-ui/blog-constructor/commit/051c14502110306964c4ec9a2bea47cea9364db5))\\n\\n## 1.0.0\\n\\nCreate public access for blog-constructor library for creating blog format web pages.\\n","contributors":[{"login":"NikitaCG","avatarUrl":"https://avatars.githubusercontent.com/u/36075690?v=4","url":"https://github.com/NikitaCG","contributions":260},{"login":"niktverd","avatarUrl":"https://avatars.githubusercontent.com/u/61203447?v=4","url":"https://github.com/niktverd","contributions":65},{"login":"gorgeousvlad","avatarUrl":"https://avatars.githubusercontent.com/u/20395936?v=4","url":"https://github.com/gorgeousvlad","contributions":20},{"login":"VitaliiDC8","avatarUrl":"https://avatars.githubusercontent.com/u/127111625?v=4","url":"https://github.com/VitaliiDC8","contributions":6},{"login":"DC-RomanKarpov","avatarUrl":"https://avatars.githubusercontent.com/u/124568536?v=4","url":"https://github.com/DC-RomanKarpov","contributions":6},{"login":"Kyzyl-ool","avatarUrl":"https://avatars.githubusercontent.com/u/30153778?v=4","url":"https://github.com/Kyzyl-ool","contributions":5},{"login":"ecoinomist","avatarUrl":"https://avatars.githubusercontent.com/u/13236298?v=4","url":"https://github.com/ecoinomist","contributions":4},{"login":"Lunatic174","avatarUrl":"https://avatars.githubusercontent.com/u/10085601?v=4","url":"https://github.com/Lunatic174","contributions":3},{"login":"aeksandla","avatarUrl":"https://avatars.githubusercontent.com/u/46083995?v=4","url":"https://github.com/aeksandla","contributions":2},{"login":"melikhov-dev","avatarUrl":"https://avatars.githubusercontent.com/u/1742586?v=4","url":"https://github.com/melikhov-dev","contributions":2},{"login":"deemsk","avatarUrl":"https://avatars.githubusercontent.com/u/1153930?v=4","url":"https://github.com/deemsk","contributions":2},{"login":"yuberdysheva","avatarUrl":"https://avatars.githubusercontent.com/u/22456330?v=4","url":"https://github.com/yuberdysheva","contributions":1},{"login":"pavel-klimov","avatarUrl":"https://avatars.githubusercontent.com/u/42768217?v=4","url":"https://github.com/pavel-klimov","contributions":1},{"login":"linkouth","avatarUrl":"https://avatars.githubusercontent.com/u/34433986?v=4","url":"https://github.com/linkouth","contributions":1}],"codeOwners":[{"pattern":"*","owners":["NikitaCG"]}]},"chartkit":{"stars":21,"version":"5.10.1","lastUpdate":"09.07.2024","license":"","issues":20,"readme":"# @gravity-ui/chartkit &middot; [![license](https://img.shields.io/badge/license-MIT-brightgreen.svg)](LICENSE) [![npm package](https://img.shields.io/npm/v/@gravity-ui/chartkit)](https://www.npmjs.com/package/@gravity-ui/chartkit) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/chartkit/)\\n\\nReact component used to render charts based on any sources you need\\n\\n## Install\\n\\n```shell\\nnpm i --save-dev @gravity-ui/chartkit @gravity-ui/uikit\\n```\\n\\nMake sure you have `@gravity-ui/uikit` styles enabled in your project.\\n\\n```typescript\\nimport \'@gravity-ui/uikit/styles/styles.scss\';\\n```\\n\\n## Usage\\n\\n```typescript\\nimport {ThemeProvider} from \'@gravity-ui/uikit\';\\nimport ChartKit, {settings} from \'@gravity-ui/chartkit\';\\nimport {YagrPlugin} from \'@gravity-ui/chartkit/yagr\';\\nimport type {YagrWidgetData} from \'@gravity-ui/chartkit/yagr\';\\n\\nimport \'@gravity-ui/uikit/styles/styles.scss\';\\n\\nsettings.set({plugins: [YagrPlugin]});\\n\\nconst data: YagrWidgetData = {\\n  data: {\\n    timeline: [\\n      1636838612441, 1636925012441, 1637011412441, 1637097812441, 1637184212441, 1637270612441,\\n      1637357012441, 1637443412441, 1637529812441, 1637616212441,\\n    ],\\n    graphs: [\\n      {\\n        id: \'0\',\\n        name: \'Serie 1\',\\n        color: \'#6c59c2\',\\n        data: [25, 52, 89, 72, 39, 49, 82, 59, 36, 5],\\n      },\\n      {\\n        id: \'1\',\\n        name: \'Serie 2\',\\n        color: \'#6e8188\',\\n        data: [37, 6, 51, 10, 65, 35, 72, 0, 94, 54],\\n      },\\n    ],\\n  },\\n  libraryConfig: {\\n    chart: {\\n      series: {\\n        type: \'line\',\\n      },\\n    },\\n    title: {\\n      text: \'line: random 10 pts\',\\n    },\\n  },\\n};\\n\\nfunction App() {\\n  return (\\n    <ThemeProvider>\\n      <div className=\\"app\\" style={{height: 500}}>\\n        <ChartKit type=\\"yagr\\" data={data} />\\n      </div>\\n    </ThemeProvider>\\n  );\\n}\\n\\nexport default App;\\n```\\n","changelog":"# Changelog\\n\\n## [5.10.1](https://github.com/gravity-ui/chartkit/compare/v5.10.0...v5.10.1) (2024-07-09)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix onRender trigger behaviour ([#502](https://github.com/gravity-ui/chartkit/issues/502)) ([f910063](https://github.com/gravity-ui/chartkit/commit/f910063dbe97bd0ec4a9e4dc292d3cabb63768c9))\\n\\n## [5.10.0](https://github.com/gravity-ui/chartkit/compare/v5.9.0...v5.10.0) (2024-07-08)\\n\\n\\n### Features\\n\\n* **D3  plugin:** multiline axis title ([#499](https://github.com/gravity-ui/chartkit/issues/499)) ([025701e](https://github.com/gravity-ui/chartkit/commit/025701e12bf4df7b88a35c9440bbd913cc9c8205))\\n* **D3 plugin:** axis title alignment ([#497](https://github.com/gravity-ui/chartkit/issues/497)) ([1bc167f](https://github.com/gravity-ui/chartkit/commit/1bc167fda52e702a2d46ef62db22322e5f0b0f9c))\\n* **Highcharts plugin:** add props paneSplitOrientation ([#501](https://github.com/gravity-ui/chartkit/issues/501)) ([9011e92](https://github.com/gravity-ui/chartkit/commit/9011e927a3779d0dfe8058a2801407826ae89557))\\n\\n## [5.9.0](https://github.com/gravity-ui/chartkit/compare/v5.8.0...v5.9.0) (2024-06-28)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add logarithmic type for x and y axes ([#493](https://github.com/gravity-ui/chartkit/issues/493)) ([f633d91](https://github.com/gravity-ui/chartkit/commit/f633d9193a9b11500c8bd01bd7b05421a9f0809e))\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix `getTooltip` in case of tooltip fixation ([#496](https://github.com/gravity-ui/chartkit/issues/496)) ([3c40fd9](https://github.com/gravity-ui/chartkit/commit/3c40fd9e205d44b0ba8f9261a6c2aa60024f7028))\\n\\n## [5.8.0](https://github.com/gravity-ui/chartkit/compare/v5.7.0...v5.8.0) (2024-06-14)\\n\\n\\n### Features\\n\\n* **D3 plugin:** split charts with same X axis ([#486](https://github.com/gravity-ui/chartkit/issues/486)) ([3904443](https://github.com/gravity-ui/chartkit/commit/39044433796e71bf02a348ae30f982afd2c537c9))\\n\\n\\n### Bug Fixes\\n\\n* **D3 plugin:** fix some errors in bar-y series ([#492](https://github.com/gravity-ui/chartkit/issues/492)) ([39138b3](https://github.com/gravity-ui/chartkit/commit/39138b38e2aaa5b9f4c41b9530578d7bf4cb6cc1))\\n\\n## [5.7.0](https://github.com/gravity-ui/chartkit/compare/v5.6.0...v5.7.0) (2024-05-23)\\n\\n\\n### Features\\n\\n* **D3 plugin:** negative Y values for bar-x chart ([#483](https://github.com/gravity-ui/chartkit/issues/483)) ([7180e39](https://github.com/gravity-ui/chartkit/commit/7180e394c64ddcdbb09da7a39ce2f8d882d2880b))\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix resetZoomButton alignment ([#485](https://github.com/gravity-ui/chartkit/issues/485)) ([109d5c0](https://github.com/gravity-ui/chartkit/commit/109d5c031bc839df35eaa212186ca147387a99f0))\\n\\n## [5.6.0](https://github.com/gravity-ui/chartkit/compare/v5.5.0...v5.6.0) (2024-05-17)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add second Y axis support ([#480](https://github.com/gravity-ui/chartkit/issues/480)) ([7cadd8e](https://github.com/gravity-ui/chartkit/commit/7cadd8efec7a46665f55094651c7bdde3643a4d1))\\n\\n\\n### Bug Fixes\\n\\n* **D3 plugin:** fix import in utils ([#482](https://github.com/gravity-ui/chartkit/issues/482)) ([8cb4624](https://github.com/gravity-ui/chartkit/commit/8cb4624ed17d68117295ab9105cf4f824e9e11a7))\\n\\n## [5.5.0](https://github.com/gravity-ui/chartkit/compare/v5.4.0...v5.5.0) (2024-05-13)\\n\\n\\n### Features\\n\\n* **D3 plugin:** basic waterfall chart ([#475](https://github.com/gravity-ui/chartkit/issues/475)) ([cff5a3a](https://github.com/gravity-ui/chartkit/commit/cff5a3a1bfc5cabf074ca1aa7f31f17a457f868f))\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** return old value for pie.slicedOffset ([#478](https://github.com/gravity-ui/chartkit/issues/478)) ([d8b61d9](https://github.com/gravity-ui/chartkit/commit/d8b61d96ccc7eae25efdbb4c621a45283cebb9b8))\\n\\n## [5.4.0](https://github.com/gravity-ui/chartkit/compare/v5.3.3...v5.4.0) (2024-05-07)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add multiple series hover support ([#471](https://github.com/gravity-ui/chartkit/issues/471)) ([781708a](https://github.com/gravity-ui/chartkit/commit/781708ae1b8ab03f4a7be3dfd882f4f0f1d1ddf1))\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** remove default point shift+click event ([#473](https://github.com/gravity-ui/chartkit/issues/473)) ([6fd4dea](https://github.com/gravity-ui/chartkit/commit/6fd4dea725d4a8981231c0e3b62c51c86ac34451))\\n\\n## [5.3.3](https://github.com/gravity-ui/chartkit/compare/v5.3.2...v5.3.3) (2024-04-15)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** Remove debounce to render the totals in a donut chart ([#469](https://github.com/gravity-ui/chartkit/issues/469)) ([4b808b8](https://github.com/gravity-ui/chartkit/commit/4b808b8be2555cc29575b8ce6193690ccda23abf))\\n\\n## [5.3.2](https://github.com/gravity-ui/chartkit/compare/v5.3.1...v5.3.2) (2024-04-12)\\n\\n\\n### Bug Fixes\\n\\n* **settings:** fix merge logic for plugins update in settings ([#465](https://github.com/gravity-ui/chartkit/issues/465)) ([0d99e79](https://github.com/gravity-ui/chartkit/commit/0d99e7930dbd7c0ffd942abfca4dc006e7a90f88))\\n\\n## [5.3.1](https://github.com/gravity-ui/chartkit/compare/v5.3.0...v5.3.1) (2024-04-11)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix `getXAxisThresholdValue` helper ([#463](https://github.com/gravity-ui/chartkit/issues/463)) ([b5b112c](https://github.com/gravity-ui/chartkit/commit/b5b112c87bf676c88d2de1c48bfa00a95528a791))\\n\\n## [5.3.0](https://github.com/gravity-ui/chartkit/compare/v5.2.2...v5.3.0) (2024-04-09)\\n\\n\\n### Features\\n\\n* bumped yagr to 4.3.0 ([#461](https://github.com/gravity-ui/chartkit/issues/461)) ([3136912](https://github.com/gravity-ui/chartkit/commit/3136912b30ca6f012f165a83557e1be39568434b))\\n\\n## [5.2.2](https://github.com/gravity-ui/chartkit/compare/v5.2.1...v5.2.2) (2024-03-26)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** add dateFormat option for drillDown handler ([#456](https://github.com/gravity-ui/chartkit/issues/456)) ([ff016f7](https://github.com/gravity-ui/chartkit/commit/ff016f799806545ec2bd17ae2678ea85e04d296c))\\n\\n## [5.2.1](https://github.com/gravity-ui/chartkit/compare/v5.2.0...v5.2.1) (2024-03-15)\\n\\n\\n### Bug Fixes\\n\\n* **D3 plugin:** fix chart reflow ([#452](https://github.com/gravity-ui/chartkit/issues/452)) ([601d603](https://github.com/gravity-ui/chartkit/commit/601d60364354268d4016fcea876c814e0bec3bd5))\\n\\n## [5.2.0](https://github.com/gravity-ui/chartkit/compare/v5.1.0...v5.2.0) (2024-03-14)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add cursor option for series ([#441](https://github.com/gravity-ui/chartkit/issues/441)) ([32d4e6f](https://github.com/gravity-ui/chartkit/commit/32d4e6f8aa8c00f47d3ae33be6d45571a3429069))\\n* **D3 plugin:** add cursor option for series ([#444](https://github.com/gravity-ui/chartkit/issues/444)) ([32d4e6f](https://github.com/gravity-ui/chartkit/commit/32d4e6f8aa8c00f47d3ae33be6d45571a3429069))\\n* **Yagr plugin:** add `legendColorKey` property to series options ([#440](https://github.com/gravity-ui/chartkit/issues/440)) ([ae6a00f](https://github.com/gravity-ui/chartkit/commit/ae6a00f5751047c7509d8942de28a517d375e255))\\n\\n\\n### Bug Fixes\\n\\n* add tslib to dependencies ([#446](https://github.com/gravity-ui/chartkit/issues/446)) ([5108bd5](https://github.com/gravity-ui/chartkit/commit/5108bd5b2deab8b36649797fe95bbba69304b37f))\\n* **D3 plugin:** fix click event handler ([#436](https://github.com/gravity-ui/chartkit/issues/436)) ([71801cf](https://github.com/gravity-ui/chartkit/commit/71801cf59b9a51191b310652062e6877d5bb06f3))\\n* **D3 plugin:** fix click event handler ([#443](https://github.com/gravity-ui/chartkit/issues/443)) ([71801cf](https://github.com/gravity-ui/chartkit/commit/71801cf59b9a51191b310652062e6877d5bb06f3))\\n* **d3:** fix click event handler ([71801cf](https://github.com/gravity-ui/chartkit/commit/71801cf59b9a51191b310652062e6877d5bb06f3))\\n* fix chart config with params methods for Highcharts with split pane ([#447](https://github.com/gravity-ui/chartkit/issues/447)) ([7a7b2da](https://github.com/gravity-ui/chartkit/commit/7a7b2dae08b4eb024a3e7f3b705db97ef4a536b2))\\n* move @gravity-ui/i18n to dependencies ([#450](https://github.com/gravity-ui/chartkit/issues/450)) ([8853135](https://github.com/gravity-ui/chartkit/commit/8853135a561061bb0d30a85b70a8c0dd43d5506a))\\n\\n## [5.1.0](https://github.com/gravity-ui/chartkit/compare/v5.0.0...v5.1.0) (2024-02-20)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add chart click event ([#418](https://github.com/gravity-ui/chartkit/issues/418)) ([62a845b](https://github.com/gravity-ui/chartkit/commit/62a845b983b8eb8bb2af9af7fbb4963dc1cb4f98))\\n* **D3 plugin:** add opacity and marker setting to shape ([#425](https://github.com/gravity-ui/chartkit/issues/425)) ([40a741e](https://github.com/gravity-ui/chartkit/commit/40a741e52bdc5fb1ff2a3e5a04739992c99e7f4b))\\n\\n## [5.0.0](https://github.com/gravity-ui/chartkit/compare/v4.20.1...v5.0.0) (2024-02-13)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* move to uikit 6 ([#419](https://github.com/gravity-ui/chartkit/issues/419))\\n\\n## [4.20.1](https://github.com/gravity-ui/chartkit/compare/v4.20.0...v4.20.1) (2024-02-09)\\n\\n\\n### Bug Fixes\\n\\n* update .prettierignore ([ddce044](https://github.com/gravity-ui/chartkit/commit/ddce0448fcba081c8f3df4c22dcf3b184c923c40))\\n\\n## [4.20.0](https://github.com/gravity-ui/chartkit/compare/v4.19.1...v4.20.0) (2024-02-08)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add treemap chart ([#408](https://github.com/gravity-ui/chartkit/issues/408)) ([7b55f2f](https://github.com/gravity-ui/chartkit/commit/7b55f2f496fccca099a2bb24a9cf74129f91875a))\\n\\n\\n### Bug Fixes\\n\\n* **Yagr plugin:** fix alignment with timezone ([#413](https://github.com/gravity-ui/chartkit/issues/413)) ([e278db5](https://github.com/gravity-ui/chartkit/commit/e278db5e56dd2153e58cf63897869b5c512354cc))\\n\\n## [4.19.1](https://github.com/gravity-ui/chartkit/compare/v4.19.0...v4.19.1) (2024-02-07)\\n\\n\\n### Bug Fixes\\n\\n* **Yagr plugin:** add aligner for uplot date ([#410](https://github.com/gravity-ui/chartkit/issues/410)) ([7774575](https://github.com/gravity-ui/chartkit/commit/777457559ca9b35cf5a9b64fc844d395cdf9a109))\\n\\n## [4.19.0](https://github.com/gravity-ui/chartkit/compare/v4.18.2...v4.19.0) (2024-02-02)\\n\\n\\n### Features\\n\\n* **yagr:** add timezone support for tooltip header and x axis labels ([#405](https://github.com/gravity-ui/chartkit/issues/405)) ([ab74dc2](https://github.com/gravity-ui/chartkit/commit/ab74dc2dfbdc10252bdecc97f9d49b9049a5b8d5))\\n\\n## [4.18.2](https://github.com/gravity-ui/chartkit/compare/v4.18.1...v4.18.2) (2024-01-31)\\n\\n\\n### Bug Fixes\\n\\n* fix lodash imports ([#403](https://github.com/gravity-ui/chartkit/issues/403)) ([27158cb](https://github.com/gravity-ui/chartkit/commit/27158cb05e8f68239811b5fcb1eff4e2ee0762b3))\\n\\n## [4.18.1](https://github.com/gravity-ui/chartkit/compare/v4.18.0...v4.18.1) (2024-01-30)\\n\\n\\n### Bug Fixes\\n\\n* bump yagr to 4.2.3 ([#401](https://github.com/gravity-ui/chartkit/issues/401)) ([3ecdd7d](https://github.com/gravity-ui/chartkit/commit/3ecdd7d5d6a123d94d53ab6148c905ad24004987))\\n\\n## [4.18.0](https://github.com/gravity-ui/chartkit/compare/v4.17.0...v4.18.0) (2024-01-26)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add halo to scatter hover series ([#394](https://github.com/gravity-ui/chartkit/issues/394)) ([af2ac7c](https://github.com/gravity-ui/chartkit/commit/af2ac7c6ec3e104ac060b342a9f8ebb88e3e646c))\\n* **D3 plugin:** Stacked percentage charts (bar-x, bar-y, area) ([#391](https://github.com/gravity-ui/chartkit/issues/391)) ([590f342](https://github.com/gravity-ui/chartkit/commit/590f342f01ec1fcc9b1dadf99942712b657526b3))\\n* **d3:** Add text for center in donut charts ([#389](https://github.com/gravity-ui/chartkit/issues/389)) ([da86362](https://github.com/gravity-ui/chartkit/commit/da86362a1248606a483c82d77e00906fba8130dc))\\n\\n\\n### Bug Fixes\\n\\n* bumped yagr to 4.2.1 (fixing .setSeries updates) ([#395](https://github.com/gravity-ui/chartkit/issues/395)) ([ada09ed](https://github.com/gravity-ui/chartkit/commit/ada09ed17414b95aada4eb6d148b9df462430c1c))\\n* **D3 plugin:** When updating data to empty, an unhandled error is thrown ([#396](https://github.com/gravity-ui/chartkit/issues/396)) ([290d2cd](https://github.com/gravity-ui/chartkit/commit/290d2cd2f0ce8e70e89cca17daae8c123c41970e))\\n\\n## [4.17.0](https://github.com/gravity-ui/chartkit/compare/v4.16.0...v4.17.0) (2024-01-18)\\n\\n\\n### Features\\n\\n* bump yagr 4.2.0 ([#387](https://github.com/gravity-ui/chartkit/issues/387)) ([a4acaa9](https://github.com/gravity-ui/chartkit/commit/a4acaa9f822ff52a6430170142b13ca9101153f5))\\n\\n## [4.16.0](https://github.com/gravity-ui/chartkit/compare/v4.15.0...v4.16.0) (2024-01-17)\\n\\n\\n### Features\\n\\n* bump yagr 4.1.1 ([#384](https://github.com/gravity-ui/chartkit/issues/384)) ([c1e1a75](https://github.com/gravity-ui/chartkit/commit/c1e1a754853af307ef579e68b9223a7f66b40962))\\n\\n\\n### Bug Fixes\\n\\n* fix docs CI ([#382](https://github.com/gravity-ui/chartkit/issues/382)) ([dc20a5e](https://github.com/gravity-ui/chartkit/commit/dc20a5ec9df2084e5574cde92d1f2166b693692e))\\n\\n## [4.15.0](https://github.com/gravity-ui/chartkit/compare/v4.14.0...v4.15.0) (2024-01-09)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add halo to pie series ([#371](https://github.com/gravity-ui/chartkit/issues/371)) ([5a8dab7](https://github.com/gravity-ui/chartkit/commit/5a8dab749abc0414ade857ce9dfcaa76a4d208ed))\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** the bars are displayed outside the chart ([#379](https://github.com/gravity-ui/chartkit/issues/379)) ([21e2aff](https://github.com/gravity-ui/chartkit/commit/21e2aff47f81f4b4b5ac1a32c68c85b6efdeac23))\\n\\n## [4.14.0](https://github.com/gravity-ui/chartkit/compare/v4.13.0...v4.14.0) (2023-12-26)\\n\\n\\n### Features\\n\\n* bump yagr 4.1.0 ([#369](https://github.com/gravity-ui/chartkit/issues/369)) ([6def97b](https://github.com/gravity-ui/chartkit/commit/6def97b1f743c7378ca4ff754349c80c61c48e14))\\n* **D3 plugin:** add basic data validation ([#366](https://github.com/gravity-ui/chartkit/issues/366)) ([75186b5](https://github.com/gravity-ui/chartkit/commit/75186b576da0f21054cf94d5f87f2ca5d4a3b4db))\\n* **D3 plugin:** basic area chart ([#363](https://github.com/gravity-ui/chartkit/issues/363)) ([9762964](https://github.com/gravity-ui/chartkit/commit/9762964c6de442f8c531b8fc0340a6cfd933dcf9))\\n* **D3 plugin:** disable inactive styles by default ([#367](https://github.com/gravity-ui/chartkit/issues/367)) ([ee0ada1](https://github.com/gravity-ui/chartkit/commit/ee0ada1a310f4761c4cde37a304c033f66011bb0))\\n\\n## [4.13.0](https://github.com/gravity-ui/chartkit/compare/v4.12.0...v4.13.0) (2023-12-11)\\n\\n\\n### Features\\n\\n* **D3 plugin:** marker for line charts ([#361](https://github.com/gravity-ui/chartkit/issues/361)) ([721a12b](https://github.com/gravity-ui/chartkit/commit/721a12b339d9d98c18804bb826dc3884a87aad53))\\n\\n\\n### Bug Fixes\\n\\n* bump yagr 4.0.3 ([#364](https://github.com/gravity-ui/chartkit/issues/364)) ([50cc7f8](https://github.com/gravity-ui/chartkit/commit/50cc7f8186addf73709aaf8306adc6cbcdae3754))\\n* bump yagr to 4.0.3 ([50cc7f8](https://github.com/gravity-ui/chartkit/commit/50cc7f8186addf73709aaf8306adc6cbcdae3754))\\n\\n## [4.12.0](https://github.com/gravity-ui/chartkit/compare/v4.11.0...v4.12.0) (2023-12-04)\\n\\n\\n### Features\\n\\n* **D3 plugin:** line chart legend symbol ([#358](https://github.com/gravity-ui/chartkit/issues/358)) ([334f5a2](https://github.com/gravity-ui/chartkit/commit/334f5a295b050aabb8733aebfee404d671dc3987))\\n\\n\\n### Bug Fixes\\n\\n* updated yagr to 4.0.1 to fix plotlines update ([#360](https://github.com/gravity-ui/chartkit/issues/360)) ([25123ae](https://github.com/gravity-ui/chartkit/commit/25123aea9c9038f42e9bc824e321b8f9555f7d39))\\n\\n## [4.11.0](https://github.com/gravity-ui/chartkit/compare/v4.10.1...v4.11.0) (2023-11-28)\\n\\n\\n### Features\\n\\n* bump major yagr ([#353](https://github.com/gravity-ui/chartkit/issues/353)) ([0e80011](https://github.com/gravity-ui/chartkit/commit/0e800117c3b80453e7c12ac8b5293000bd4a8d64))\\n\\n\\n### Bug Fixes\\n\\n* **D3:** pie diagram labels are overlapped ([#352](https://github.com/gravity-ui/chartkit/issues/352)) ([87460eb](https://github.com/gravity-ui/chartkit/commit/87460eb7a8d37954abd44479f60e4d450fab0711))\\n* **Highcharts plugin:** fix console error on first render with split-pane ([#355](https://github.com/gravity-ui/chartkit/issues/355)) ([bc2c1f1](https://github.com/gravity-ui/chartkit/commit/bc2c1f17b89a14fc26a44a3b2d5e874ba7dc356a))\\n\\n## [4.10.1](https://github.com/gravity-ui/chartkit/compare/v4.10.0...v4.10.1) (2023-11-22)\\n\\n\\n### Bug Fixes\\n\\n* bump yagr to 3.11.4 ([#350](https://github.com/gravity-ui/chartkit/issues/350)) ([23645ad](https://github.com/gravity-ui/chartkit/commit/23645adec453bbe1d359994de18fdf661fe4c72a))\\n\\n## [4.10.0](https://github.com/gravity-ui/chartkit/compare/v4.9.3...v4.10.0) (2023-11-21)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add allowOverlap dataLabels option ([#347](https://github.com/gravity-ui/chartkit/issues/347)) ([760e5d0](https://github.com/gravity-ui/chartkit/commit/760e5d09fc4f29a15549cb5ddcdae80a68ea96bc))\\n\\n\\n### Bug Fixes\\n\\n* bumped yagr to 3.11.3 ([#348](https://github.com/gravity-ui/chartkit/issues/348)) ([1687bc8](https://github.com/gravity-ui/chartkit/commit/1687bc8ab56ef2712c7440967ed5a9093f526052))\\n\\n## [4.9.3](https://github.com/gravity-ui/chartkit/compare/v4.9.2...v4.9.3) (2023-11-17)\\n\\n\\n### Bug Fixes\\n\\n* bumped yagr to 3.11.2 (fixed [#344](https://github.com/gravity-ui/chartkit/issues/344)) ([#345](https://github.com/gravity-ui/chartkit/issues/345)) ([c5c1c93](https://github.com/gravity-ui/chartkit/commit/c5c1c930163be0d77bd7f5492ec9be775201bf99))\\n\\n## [4.9.2](https://github.com/gravity-ui/chartkit/compare/v4.9.1...v4.9.2) (2023-11-14)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix area trigger overlapping ([#342](https://github.com/gravity-ui/chartkit/issues/342)) ([cc35147](https://github.com/gravity-ui/chartkit/commit/cc35147078b00ae50eda3fdc7d34c696692108fc))\\n\\n## [4.9.1](https://github.com/gravity-ui/chartkit/compare/v4.9.0...v4.9.1) (2023-11-13)\\n\\n\\n### Bug Fixes\\n\\n* allow to hide plugin loader by passing null by renderPluginLoader ([#340](https://github.com/gravity-ui/chartkit/issues/340)) ([f7ca281](https://github.com/gravity-ui/chartkit/commit/f7ca2818a4aaa500bd7237ef05f0e2889268549e))\\n\\n## [4.9.0](https://github.com/gravity-ui/chartkit/compare/v4.8.0...v4.9.0) (2023-11-08)\\n\\n\\n### Features\\n\\n* bump yagr to 3.11.1 ([#339](https://github.com/gravity-ui/chartkit/issues/339)) ([72a7c6c](https://github.com/gravity-ui/chartkit/commit/72a7c6c9b5f35fe3f7ec9c941d0c934dd66fa0fa))\\n* **D3 plugin:** add base bar-y chart ([#336](https://github.com/gravity-ui/chartkit/issues/336)) ([4d4264a](https://github.com/gravity-ui/chartkit/commit/4d4264a3437e4bb7fcda4865e63aac521d609043))\\n* **D3 plugin:** add chartPerfomance data to onRender callback ([#338](https://github.com/gravity-ui/chartkit/issues/338)) ([d7464df](https://github.com/gravity-ui/chartkit/commit/d7464df55aa329afadc3690fc027df961a07287c))\\n* **d3 plugin:** basic line chart ([#327](https://github.com/gravity-ui/chartkit/issues/327)) ([8ad2f09](https://github.com/gravity-ui/chartkit/commit/8ad2f09d9212abcf496efca17190cf11bb84e932))\\n\\n\\n### Bug Fixes\\n\\n* bump yagr to 3.11.1 ([72a7c6c](https://github.com/gravity-ui/chartkit/commit/72a7c6c9b5f35fe3f7ec9c941d0c934dd66fa0fa))\\n\\n## [4.8.0](https://github.com/gravity-ui/chartkit/compare/v4.7.3...v4.8.0) (2023-10-24)\\n\\n\\n### Features\\n\\n* update yagr to 3.11.0 ([#326](https://github.com/gravity-ui/chartkit/issues/326)) ([78c792e](https://github.com/gravity-ui/chartkit/commit/78c792e44a70a09a282ac1ecf83bb99ed553109a))\\n\\n## [4.7.3](https://github.com/gravity-ui/chartkit/compare/v4.7.2...v4.7.3) (2023-10-13)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix pointFormat in packedbubble tooltip ([#324](https://github.com/gravity-ui/chartkit/issues/324)) ([c24147a](https://github.com/gravity-ui/chartkit/commit/c24147a9907ce963e433330f52cbb998c960d308))\\n\\n## [4.7.2](https://github.com/gravity-ui/chartkit/compare/v4.7.1...v4.7.2) (2023-10-06)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix tooltip in packedbubble charts ([#322](https://github.com/gravity-ui/chartkit/issues/322)) ([c4d3e91](https://github.com/gravity-ui/chartkit/commit/c4d3e91c2e42b9f257b4d44cef3715c23c41efbe))\\n\\n## [4.7.1](https://github.com/gravity-ui/chartkit/compare/v4.7.0...v4.7.1) (2023-10-05)\\n\\n\\n### Bug Fixes\\n\\n* bump yagr to 3.10.3 ([#320](https://github.com/gravity-ui/chartkit/issues/320)) ([a92ea10](https://github.com/gravity-ui/chartkit/commit/a92ea10df80b45b3c6992ddaea37bf2a3fdb31b8))\\n\\n## [4.7.0](https://github.com/gravity-ui/chartkit/compare/v4.6.1...v4.7.0) (2023-09-29)\\n\\n\\n### Features\\n\\n* **D3 plugin:** axis labels rotation(X axis) ([#309](https://github.com/gravity-ui/chartkit/issues/309)) ([04eb226](https://github.com/gravity-ui/chartkit/commit/04eb226203af21f86d38819203cabaf95ee57354))\\n* **D3 plugin:** move tooltip management to d3 events ([#300](https://github.com/gravity-ui/chartkit/issues/300)) ([a1a76f8](https://github.com/gravity-ui/chartkit/commit/a1a76f8dd5014e13e61a13821c01ce8a852b89b7))\\n* **D3 plugin:** rotation and maxWidth options for Y axis labels ([#318](https://github.com/gravity-ui/chartkit/issues/318)) ([141505c](https://github.com/gravity-ui/chartkit/commit/141505c69e93c52f3da1af7fadd9ef00e72e1eca))\\n* update yagr to 3.10.0 ([#319](https://github.com/gravity-ui/chartkit/issues/319)) ([f3b0249](https://github.com/gravity-ui/chartkit/commit/f3b02499d75c5c23f24db59b43415d8666319e0f))\\n\\n## [4.6.1](https://github.com/gravity-ui/chartkit/compare/v4.6.0...v4.6.1) (2023-09-20)\\n\\n\\n### Bug Fixes\\n\\n* **D3 plugin:** bar-x min column width ([#294](https://github.com/gravity-ui/chartkit/issues/294)) ([05ea715](https://github.com/gravity-ui/chartkit/commit/05ea7151e5ca0b334f914b663c1d1f51d41c66ef))\\n* **D3 plugin:** fix onRender callback ([#297](https://github.com/gravity-ui/chartkit/issues/297)) ([daefbfd](https://github.com/gravity-ui/chartkit/commit/daefbfd2557ae728fe44fe117bcbe3a87e235712))\\n\\n## [4.6.0](https://github.com/gravity-ui/chartkit/compare/v4.5.0...v4.6.0) (2023-09-19)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add paginated legend ([#289](https://github.com/gravity-ui/chartkit/issues/289)) ([0846585](https://github.com/gravity-ui/chartkit/commit/08465850d3d512267aeda17d622c59103d35968e))\\n* **D3 plugin:** auto rotate overlapping labels ([#293](https://github.com/gravity-ui/chartkit/issues/293)) ([25ddd06](https://github.com/gravity-ui/chartkit/commit/25ddd06598872e977954a317ce920001f88033d0))\\n\\n\\n### Bug Fixes\\n\\n* **D3 plugin:** default datetime axis labels formatter ([#292](https://github.com/gravity-ui/chartkit/issues/292)) ([ed1289e](https://github.com/gravity-ui/chartkit/commit/ed1289eea359a94732d5665181266af5e4b226aa))\\n* **D3 plugin:** use units for number label formatter ([#290](https://github.com/gravity-ui/chartkit/issues/290)) ([70c36df](https://github.com/gravity-ui/chartkit/commit/70c36dfec058782e26b84c72017cc80c3a6e3066))\\n\\n## [4.5.0](https://github.com/gravity-ui/chartkit/compare/v4.4.1...v4.5.0) (2023-09-12)\\n\\n\\n### Features\\n\\n* updated yagr to 3.8.0 ([#288](https://github.com/gravity-ui/chartkit/issues/288)) ([6d851ca](https://github.com/gravity-ui/chartkit/commit/6d851ca7832362e8efbd34e6ba3745d87aceeead))\\n\\n\\n### Bug Fixes\\n\\n* **D3 plugin:** fix right chart margin ([#286](https://github.com/gravity-ui/chartkit/issues/286)) ([7d81921](https://github.com/gravity-ui/chartkit/commit/7d81921073682357b622fcadf8c5cb8a667d95ba))\\n\\n## [4.4.1](https://github.com/gravity-ui/chartkit/compare/v4.4.0...v4.4.1) (2023-09-11)\\n\\n\\n### Bug Fixes\\n\\n* **D3 plugin:** fix AxisX render performance ([#285](https://github.com/gravity-ui/chartkit/issues/285)) ([0f31885](https://github.com/gravity-ui/chartkit/commit/0f3188561d88dee70e2fbc7a2a269215a7dff8a6))\\n* **D3 plugin:** fix getDataCategoryValue performance ([#283](https://github.com/gravity-ui/chartkit/issues/283)) ([2f52c61](https://github.com/gravity-ui/chartkit/commit/2f52c619917cd207ccf99fc300790f7a6f420638))\\n\\n## [4.4.0](https://github.com/gravity-ui/chartkit/compare/v4.3.0...v4.4.0) (2023-09-07)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add bar-x sorting setting ([#282](https://github.com/gravity-ui/chartkit/issues/282)) ([446b374](https://github.com/gravity-ui/chartkit/commit/446b37405cc34f2a7b8e69b773f3d148678f3a56))\\n* **D3 plugin:** bar-x series options ([#280](https://github.com/gravity-ui/chartkit/issues/280)) ([637a64e](https://github.com/gravity-ui/chartkit/commit/637a64eaba65923d0457770107d76ce70bccc959))\\n\\n## [4.3.0](https://github.com/gravity-ui/chartkit/compare/v4.2.0...v4.3.0) (2023-09-06)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add `axis.lineColor` property & add default for users tooltip renderer ([#277](https://github.com/gravity-ui/chartkit/issues/277)) ([be22ea4](https://github.com/gravity-ui/chartkit/commit/be22ea4bc348c9215dc2003c491eb7e61d76d06f))\\n\\n## [4.2.0](https://github.com/gravity-ui/chartkit/compare/v4.1.0...v4.2.0) (2023-09-06)\\n\\n\\n### Features\\n\\n* **D3 plugin:** grouped bar-x series ([#272](https://github.com/gravity-ui/chartkit/issues/272)) ([1751c88](https://github.com/gravity-ui/chartkit/commit/1751c882d29f5abe638587dfe8d36d2f65b18954))\\n* **D3 plugin:** improve categories using ([#273](https://github.com/gravity-ui/chartkit/issues/273)) ([eabf291](https://github.com/gravity-ui/chartkit/commit/eabf291ef269ebdfff1db1a1a60eed06d42c34a6))\\n\\n## [4.1.0](https://github.com/gravity-ui/chartkit/compare/v4.0.0...v4.1.0) (2023-09-06)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add color property to scatter and bar data ([#265](https://github.com/gravity-ui/chartkit/issues/265)) ([3bad0cf](https://github.com/gravity-ui/chartkit/commit/3bad0cfa571cdb56bf3b5eef73351ed3b6ceae62))\\n* update yagr to 3.7.13 ([#274](https://github.com/gravity-ui/chartkit/issues/274)) ([7b2bb4d](https://github.com/gravity-ui/chartkit/commit/7b2bb4d0b56495feafcef8d63a32adeb3cf3372d))\\n\\n\\n### Bug Fixes\\n\\n* **D3 plugin:** fix chart.margin calculation ([#270](https://github.com/gravity-ui/chartkit/issues/270)) ([cc44cd0](https://github.com/gravity-ui/chartkit/commit/cc44cd0a9cead0a012ccc40d32bb2ca5b2e32105))\\n* **D3 plugin:** fix resizing of several charts ([#266](https://github.com/gravity-ui/chartkit/issues/266)) ([380204e](https://github.com/gravity-ui/chartkit/commit/380204e7c1405869c8aae2c84965811ea8c5c5fb))\\n\\n\\n## [4.0.0](https://github.com/gravity-ui/chartkit/compare/v3.7.0...v4.0.0) (2023-08-31)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* Highcharts dependency removed from peer dependencies section ([#261](https://github.com/gravity-ui/chartkit/issues/261)). If you want to use chartkit Highcharts plugin you should comply with [Highcharts license](https://github.com/highcharts/highcharts/blob/master/license.txt) and consume Highcharts library via npm package or cdn. Note: plugin uses the Highcharts version 8.2.2.\\n* Initializing of Highcharts modules  removed. The following is a list of modules that were previously initialized in the chartkit code: `highcharts-more`, `stock`, `solid-gauge`, `funnel`, `histogram-bellcurve`, `sankey`, `heatmap`, `treemap`, `variwide`, `streamgraph`, `drilldown`, `parallel-coordinates`, `pattern-fill`, `wordcloud`, `xrange`, `networkgraph`, `timeline`, `bullet`, `annotations`, `series-label`, `indicators`, `ema`, `venn`. [Here](https://github.com/highcharts/highcharts/tree/master/ts/masters) you can observe all the additions, modules and indicators. If you use some of them, you need to initialize it in your application. For example, you need to use `highcharts-more`, `treemap` module and `ema` indicator. The following code will add this functionality:\\n```js\\nimport Highcharts from \'highcharts\';\\nimport highchartsMore from \'highcharts/highcharts-more\';\\nimport treemap from \'highcharts/modules/treemap\';\\nimport ema from \'highcharts/indicators/ema\';\\n\\nhighchartsMore(Highcharts);\\ntreemap(Highcharts);\\nema(Highcharts);\\n```\\n* File `src/plugins/index.ts` removed. We have completely separated the plugins code to eliminate the possibility of unnecessary code getting into the bundle of an application that uses Chartkit. Instead, separate entry points have been added for each plugin. For example, you can use this code to import the `Yagr plugin` and its types:\\n```js\\nimport {YagrPlugin} from \'@gravity-ui/chartkit/yagr\';\\nimport type {YagrWidgetData} from \'@gravity-ui/chartkit/yagr\';\\n```\\n\\n## [3.7.0](https://github.com/gravity-ui/chartkit/compare/v3.6.0...v3.7.0) (2023-08-31)\\n\\n\\n### Features\\n\\n* **D3 plugin:** bar-x dataLabels option ([#260](https://github.com/gravity-ui/chartkit/issues/260)) ([4444f72](https://github.com/gravity-ui/chartkit/commit/4444f72530b23d8999b61e39bcb89d373dfde6e9))\\n* **D3 plugin:** bar-x stacking option ([#255](https://github.com/gravity-ui/chartkit/issues/255)) ([2b9f47d](https://github.com/gravity-ui/chartkit/commit/2b9f47ddbc98d9a50d95c18637b69f3a97991b0d))\\n\\n## [3.6.0](https://github.com/gravity-ui/chartkit/compare/v3.5.0...v3.6.0) (2023-08-28)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add basic pie chart ([#252](https://github.com/gravity-ui/chartkit/issues/252)) ([71d3139](https://github.com/gravity-ui/chartkit/commit/71d31399a5c0a1a23ddfe2c98c0381ddc44f04e4))\\n* **D3 plugin:** add legend options ([#243](https://github.com/gravity-ui/chartkit/issues/243)) ([8844b57](https://github.com/gravity-ui/chartkit/commit/8844b57d953c95203a69877e67fedcd74ba9b272))\\n\\n## [3.5.0](https://github.com/gravity-ui/chartkit/compare/v3.4.3...v3.5.0) (2023-08-24)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add basic pie chart ([#244](https://github.com/gravity-ui/chartkit/issues/244)) ([c0559cd](https://github.com/gravity-ui/chartkit/commit/c0559cdf323b41747b9e7dcf1c5d05a9e8c677b1))\\n\\n\\n### Bug Fixes\\n\\n* **D3 plugin:** fix tooltip position ([#240](https://github.com/gravity-ui/chartkit/issues/240)) ([d07764b](https://github.com/gravity-ui/chartkit/commit/d07764b0c9659d09f6a235be0c57df6bf4318dd6))\\n\\n## [3.4.3](https://github.com/gravity-ui/chartkit/compare/v3.4.2...v3.4.3) (2023-08-24)\\n\\n\\n### Bug Fixes\\n\\n* bump yagr to 3.7.10 ([#247](https://github.com/gravity-ui/chartkit/issues/247)) ([90f33f6](https://github.com/gravity-ui/chartkit/commit/90f33f6e4e12d7b247be90d7930ef5b129a3cf6f))\\n\\n## [3.4.2](https://github.com/gravity-ui/chartkit/compare/v3.4.1...v3.4.2) (2023-08-19)\\n\\n\\n### Bug Fixes\\n\\n* remove sideEffects cause of it brokes styles ([#237](https://github.com/gravity-ui/chartkit/issues/237)) ([d76d2a9](https://github.com/gravity-ui/chartkit/commit/d76d2a9b4ca6302a6a406b5e16ecede0a3852ac3))\\n\\n## [3.4.1](https://github.com/gravity-ui/chartkit/compare/v3.4.0...v3.4.1) (2023-08-18)\\n\\n\\n### Bug Fixes\\n\\n* bumped yagr to 3.7.9 ([#235](https://github.com/gravity-ui/chartkit/issues/235)) ([5940ae1](https://github.com/gravity-ui/chartkit/commit/5940ae152a22a2be9743c4b5e122fcd36e9aa836))\\n\\n## [3.4.0](https://github.com/gravity-ui/chartkit/compare/v3.3.0...v3.4.0) (2023-08-18)\\n\\n\\n### Features\\n\\n* add `sideEffects` ([#227](https://github.com/gravity-ui/chartkit/issues/227)) ([1624ebc](https://github.com/gravity-ui/chartkit/commit/1624ebc8d835f2e77089a7212dc805b24aa43af7))\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** disable tooltip lines sorting by default ([#233](https://github.com/gravity-ui/chartkit/issues/233)) ([423498e](https://github.com/gravity-ui/chartkit/commit/423498e931811d014c40206b199cb9cdac825bd9))\\n\\n## [3.3.0](https://github.com/gravity-ui/chartkit/compare/v3.2.0...v3.3.0) (2023-08-17)\\n\\n\\n### Features\\n\\n* **D3 plugin:** add axis grid settings ([#228](https://github.com/gravity-ui/chartkit/issues/228)) ([0a4c3c0](https://github.com/gravity-ui/chartkit/commit/0a4c3c04a6e861932054f3bcef59b9a6858f8d8d))\\n* **D3 plugin:** add basic bar chart ([#225](https://github.com/gravity-ui/chartkit/issues/225)) ([5806761](https://github.com/gravity-ui/chartkit/commit/58067616c8a4a69cc7f96116d3f5c0478250b31b))\\n* **D3 plugin:** add ticks pixel interval settings ([#232](https://github.com/gravity-ui/chartkit/issues/232)) ([cae265e](https://github.com/gravity-ui/chartkit/commit/cae265e8caeb30fee648138ba69505efba2fe413))\\n* **D3 plugin:** axis maxPadding options ([#231](https://github.com/gravity-ui/chartkit/issues/231)) ([89602a3](https://github.com/gravity-ui/chartkit/commit/89602a35f7b330b9474f6e0a02becca962cc0705))\\n\\n## [3.2.0](https://github.com/gravity-ui/chartkit/compare/v3.1.3...v3.2.0) (2023-08-15)\\n\\n\\n### Features\\n\\n* add D3 plugin ([#217](https://github.com/gravity-ui/chartkit/issues/217)) ([9815fb0](https://github.com/gravity-ui/chartkit/commit/9815fb087f08413dcd489b7ee11585199d4bd310))\\n\\n\\n### Bug Fixes\\n\\n* bump yagr to 3.7.8 ([#224](https://github.com/gravity-ui/chartkit/issues/224)) ([dabdfc4](https://github.com/gravity-ui/chartkit/commit/dabdfc4e0bb9719a0b941945af037e9593178ae3))\\n\\n## [3.1.3](https://github.com/gravity-ui/chartkit/compare/v3.1.2...v3.1.3) (2023-08-10)\\n\\n\\n### Bug Fixes\\n\\n* bump yagr to 3.7.7 ([#220](https://github.com/gravity-ui/chartkit/issues/220)) ([e9af690](https://github.com/gravity-ui/chartkit/commit/e9af6909602ff4e60d8a850b35b469753e068c30))\\n\\n## [3.1.2](https://github.com/gravity-ui/chartkit/compare/v3.1.1...v3.1.2) (2023-08-09)\\n\\n\\n### Bug Fixes\\n\\n* bumped yagr to 3.7.6 ([#218](https://github.com/gravity-ui/chartkit/issues/218)) ([89d4858](https://github.com/gravity-ui/chartkit/commit/89d4858eadde0829a30b77603656bd1c3caccfd0))\\n\\n## [3.1.1](https://github.com/gravity-ui/chartkit/compare/v3.1.0...v3.1.1) (2023-08-04)\\n\\n\\n### Bug Fixes\\n\\n* bumped yagr to 3.7.5 ([#214](https://github.com/gravity-ui/chartkit/issues/214)) ([5d24852](https://github.com/gravity-ui/chartkit/commit/5d248529fec2a85306f8409d647c9f6a8eb79c6a))\\n* **Highcharts plugin:** revert \'show totals of selected series on leg… ([#215](https://github.com/gravity-ui/chartkit/issues/215)) ([d7dd0c4](https://github.com/gravity-ui/chartkit/commit/d7dd0c472cde1d3ab8a82ab48671cb71cd47d9c6))\\n* **Highcharts plugin:** revert \'show totals of selected series on legend click\' ([d7dd0c4](https://github.com/gravity-ui/chartkit/commit/d7dd0c472cde1d3ab8a82ab48671cb71cd47d9c6))\\n\\n## [3.1.0](https://github.com/gravity-ui/chartkit/compare/v3.0.0...v3.1.0) (2023-07-26)\\n\\n\\n### Features\\n\\n* bump yagr to 3.7.0 ([#213](https://github.com/gravity-ui/chartkit/issues/213)) ([3cf2bf3](https://github.com/gravity-ui/chartkit/commit/3cf2bf31374e8951515d09bfc5be78356bff8897))\\n* custom react tooltip support in Yagr type widgets ([#211](https://github.com/gravity-ui/chartkit/issues/211)) ([800749d](https://github.com/gravity-ui/chartkit/commit/800749da7ba643f9963139b271ac33c1d70de04b))\\n\\n## [3.0.0](https://github.com/gravity-ui/chartkit/compare/v2.13.0...v3.0.0) (2023-07-17)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update @gravity-ui/uikit to v5 ([#206](https://github.com/gravity-ui/chartkit/pull/206))\\n* update @gravity-ui/yagr to v3 ([#202](https://github.com/gravity-ui/chartkit/pull/202))\\n* change moment to @gravity-ui/date-utils ([#198](https://github.com/gravity-ui/chartkit/pull/198))\\n* move `sort` property to higher level ([#208](https://github.com/gravity-ui/chartkit/pull/208)). Now this property does not enabled in `TooltipData`, but still enabled in `HighchartsWidgetData.tooltip`\\n\\n### Features\\n\\n* add `pluginRef` property ([#195](https://github.com/gravity-ui/chartkit/pull/195))\\n\\n## [2.13.0](https://github.com/gravity-ui/chartkit/compare/v2.12.0...v2.13.0) (2023-06-30)\\n\\n\\n### Features\\n\\n* **Yagr plugin:** update to v 2.2.6 ([#186](https://github.com/gravity-ui/chartkit/issues/186)) ([bddd692](https://github.com/gravity-ui/chartkit/commit/bddd6920742b398b35ce4ef6d8b78d87d50148db))\\n\\n## [2.12.0](https://github.com/gravity-ui/chartkit/compare/v2.11.0...v2.12.0) (2023-06-30)\\n\\n\\n### Features\\n\\n* add renderPluginLoader property ([#184](https://github.com/gravity-ui/chartkit/issues/184)) ([3955d2f](https://github.com/gravity-ui/chartkit/commit/3955d2f1995fb204c16cda53e96b4eca50c2ef0e))\\n\\n## [2.11.0](https://github.com/gravity-ui/chartkit/compare/v2.10.1...v2.11.0) (2023-06-20)\\n\\n\\n### Features\\n\\n* add renderError property ([#175](https://github.com/gravity-ui/chartkit/issues/175)) ([84c03a9](https://github.com/gravity-ui/chartkit/commit/84c03a9f8516e9fb846e25a920aa82b00c660a02))\\n\\n\\n### Bug Fixes\\n\\n* reset \\"No data\\" error on change data ([ac0da94](https://github.com/gravity-ui/chartkit/commit/ac0da94fd21ff558a739c00b8904645d5ba006ef))\\n\\n## [2.10.1](https://github.com/gravity-ui/chartkit/compare/v2.10.0...v2.10.1) (2023-06-19)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** show totals of selected series on legend click ([#176](https://github.com/gravity-ui/chartkit/issues/176)) ([ac7fe22](https://github.com/gravity-ui/chartkit/commit/ac7fe224363f7379f6dd35db0a3a682cdc7a2bc2))\\n\\n## [2.10.0](https://github.com/gravity-ui/chartkit/compare/v2.9.0...v2.10.0) (2023-06-05)\\n\\n\\n### Features\\n\\n* **Yagr:** update to v2.2.5 ([#173](https://github.com/gravity-ui/chartkit/issues/173)) ([c0e57b6](https://github.com/gravity-ui/chartkit/commit/c0e57b6e939d46984dff7835d503b509d9448200))\\n\\n## [2.9.0](https://github.com/gravity-ui/chartkit/compare/v2.8.1...v2.9.0) (2023-05-31)\\n\\n\\n### Features\\n\\n* **Highcharts plugin:** add `tooltip.sort` configuration ([#170](https://github.com/gravity-ui/chartkit/issues/170)) ([0825a91](https://github.com/gravity-ui/chartkit/commit/0825a91155592d9e06dbdd452547a0c31b71c07a))\\n\\n## [2.8.1](https://github.com/gravity-ui/chartkit/compare/v2.8.0...v2.8.1) (2023-05-30)\\n\\n\\n### Bug Fixes\\n\\n* **options:** fixed default options for yAxis title color ([#168](https://github.com/gravity-ui/chartkit/issues/168)) ([52bf4cc](https://github.com/gravity-ui/chartkit/commit/52bf4cca79770982e9584e89c9a408086850acd5))\\n\\n## [2.8.0](https://github.com/gravity-ui/chartkit/compare/v2.7.2...v2.8.0) (2023-05-23)\\n\\n\\n### Features\\n\\n* **Highcharts plugin:** rework tooltip pinning api ([#166](https://github.com/gravity-ui/chartkit/issues/166)) ([9ca62e4](https://github.com/gravity-ui/chartkit/commit/9ca62e4d01d62f36de0c4866e0d21728ca2aa25c))\\n\\n## [2.7.2](https://github.com/gravity-ui/chartkit/compare/v2.7.1...v2.7.2) (2023-05-17)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** add metaKey property to SeriesClickEventObject type ([#164](https://github.com/gravity-ui/chartkit/issues/164)) ([3484561](https://github.com/gravity-ui/chartkit/commit/34845618e4eec8c48e3870d4187855d39fb857e3))\\n\\n## [2.7.1](https://github.com/gravity-ui/chartkit/compare/v2.7.0...v2.7.1) (2023-05-17)\\n\\n\\n### Bug Fixes\\n\\n* remove onSeriesClick due to it uselessness ([#162](https://github.com/gravity-ui/chartkit/issues/162)) ([ca993d6](https://github.com/gravity-ui/chartkit/commit/ca993d6987f9c0a4ade0c154eb25d99a6d7e0027))\\n\\n## [2.7.0](https://github.com/gravity-ui/chartkit/compare/v2.6.0...v2.7.0) (2023-05-10)\\n\\n\\n### Features\\n\\n* **Highcharts plugin:** add config.onSeriesClick property ([#160](https://github.com/gravity-ui/chartkit/issues/160)) ([212ce4b](https://github.com/gravity-ui/chartkit/commit/212ce4b49693ef256ed2e46cb44d863a951020ac))\\n\\n## [2.6.0](https://github.com/gravity-ui/chartkit/compare/v2.5.0...v2.6.0) (2023-05-04)\\n\\n\\n### Features\\n\\n* add React@18 as peer dependency ([#158](https://github.com/gravity-ui/chartkit/issues/158)) ([2991c11](https://github.com/gravity-ui/chartkit/commit/2991c1138781692451582e99d8f9c7eb51a8c9aa))\\n\\n## [2.5.0](https://github.com/gravity-ui/chartkit/compare/v2.4.1...v2.5.0) (2023-05-03)\\n\\n\\n### Features\\n\\n* **Highcharts plugin:** add config.tooltip property ([#156](https://github.com/gravity-ui/chartkit/issues/156)) ([8a8229e](https://github.com/gravity-ui/chartkit/commit/8a8229e4ee8401a8cfce4d0689a047e830d1a5e9))\\n\\n## [2.4.1](https://github.com/gravity-ui/chartkit/compare/v2.4.0...v2.4.1) (2023-04-19)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** Replace deprecated event.path ([#153](https://github.com/gravity-ui/chartkit/issues/153)) ([23be4a9](https://github.com/gravity-ui/chartkit/commit/23be4a96479820a69534098100140cd9a3fad45a))\\n\\n## [2.4.0](https://github.com/gravity-ui/chartkit/compare/v2.3.1...v2.4.0) (2023-04-13)\\n\\n\\n### Features\\n\\n* **Yagr:** update to v2.2.4 ([#150](https://github.com/gravity-ui/chartkit/issues/150)) ([7b7ab46](https://github.com/gravity-ui/chartkit/commit/7b7ab4632f6ece68dc05e1bec5949283e4307f88))\\n\\n## [2.3.1](https://github.com/gravity-ui/chartkit/compare/v2.3.0...v2.3.1) (2023-04-12)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** navigator series visibility on legend item click ([#148](https://github.com/gravity-ui/chartkit/issues/148)) ([ae7d38b](https://github.com/gravity-ui/chartkit/commit/ae7d38b3ffa8d4b037a762bf26f4e68b504c7886))\\n\\n## [2.3.0](https://github.com/gravity-ui/chartkit/compare/v2.2.2...v2.3.0) (2023-04-11)\\n\\n\\n### Features\\n\\n* **Indicator plugin:** add onRender ([#145](https://github.com/gravity-ui/chartkit/issues/145)) ([3a044c0](https://github.com/gravity-ui/chartkit/commit/3a044c08583cd96bd08e3fb29a89c06ca9a6be18))\\n* **Indicator plugin:** add renderTime ([3a044c0](https://github.com/gravity-ui/chartkit/commit/3a044c08583cd96bd08e3fb29a89c06ca9a6be18))\\n\\n## [2.2.2](https://github.com/gravity-ui/chartkit/compare/v2.2.1...v2.2.2) (2023-03-28)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix legend item click ([#142](https://github.com/gravity-ui/chartkit/issues/142)) ([a64f1b9](https://github.com/gravity-ui/chartkit/commit/a64f1b962bec45bfd2568110c1c9050fc9d75807))\\n\\n## [2.2.1](https://github.com/gravity-ui/chartkit/compare/v2.2.0...v2.2.1) (2023-03-27)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** proper message for empty data ([#140](https://github.com/gravity-ui/chartkit/issues/140)) ([ee41ace](https://github.com/gravity-ui/chartkit/commit/ee41ace81ddaa88601b584273a7759dfe1dbe1c9))\\n\\n## [2.2.0](https://github.com/gravity-ui/chartkit/compare/v2.1.0...v2.2.0) (2023-03-21)\\n\\n\\n### Features\\n\\n* **Higcharts plugin:** add type for manageTooltipConfig ([#139](https://github.com/gravity-ui/chartkit/issues/139)) ([f781cca](https://github.com/gravity-ui/chartkit/commit/f781cca112bb1e87607d24916aa38bf44fe2abf6))\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts:** fix resetZoomButton styles ([#137](https://github.com/gravity-ui/chartkit/issues/137)) ([07f610e](https://github.com/gravity-ui/chartkit/commit/07f610e443f2c9a2543ac68bbff443112a1d650a))\\n\\n## [2.1.0](https://github.com/gravity-ui/chartkit/compare/v2.0.0...v2.1.0) (2023-03-13)\\n\\n\\n### Features\\n\\n* **Highcharts:** add linesLimit property to HighchartsWidgetData.config ([#135](https://github.com/gravity-ui/chartkit/issues/135)) ([91d16a3](https://github.com/gravity-ui/chartkit/commit/91d16a32aad00fb683c68f3f39a6477f14f18c33))\\n\\n## [2.0.0](https://github.com/gravity-ui/chartkit/compare/v1.6.7...v2.0.0) (2023-03-09)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update uikit up to 4 ([#133](https://github.com/gravity-ui/chartkit/issues/133))\\n\\n### Features\\n\\n* update uikit up to 4 ([#133](https://github.com/gravity-ui/chartkit/issues/133)) ([8ae0c8d](https://github.com/gravity-ui/chartkit/commit/8ae0c8d179273a448de8f670dfe1b3f2314c0523))\\n\\n## [1.6.7](https://github.com/gravity-ui/chartkit/compare/v1.6.6...v1.6.7) (2023-02-21)\\n\\n\\n### Bug Fixes\\n\\n* fix check if chart exists before adjust font size ([#130](https://github.com/gravity-ui/chartkit/issues/130)) ([d81c6b2](https://github.com/gravity-ui/chartkit/commit/d81c6b2e4c64b04f7d62b684c46133ab9177a479))\\n\\n## [1.6.6](https://github.com/gravity-ui/chartkit/compare/v1.6.5...v1.6.6) (2023-02-21)\\n\\n\\n### Bug Fixes\\n\\n* add check if chart exists before adjust font size ([#128](https://github.com/gravity-ui/chartkit/issues/128)) ([451e3c1](https://github.com/gravity-ui/chartkit/commit/451e3c119858adffc02fede05eb9f91407b6e31c))\\n\\n## [1.6.5](https://github.com/gravity-ui/chartkit/compare/v1.6.4...v1.6.5) (2023-02-10)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix optional id usage for series identifier ([#125](https://github.com/gravity-ui/chartkit/issues/125)) ([f08b414](https://github.com/gravity-ui/chartkit/commit/f08b4145360db78c9efc6bd056772cd9f21a5fdb))\\n\\n## [1.6.4](https://github.com/gravity-ui/chartkit/compare/v1.6.3...v1.6.4) (2023-02-09)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix on legend item click when it has duplicate name ([#123](https://github.com/gravity-ui/chartkit/issues/123)) ([005b9d2](https://github.com/gravity-ui/chartkit/commit/005b9d20d0613f3e98d487c8c72c50ec713870ec))\\n\\n## [1.6.3](https://github.com/gravity-ui/chartkit/compare/v1.6.2...v1.6.3) (2023-02-08)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix updating point x value ([#121](https://github.com/gravity-ui/chartkit/issues/121)) ([0ffe89f](https://github.com/gravity-ui/chartkit/commit/0ffe89fb9f6112166765dd997cf549c6ca2665d9))\\n\\n## [1.6.2](https://github.com/gravity-ui/chartkit/compare/v1.6.1...v1.6.2) (2023-01-24)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix tooltip behaviour ([#119](https://github.com/gravity-ui/chartkit/issues/119)) ([5dffcc3](https://github.com/gravity-ui/chartkit/commit/5dffcc3224b415a2e64fe331a4a72a4f90266ae2))\\n* **Highcharts plugin:** fix tooltip behaviour for onChartLoad & onRender callbacks ([5dffcc3](https://github.com/gravity-ui/chartkit/commit/5dffcc3224b415a2e64fe331a4a72a4f90266ae2))\\n\\n## [1.6.1](https://github.com/gravity-ui/chartkit/compare/v1.6.0...v1.6.1) (2023-01-24)\\n\\n\\n### Bug Fixes\\n\\n* add export type for onChartLoad & onRender ([#117](https://github.com/gravity-ui/chartkit/issues/117)) ([e8b4f58](https://github.com/gravity-ui/chartkit/commit/e8b4f586335581df82f13b3f476afb0316e6e598))\\n* add types export ([e8b4f58](https://github.com/gravity-ui/chartkit/commit/e8b4f586335581df82f13b3f476afb0316e6e598))\\n\\n## [1.6.0](https://github.com/gravity-ui/chartkit/compare/v1.5.2...v1.6.0) (2023-01-23)\\n\\n\\n### Features\\n\\n* add onRender & onChartLoad calbacks ([#111](https://github.com/gravity-ui/chartkit/issues/111)) ([f23c008](https://github.com/gravity-ui/chartkit/commit/f23c008c5c049c813e6704edb1654c90707d00af))\\n\\n## [1.5.2](https://github.com/gravity-ui/chartkit/compare/v1.5.1...v1.5.2) (2022-12-20)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** add widget rendering time ([#109](https://github.com/gravity-ui/chartkit/issues/109)) ([0db5c73](https://github.com/gravity-ui/chartkit/commit/0db5c737e4de588decb6cc191fa624db8b2119b4))\\n\\n## [1.5.1](https://github.com/gravity-ui/chartkit/compare/v1.5.0...v1.5.1) (2022-12-20)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** add merging serie stack name if it already exists ([#107](https://github.com/gravity-ui/chartkit/issues/107)) ([fa73b55](https://github.com/gravity-ui/chartkit/commit/fa73b5554a491f20c109416d979e74c3b9d7e2c3))\\n\\n## [1.5.0](https://github.com/gravity-ui/chartkit/compare/v1.4.3...v1.5.0) (2022-12-19)\\n\\n\\n### Features\\n\\n* add stacking positive and mixed values in stacked area ([#105](https://github.com/gravity-ui/chartkit/issues/105)) ([3f0cc62](https://github.com/gravity-ui/chartkit/commit/3f0cc628613aad1016b009253e09a8682ca05d2c))\\n\\n## [1.4.3](https://github.com/gravity-ui/chartkit/compare/v1.4.2...v1.4.3) (2022-12-14)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix colorAxis legend title color ([#100](https://github.com/gravity-ui/chartkit/issues/100)) ([06c992a](https://github.com/gravity-ui/chartkit/commit/06c992a5a614798a475aa7c3358058ed7080c6c1))\\n* **Highcharts plugin:** remove tooltip lines sorting ([#103](https://github.com/gravity-ui/chartkit/issues/103)) ([5e57035](https://github.com/gravity-ui/chartkit/commit/5e57035b7c1d572d66926c48889e8b5905399592))\\n* **Yagr plugin:** add core styles import ([#104](https://github.com/gravity-ui/chartkit/issues/104)) ([4de763d](https://github.com/gravity-ui/chartkit/commit/4de763d7f502f4bacf202beddeb0e5ef27381917))\\n\\n## [1.4.2](https://github.com/gravity-ui/chartkit/compare/v1.4.1...v1.4.2) (2022-12-13)\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts plugin:** fix pie halo on mobile devices ([#97](https://github.com/gravity-ui/chartkit/issues/97)) ([3b4a0b4](https://github.com/gravity-ui/chartkit/commit/3b4a0b46ee6512b8b941ef768c85804b4daf7638))\\n\\n## [1.4.1](https://github.com/gravity-ui/chartkit/compare/v1.4.0...v1.4.1) (2022-12-12)\\n\\n\\n### Bug Fixes\\n\\n* fix Hide all and Show all button ([#95](https://github.com/gravity-ui/chartkit/issues/95)) ([4e404e6](https://github.com/gravity-ui/chartkit/commit/4e404e626ad20f455c05ec958b828b7a193b8f9b))\\n\\n## [1.4.0](https://github.com/gravity-ui/chartkit/compare/v1.3.0...v1.4.0) (2022-12-09)\\n\\n\\n### Features\\n\\n* update chartkit to new yagr ([#93](https://github.com/gravity-ui/chartkit/issues/93)) ([e89f0db](https://github.com/gravity-ui/chartkit/commit/e89f0db55fa792922b24ce23c562c35270de3722))\\n\\n## [1.3.0](https://github.com/gravity-ui/chartkit/compare/v1.2.0...v1.3.0) (2022-12-09)\\n\\n\\n### Features\\n\\n* **Highcharts:** add CkHighchartsSeriesOptionsType type ([#92](https://github.com/gravity-ui/chartkit/issues/92)) ([36b9d75](https://github.com/gravity-ui/chartkit/commit/36b9d75779fdde4ef98e8de5db3fbb515dc44662))\\n\\n\\n### Bug Fixes\\n\\n* **Highcharts:** fix widget config type ([#89](https://github.com/gravity-ui/chartkit/issues/89)) ([988c074](https://github.com/gravity-ui/chartkit/commit/988c074ead25027e9d7e2c5ec0443c8d428ae35c))\\n\\n## [1.2.0](https://github.com/gravity-ui/chartkit/compare/v1.1.0...v1.2.0) (2022-12-09)\\n\\n\\n### Features\\n\\n* update yagr to 2.1.0 ([#87](https://github.com/gravity-ui/chartkit/issues/87)) ([5dfd6d0](https://github.com/gravity-ui/chartkit/commit/5dfd6d0098729b4813f6a783457e40203e269272))\\n\\n## [1.1.0](https://github.com/gravity-ui/chartkit/compare/v1.0.0...v1.1.0) (2022-12-08)\\n\\n### Features\\n\\n- add export of all yagr lib types to yagr plugin\\n\\n### Bug Fixes\\n\\n- fix config object merging in `useWidgetData` yagr plugin hook\\n\\n## [1.0.0](https://github.com/gravity-ui/chartkit/compare/v0.13.0...v1.0.0) (2022-12-07)\\n\\n### ⚠ BREAKING CHANGES\\n\\n- update Yagr to v2. Read more about [changes](https://github.com/yandex-cloud/yagr/blob/master/CHANGELOG.md#200-19-04-2022)\\n\\n## [0.13.0](https://github.com/gravity-ui/chartkit/compare/v0.12.3...v0.13.0) (2022-12-05)\\n\\n### Features\\n\\n- remove direct import @gravity-ui/uikit styles in ChartKit component ([#80](https://github.com/gravity-ui/chartkit/issues/80)) ([49642d7](https://github.com/gravity-ui/chartkit/commit/49642d7cfbd358a399ead674b2d3a040b05bf669))\\n\\n## [0.12.3](https://github.com/gravity-ui/chartkit/compare/v0.12.2...v0.12.3) (2022-12-01)\\n\\n### Bug Fixes\\n\\n- **Yagr:** added common no-data case handling ([#78](https://github.com/gravity-ui/chartkit/issues/78)) ([100efaa](https://github.com/gravity-ui/chartkit/commit/100efaaff20e03048146ca084ee91c2be2568640))\\n\\n## [0.12.2](https://github.com/gravity-ui/chartkit/compare/v0.12.1...v0.12.2) (2022-11-30)\\n\\n### Bug Fixes\\n\\n- **ChartKit:** id not to be new on every render ([#76](https://github.com/gravity-ui/chartkit/issues/76)) ([230a992](https://github.com/gravity-ui/chartkit/commit/230a992fe99a176bbf85cbef363ccac45db7b3b4))\\n\\n## [0.12.1](https://github.com/gravity-ui/chartkit/compare/v0.12.0...v0.12.1) (2022-11-22)\\n\\n### Bug Fixes\\n\\n- **Highcharts plugin:** remove style for chart background color ([#73](https://github.com/gravity-ui/chartkit/issues/73)) ([481b2f5](https://github.com/gravity-ui/chartkit/commit/481b2f5fe07d818f37ba220f70fbad14690b39ba))\\n\\n## [0.12.0](https://github.com/gravity-ui/chartkit/compare/v0.11.1...v0.12.0) (2022-11-22)\\n\\n### Features\\n\\n- add support border color setting ([defdcf7](https://github.com/gravity-ui/chartkit/commit/defdcf768d33fe11f9de8dc14a1e9561c034f6ea))\\n\\n## [0.11.1](https://github.com/gravity-ui/chartkit/compare/v0.11.0...v0.11.1) (2022-11-21)\\n\\n### Bug Fixes\\n\\n- **Highcharts plugin:** fix tooltip holidays handling ([#69](https://github.com/gravity-ui/chartkit/issues/69)) ([9bc3f8c](https://github.com/gravity-ui/chartkit/commit/9bc3f8c7a62d3b269626be87a46de1d8a6949f57))\\n\\n## [0.11.0](https://github.com/gravity-ui/chartkit/compare/v0.10.1...v0.11.0) (2022-11-18)\\n\\n### Features\\n\\n- types improvements ([#67](https://github.com/gravity-ui/chartkit/issues/67)) ([33b4f07](https://github.com/gravity-ui/chartkit/commit/33b4f07a24abdfde52005ddbbf17fb7a25817beb))\\n\\n## [0.10.1](https://github.com/gravity-ui/chartkit/compare/v0.10.0...v0.10.1) (2022-11-18)\\n\\n### Bug Fixes\\n\\n- **Highcharts plugin:** add Highcharts lib type export ([#65](https://github.com/gravity-ui/chartkit/issues/65)) ([de24a26](https://github.com/gravity-ui/chartkit/commit/de24a264197441b21261438808838e5fbd0a8402))\\n\\n## [0.10.0](https://github.com/gravity-ui/chartkit/compare/v0.9.1...v0.10.0) (2022-11-18)\\n\\n### Features\\n\\n- add highcharts plugin ([#61](https://github.com/gravity-ui/chartkit/issues/61)) ([9329ede](https://github.com/gravity-ui/chartkit/commit/9329edeaba8c4ef84b1fc30bb7196ba350dc3abd))\\n\\n### Bug Fixes\\n\\n- yagr & indicator types fixes ([#64](https://github.com/gravity-ui/chartkit/issues/64)) ([479c552](https://github.com/gravity-ui/chartkit/commit/479c552f5ce1890451f3f104fc8efb730f2baf67))\\n\\n## [0.9.1](https://github.com/gravity-ui/chartkit/compare/v0.9.0...v0.9.1) (2022-11-14)\\n\\n### Bug Fixes\\n\\n- fix yagr theme initialization ([#59](https://github.com/gravity-ui/chartkit/issues/59)) ([7247873](https://github.com/gravity-ui/chartkit/commit/724787380b8d81f6dfdaae1f6e5c1b806af32e3c))\\n\\n## [0.9.0](https://github.com/gravity-ui/chartkit/compare/v0.8.0...v0.9.0) (2022-11-08)\\n\\n### Features\\n\\n- add isMobile property ([#57](https://github.com/gravity-ui/chartkit/issues/57)) ([a2e87ed](https://github.com/gravity-ui/chartkit/commit/a2e87edf1d05705fb92c2571b5a71496c48d9215))\\n\\n## [0.8.0](https://github.com/gravity-ui/chartkit/compare/v0.7.2...v0.8.0) (2022-10-04)\\n\\n### Features\\n\\n- move to @gravity-ui/i18n ([#45](https://github.com/gravity-ui/chartkit/issues/45)) ([ad401d8](https://github.com/gravity-ui/chartkit/commit/ad401d85bf50ab4ceb0ae8a837c4b11cd36a4acd))\\n\\n### Bug Fixes\\n\\n- add ChartKitOnError type export ([#54](https://github.com/gravity-ui/chartkit/issues/54)) ([7660be7](https://github.com/gravity-ui/chartkit/commit/7660be756cd3ec1057aa9fd4bb45226c9632e80f))\\n\\n## [0.7.2](https://github.com/gravity-ui/chartkit/compare/v0.7.1...v0.7.2) (2022-10-03)\\n\\n### Bug Fixes\\n\\n- package.json fixes ([#50](https://github.com/gravity-ui/chartkit/issues/50)) ([aca306d](https://github.com/gravity-ui/chartkit/commit/aca306dc8872951a48c1db0362ae1912138d72ed))\\n\\n## [0.7.1](https://github.com/gravity-ui/chartkit/compare/v0.7.0...v0.7.1) (2022-10-03)\\n\\n### Bug Fixes\\n\\n- move to gravity-ui configs ([#48](https://github.com/gravity-ui/chartkit/issues/48)) ([620587b](https://github.com/gravity-ui/chartkit/commit/620587b41febade698f12e67506aab683934e7b3))\\n\\n## [0.7.0](https://github.com/yandex-cloud/chartkit/compare/v0.6.0...v0.7.0) (2022-10-01)\\n\\n### Features\\n\\n- use gravity-ui/uikit instead of yandex-cloud/uikit ([#46](https://github.com/yandex-cloud/chartkit/issues/46)) ([afb2300](https://github.com/yandex-cloud/chartkit/commit/afb230036bb26573159e5f03e0972653b6692d86))\\n\\n## [0.6.0](https://github.com/yandex-cloud/chartkit/compare/v0.5.4...v0.6.0) (2022-08-12)\\n\\n### Features\\n\\n- remove uikit css variables proxing ([#43](https://github.com/yandex-cloud/chartkit/issues/43)) ([4d5131e](https://github.com/yandex-cloud/chartkit/commit/4d5131e0d77270e44bef94f0ba05c9fc5c317704))\\n\\n## [0.5.4](https://github.com/yandex-cloud/chartkit/compare/v0.5.3...v0.5.4) (2022-08-08)\\n\\n### Bug Fixes\\n\\n- add Yagr type export ([#42](https://github.com/yandex-cloud/chartkit/issues/42)) ([a8b9475](https://github.com/yandex-cloud/chartkit/commit/a8b94755bbb0d42652db3e4266e0ca04481ad99f))\\n- npm vulnerabilities fixes ([#40](https://github.com/yandex-cloud/chartkit/issues/40)) ([1509bcf](https://github.com/yandex-cloud/chartkit/commit/1509bcf87a50d9281c3ea47074c694db429ad5d4))\\n\\n## [0.5.3](https://github.com/yandex-cloud/chartkit/compare/v0.5.2...v0.5.3) (2022-08-01)\\n\\n### Bug Fixes\\n\\n- dev and peer dependencies fixes ([#36](https://github.com/yandex-cloud/chartkit/issues/36)) ([faeccd9](https://github.com/yandex-cloud/chartkit/commit/faeccd9aca9b84ee02edeadef3db2d2abeedb143))\\n\\n## [0.5.2](https://github.com/yandex-cloud/chartkit/compare/v0.5.1...v0.5.2) (2022-07-28)\\n\\n### Bug Fixes\\n\\n- Indicator onLoad invocation fixes ([#34](https://github.com/yandex-cloud/chartkit/issues/34)) ([95fafc3](https://github.com/yandex-cloud/chartkit/commit/95fafc381bbafe47173f802310a67e7ced243d80))\\n\\n## [0.5.1](https://github.com/yandex-cloud/chartkit/compare/v0.5.0...v0.5.1) (2022-07-27)\\n\\n### Bug Fixes\\n\\n- error handling fixes ([#31](https://github.com/yandex-cloud/chartkit/issues/31)) ([e20fb9d](https://github.com/yandex-cloud/chartkit/commit/e20fb9df1d811efa08a8a68110b1a6819a384af4))\\n\\n## [0.5.0](https://github.com/yandex-cloud/chartkit/compare/v0.4.0...v0.5.0) (2022-07-25)\\n\\n### Features\\n\\n- add chartkit-error ([#28](https://github.com/yandex-cloud/chartkit/issues/28)) ([8342073](https://github.com/yandex-cloud/chartkit/commit/83420738dd431fa1ce2b96f18631f84ca36ed4af))\\n- add indicator chart ([#30](https://github.com/yandex-cloud/chartkit/issues/30)) ([4f465de](https://github.com/yandex-cloud/chartkit/commit/4f465de3afdee721f96868d975f3aee647177f76))\\n- change error handling ([#29](https://github.com/yandex-cloud/chartkit/issues/29)) ([993958a](https://github.com/yandex-cloud/chartkit/commit/993958a68e1c4376e037bd006d6b19f013b58cfb))\\n\\n### Bug Fixes\\n\\n- remove react-dom from peer dependencies ([#26](https://github.com/yandex-cloud/chartkit/issues/26)) ([22b6525](https://github.com/yandex-cloud/chartkit/commit/22b6525c767104e56cc51cf5dee5340253f7c080))\\n\\n## [0.4.0](https://github.com/yandex-cloud/chartkit/compare/v0.3.1...v0.4.0) (2022-07-18)\\n\\n### Features\\n\\n- add onError property ([#24](https://github.com/yandex-cloud/chartkit/issues/24)) ([0b51f19](https://github.com/yandex-cloud/chartkit/commit/0b51f195612cb80ab8e40b5d115eb7650f986888))\\n\\n## [0.3.1](https://github.com/yandex-cloud/chartkit/compare/v0.3.0...v0.3.1) (2022-07-14)\\n\\n### Bug Fixes\\n\\n- add test for settings ([#21](https://github.com/yandex-cloud/chartkit/issues/21)) ([b848503](https://github.com/yandex-cloud/chartkit/commit/b8485032d9ab14edda0a8f193f9174e3a6c687bf))\\n- build task fixes ([#23](https://github.com/yandex-cloud/chartkit/issues/23)) ([2f13233](https://github.com/yandex-cloud/chartkit/commit/2f13233005d8fe7d10d496464ec3aed0a9ea5743))\\n\\n## [0.3.0](https://github.com/yandex-cloud/chartkit/compare/v0.2.0...v0.3.0) (2022-07-13)\\n\\n### Features\\n\\n- add root types export ([#18](https://github.com/yandex-cloud/chartkit/issues/18)) ([06265a1](https://github.com/yandex-cloud/chartkit/commit/06265a10f518836ac63f2b847e73dd19b3e2e8ca))\\n\\n## [0.2.0](https://github.com/yandex-cloud/chartkit/compare/v0.1.1...v0.2.0) (2022-07-11)\\n\\n### Features\\n\\n- add cn lib ([#10](https://github.com/yandex-cloud/chartkit/issues/10)) ([796bdda](https://github.com/yandex-cloud/chartkit/commit/796bdda22fbf69ea8fc37965486e358ea3779a7e))\\n- add i18n ([#13](https://github.com/yandex-cloud/chartkit/issues/13)) ([3f0204b](https://github.com/yandex-cloud/chartkit/commit/3f0204bb949aeb596632b3479d7e5ee130d91225))\\n- add reflow handler ([#15](https://github.com/yandex-cloud/chartkit/issues/15)) ([80210af](https://github.com/yandex-cloud/chartkit/commit/80210af775ca7476f107f6ecc2ae9983baa9a8e3))\\n- add yagr plugin types export ([#17](https://github.com/yandex-cloud/chartkit/issues/17)) ([6e4cf1d](https://github.com/yandex-cloud/chartkit/commit/6e4cf1dc5cc584a9bda99b39122f489ed35f90e2))\\n- change lib structure ([#7](https://github.com/yandex-cloud/chartkit/issues/7)) ([dfb6ed8](https://github.com/yandex-cloud/chartkit/commit/dfb6ed839fd49a13006e75bca77abfd43849653b))\\n\\n### Bug Fixes\\n\\n- change cn workflow ([#12](https://github.com/yandex-cloud/chartkit/issues/12)) ([aba5148](https://github.com/yandex-cloud/chartkit/commit/aba5148237aa0dd0bfd89744c77e30ebbcbcb90e))\\n- downgrade i18n to v0.5.0 ([#16](https://github.com/yandex-cloud/chartkit/issues/16)) ([454985a](https://github.com/yandex-cloud/chartkit/commit/454985a6c339775ebc0a96d77a20792b31b305c7))\\n- move all storybook decorators into one ([#14](https://github.com/yandex-cloud/chartkit/issues/14)) ([de1e8e9](https://github.com/yandex-cloud/chartkit/commit/de1e8e90325142e41ece8edc785119440b49fa0c))\\n\\n### [0.1.1](https://www.github.com/yandex-cloud/ChartKit/compare/v0.1.0...v0.1.1) (2022-02-17)\\n\\n### Bug Fixes\\n\\n- add publishConfig ([5cfdfff](https://www.github.com/yandex-cloud/ChartKit/commit/5cfdfffbdcafb8baeb05338ef07dd3a602c51797))\\n\\n## 0.1.0 (2022-02-17)\\n\\n### Bug Fixes\\n\\n- init ([2804dac](https://www.github.com/yandex-cloud/ChartKit/commit/2804dacfd0f11e15cda6a84ca22172bf2d74b532))\\n- init ([4b747d4](https://www.github.com/yandex-cloud/ChartKit/commit/4b747d409122fc4ae330040e75e273ee9a602bcf))\\n","contributors":[{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":126},{"login":"kuzmadom","avatarUrl":"https://avatars.githubusercontent.com/u/7911723?v=4","url":"https://github.com/kuzmadom","contributions":58},{"login":"zefirka","avatarUrl":"https://avatars.githubusercontent.com/u/5380542?v=4","url":"https://github.com/zefirka","contributions":27},{"login":"Marginy605","avatarUrl":"https://avatars.githubusercontent.com/u/98329176?v=4","url":"https://github.com/Marginy605","contributions":10},{"login":"Flunt1k","avatarUrl":"https://avatars.githubusercontent.com/u/47900126?v=4","url":"https://github.com/Flunt1k","contributions":8},{"login":"artemipanchuk","avatarUrl":"https://avatars.githubusercontent.com/u/15093838?v=4","url":"https://github.com/artemipanchuk","contributions":6},{"login":"astandrik","avatarUrl":"https://avatars.githubusercontent.com/u/8037318?v=4","url":"https://github.com/astandrik","contributions":4},{"login":"ichernobuk","avatarUrl":"https://avatars.githubusercontent.com/u/25184132?v=4","url":"https://github.com/ichernobuk","contributions":4},{"login":"EgorKluch","avatarUrl":"https://avatars.githubusercontent.com/u/2197074?v=4","url":"https://github.com/EgorKluch","contributions":4},{"login":"mournfulCoroner","avatarUrl":"https://avatars.githubusercontent.com/u/56549651?v=4","url":"https://github.com/mournfulCoroner","contributions":3},{"login":"krozhkov","avatarUrl":"https://avatars.githubusercontent.com/u/17095356?v=4","url":"https://github.com/krozhkov","contributions":2},{"login":"imechoim","avatarUrl":"https://avatars.githubusercontent.com/u/8857511?v=4","url":"https://github.com/imechoim","contributions":2},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":2},{"login":"pavel-klimov","avatarUrl":"https://avatars.githubusercontent.com/u/42768217?v=4","url":"https://github.com/pavel-klimov","contributions":2},{"login":"dsleepo","avatarUrl":"https://avatars.githubusercontent.com/u/827806?v=4","url":"https://github.com/dsleepo","contributions":2},{"login":"melikhov-dev","avatarUrl":"https://avatars.githubusercontent.com/u/1742586?v=4","url":"https://github.com/melikhov-dev","contributions":2},{"login":"ogonkov","avatarUrl":"https://avatars.githubusercontent.com/u/1091927?v=4","url":"https://github.com/ogonkov","contributions":1},{"login":"resure","avatarUrl":"https://avatars.githubusercontent.com/u/168296?v=4","url":"https://github.com/resure","contributions":1},{"login":"ref256","avatarUrl":"https://avatars.githubusercontent.com/u/41027510?v=4","url":"https://github.com/ref256","contributions":1},{"login":"SwinX","avatarUrl":"https://avatars.githubusercontent.com/u/854899?v=4","url":"https://github.com/SwinX","contributions":1},{"login":"ananas7","avatarUrl":"https://avatars.githubusercontent.com/u/6717161?v=4","url":"https://github.com/ananas7","contributions":1},{"login":"ierehon1905","avatarUrl":"https://avatars.githubusercontent.com/u/31146334?v=4","url":"https://github.com/ierehon1905","contributions":1},{"login":"ariser","avatarUrl":"https://avatars.githubusercontent.com/u/3864424?v=4","url":"https://github.com/ariser","contributions":1},{"login":"artemmufazalov","avatarUrl":"https://avatars.githubusercontent.com/u/67755036?v=4","url":"https://github.com/artemmufazalov","contributions":1}],"codeOwners":[]},"dashkit":{"stars":13,"version":"8.7.2","lastUpdate":"18.07.2024","license":"MIT License","issues":2,"readme":"# @gravity-ui/dashkit &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/dashkit)](https://www.npmjs.com/package/@gravity-ui/dashkit) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/dashkit/.github/workflows/ci.yaml?branch=main&label=CI&logo=github)](https://github.com/gravity-ui/dashkit/actions/workflows/ci.yaml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/dashkit/)\\n\\n# DashKit\\n\\nA dashboard grid rendering library.\\n\\n## Installation\\n\\n```bash\\nnpm i @gravity-ui/dashkit @gravity-ui/uikit\\n```\\n\\n## Description\\n\\nThe library is used to line up widgets in a grid, resize them, add new ones, and delete them.\\nThe widget is a react component. For example, text, graphics, and images.\\n\\nNew widgets are added via a plugin system.\\n\\n### Plugins\\n\\nPlugins are required to create custom widgets.\\n\\n### Props\\n\\n```ts\\ninterface DashKitProps {\\n  config: Config;\\n  editMode: boolean;\\n  onItemEdit: ({id}: {id: string}) => void;\\n  onChange: (data: {config: Config; itemsStateAndParams: ItemsStateAndParams}) => void;\\n  onDrop: (dropProps: ItemDropProps) => void;\\n  defaultGlobalParams: GlobalParams;\\n  globalParams: GlobalParams;\\n  itemsStateAndParams: ItemsStateAndParams;\\n  settings: SettingsProps;\\n  context: ContextProps;\\n  overlayControls?: Record<string, OverlayControlItem[]> | null;\\n  overlayMenuItems?: MenuItems[] | null;\\n  noOverlay?: boolean;\\n  focusable?: boolean;\\n  draggableHandleClassName?: string;\\n}\\n```\\n\\n- **config**: [сonfig](#Config).\\n- **editMode**: Whether edit mode is enabled.\\n- **onItemEdit**: Called when you click to edit a widget.\\n- **onChange**: Called when config or [itemsStateAndParams](#temsStateAndParams) are changed.\\n- **onDrop**: Called when item dropped from ActionPanel using (#DashKitDnDWrapper)\\n- **defaultGlobalParams**, **globalParams**: [Parameters](#Params) that affect all widgets. In DataLens, `defaultGlobalParams` are global parameters set in the dashboard settings. `globalParams` are globals parameters that can be set in the url.\\n- **itemsStateAndParams**: [itemsStateAndParams](#temsStateAndParams).\\n- **settings**: DashKit settings.\\n- **context**: Object that will be propped up on all widgets.\\n- **overlayControls**: Object that overrides widget controls at the time of editing. If not transmitted, basic controls will be displayed. If `null` passed only close button or custom menu will be displayed.\\n- **overlayMenuItems**: Custom dropdown menu items\\n- **noOverlay**: If `true`, overlay and controls are not displayed while editing.\\n- **focusable**: If `true`, grid items will be focusable.\\n- **draggableHandleClassName** : СSS class name of the element that makes the widget draggable.\\n\\n## Usage\\n\\n### DashKit configuration\\n\\nBefore using `DashKit` as a react component, it must be configured.\\n\\n- set language\\n\\n  ```js\\n  import {configure, Lang} from \'@gravity-ui/uikit\';\\n\\n  configure({lang: Lang.En});\\n  ```\\n\\n- DashKit.setSettings\\n\\n  Used for global DashKit settings (such as margins between widgets, default widget sizes and widget overlay menu)\\n\\n  ```js\\n  import {DashKit} from \'@gravity-ui/dashkit\';\\n\\n  DashKit.setSettings({\\n    gridLayout: {margin: [8, 8]},\\n    isMobile: true,\\n    // menu: [] as Array<MenuItem>,\\n  });\\n  ```\\n\\n- DashKit.registerPlugins\\n\\n  Registering and configuring plugins\\n\\n  ```js\\n  import {DashKit} from \'@gravity-ui/dashkit\';\\n  import {pluginTitle, pluginText} from \'@gravity-ui/dashkit\';\\n\\n  DashKit.registerPlugins(\\n    pluginTitle,\\n    pluginText.setSettings({\\n      apiHandler({text}) {\\n        return api.getMarkdown(text);\\n      },\\n    }),\\n  );\\n\\n  DashKit.registerPlugins({\\n    type: \'custom\',\\n    defaultLayout: {\\n      w: 10,\\n      h: 8,\\n    },\\n    renderer: function CustomPlugin() {\\n      return <div>Custom widget with custom controls</div>;\\n    },\\n  });\\n  ```\\n\\n### Config\\n\\n```ts\\nexport interface Config {\\n  salt: string; // to form a unique id\\n  counter: number; // to form a unique id, only increases\\n  items: ConfigItem[]; //  initial widget states\\n  layout: ConfigLayout[]; // widget position on the grid https://github.com/react-grid-layout\\n  aliases: ConfigAliases; // aliases for parameters see #Params\\n  connections: ConfigConnection[]; // links between widgets see #Params\\n}\\n```\\n\\nConfig example:\\n\\n```ts\\nimport {DashKitProps} from \'@gravity-ui/dashkit\';\\n\\nconst config: DashKitProps[\'config\'] = {\\n  salt: \'0.46703554571365613\',\\n  counter: 4,\\n  items: [\\n    {\\n      id: \'tT\',\\n      data: {\\n        size: \'m\',\\n        text: \'Caption\',\\n        showInTOC: true,\\n      },\\n      type: \'title\',\\n      namespace: \'default\',\\n      orderId: 1,\\n    },\\n    {\\n      id: \'Ea\',\\n      data: {\\n        text: \'mode _editActive\',\\n        _editActive: true,\\n      },\\n      type: \'text\',\\n      namespace: \'default\',\\n    },\\n    {\\n      id: \'zR\',\\n      data: {\\n        text: \'### Text\',\\n      },\\n      type: \'text\',\\n      namespace: \'default\',\\n      orderId: 0,\\n    },\\n    {\\n      id: \'Dk\',\\n      data: {\\n        foo: \'bar\',\\n      },\\n      type: \'custom\',\\n      namespace: \'default\',\\n      orderId: 5,\\n    },\\n  ],\\n  layout: [\\n    {\\n      h: 2,\\n      i: \'tT\',\\n      w: 36,\\n      x: 0,\\n      y: 0,\\n    },\\n    {\\n      h: 6,\\n      i: \'Ea\',\\n      w: 12,\\n      x: 0,\\n      y: 2,\\n    },\\n    {\\n      h: 6,\\n      i: \'zR\',\\n      w: 12,\\n      x: 12,\\n      y: 2,\\n    },\\n    {\\n      h: 4,\\n      i: \'Dk\',\\n      w: 8,\\n      x: 0,\\n      y: 8,\\n    },\\n  ],\\n  aliases: {},\\n  connections: [],\\n};\\n```\\n\\nAdd a new item to the config:\\n\\n```ts\\nconst newLayout = updateLayout: [\\n  {\\n    h: 6,\\n    i: \'Ea\',\\n    w: 12,\\n    x: 0,\\n    y: 6,\\n  },\\n  {\\n    h: 4,\\n    i: \'Dk\',\\n    w: 8,\\n    x: 0,\\n    y: 12,\\n  },\\n];\\n\\nconst newConfig = DashKit.setItem({\\n  item: {\\n    data: {\\n      text: `Some text`,\\n    },\\n    namespace: \'default\',\\n    type: \'text\',\\n    // Optional. If new item needed to be inserted in current layout with predefined dimensions\\n    layout: { // Current item inseterted before \'Ea\'\\n      h: 6,\\n      w: 12,\\n      x: 0,\\n      y: 2,\\n    },,\\n  },\\n  config: config,\\n  options: {\\n    // Optional. New layout values for existing items when new element is dropped from ActionPanel\\n    updateLayout: newLayout,\\n  },\\n});\\n```\\n\\nChange an existing item in the config:\\n\\n```ts\\nconst newConfig = DashKit.setItem({\\n  item: {\\n    id: \'tT\', // item.id\\n    data: {\\n      size: \'m\',\\n      text: `New caption`,\\n    },\\n    namespace: \'default\',\\n    type: \'title\',\\n  },\\n  config: config,\\n});\\n```\\n\\nDelete an item from the config:\\n\\n```ts\\nimport {DashKitProps} from \'@gravity-ui/dashkit\';\\n\\nconst oldItemsStateAndParams: DashKitProps[\'itemsStateAndParams\'] = {};\\n\\nconst {config: newConfig, itemsStateAndParams} = DashKit.removeItem({\\n  id: \'tT\', // item.id\\n  config: config,\\n  itemsStateAndParams: this.state.itemsStateAndParams,\\n});\\n```\\n\\n### Params\\n\\n```ts\\ntype Params = Record<string, string | string[]>;\\n```\\n\\n`DashKit` generates parameters according to the default parameters for widgets, links, and aliases. These parameters are required for the [ChartKit](https://github.com/gravity-ui/chartkit) library.\\n\\nGeneration order:\\n\\n1. `defaultGlobalParams`\\n2. Default widget parameters `item.default`\\n3. `globalParams`\\n4. Parameters from [itemsStateAndParams](#itemsStateAndParams) according to the queue.\\n\\n### itemsStateAndParams\\n\\nObject that stores widget parameters and states as well as a parameter change queue.\\nIt has a `__meta__` field for storing queue and meta information.\\n\\n```ts\\ninterface StateAndParamsMeta = {\\n    __meta__: {\\n        queue: {id: string}[]; // queue\\n        version: number; // current version itemsStateAndParams\\n    };\\n}\\n```\\n\\nAnd also widget states and parameters:\\n\\n```ts\\ninterface ItemsStateAndParamsBase {\\n  [itemId: string]: {\\n    state?: Record<string, any>;\\n    params?: Params;\\n  };\\n}\\n```\\n\\n```ts\\ntype ItemsStateAndParams = StateAndParamsMeta & ItemsStateAndParamsBase;\\n```\\n\\n### Menu\\n\\nYou can specify custom DashKit widget overlay menu in edit mode\\n\\n```ts\\ntype MenuItem = {\\n  id: string; // uniq id\\n  title?: string; // string title\\n  icon?: ReactNode; // node of icon\\n  iconSize?: number | string; // icon size in px as number or as string with units\\n  handler?: (item: ConfigItem) => void; // custom item action handler\\n  visible?: (item: ConfigItem) => boolean; // optional visibility handler for filtering menu items\\n  className?: string; // custom class property\\n};\\n\\n// use array of menu items in settings\\n<Dashkit overlayMenuItems={[] as Array<MenuItem> | null} />\\n\\n[deprecated]\\n// overlayMenuItems property has greater priority over setSettings menu\\nDashKit.setSettings({menu: [] as Array<MenuItem>});\\n```\\n\\n### Draggable items from ActionPanel\\n\\n#### DashKitDnDWrapper\\n\\n```ts\\ninterface DashKitDnDWrapperProps {\\n  dragImageSrc?: string;\\n  onDragStart?: (dragProps: ItemDragProps) => void;\\n  onDragEnd?: () => void;\\n}\\n```\\n\\n- **dragImageSrc**: Drag image preview, by default used transparent 1px png base64\\n- **onDragStart**: Callback called when element is dragged from ActionPanel\\n- **onDragEnd**: Callback called when element dropped or drag canceled\\n\\n```ts\\ntype ItemDragProps = {\\n    type: string; // Plugin type\\n    layout?: { // Optional. Layout item size for preview and init\\n        w?: number;\\n        h?: number;\\n    };\\n    extra?: any; // Custom user context\\n};\\n```\\n\\n```ts\\ntype ItemDropProps = {\\n    commit: () => void; // Callback should be called after all config operations are made\\n    dragProps: ItemDragProps; // Item drag props\\n    itemLayout: ConfigLayout; // Calculated item layout dimensions\\n    newLayout: ConfigLayout[]; // New layout after element is dropped\\n};\\n```\\n\\n\\n#### Example:\\n\\n```jsx\\nconst overlayMenuItems = [\\n  {\\n    id: \'chart\',\\n    icon: <Icon data={ChartColumn} />,\\n    title: \'Chart\',\\n    qa: \'chart\',\\n    dragProps: { // ItemDragProps\\n        type: \'custom\', // Registered plugin type\\n    },\\n  }\\n]\\n\\nconst onDrop = (dropProps: ItemDropProps) => {\\n  // ... add element to your config\\n  dropProps.commit();\\n}\\n\\n<DashKitDnDWrapper>\\n  <DashKit editMode={true} config={config} onChange={onChange} onDrop={onDrop} />\\n  <ActionPanel items={overlayMenuItems} />\\n</DashKitDnDWrapper>\\n```\\n\\n### CSS API\\n\\n| Name                                           | Description           |\\n| :--------------------------------------------- | :-------------------- |\\n| Action panel variables                         |                       |\\n| `--dashkit-action-panel-color`                 | Background color      |\\n| `--dashkit-action-panel-border-color`          | Border color          |\\n| `--dashkit-action-panel-border-radius`         | Border radius         |\\n| Action panel item variables                    |                       |\\n| `--dashkit-action-panel-item-color`            | Backgroud color       |\\n| `--dashkit-action-panel-item-text-color`       | Text color            |\\n| `--dashkit-action-panel-item-color-hover`      | Hover backgroud color |\\n| `--dashkit-action-panel-item-text-color-hover` | Hover text color      |\\n| Overlay variables                              |                       |\\n| `--dashkit-overlay-border-color`               | Border color          |\\n| `--dashkit-overlay-color`                      | Background color      |\\n| `--dashkit-overlay-opacity`                    | Opacity               |\\n| Grid item variables                            |                       |\\n| `--dashkit-grid-item-edit-opacity`             | Opacity               |\\n| `--dashkit-grid-item-border-radius`            | Border radius         |\\n| Placeholder variables                          |                       |\\n| `--dashkit-placeholder-color`                  | Background color      |\\n| `--dashkit-placeholder-opacity`                | Opacity               |\\n\\n#### Usage example\\n\\n```css\\n.custom-theme-wrapper {\\n  --dashkit-grid-item-edit-opacit: 1;\\n  --dashkit-overlay-color: var(--g-color-base-float);\\n  --dashkit-overlay-border-color: var(--g-color-base-float);\\n  --dashkit-overlay-opacity: 0.5;\\n\\n  --dashkit-action-panel-border-color: var(--g-color-line-info);\\n  --dashkit-action-panel-color: var(--g-color-base-float-accent);\\n  --dashkit-action-panel-border-radius: var(--g-border-radius-xxl);\\n}\\n```\\n\\n```tsx\\n// ....\\n\\nconst CustomThemeWrapper = (props: {\\n  dashkitProps: DashkitProps;\\n  actionPanelProps: ActionPanelProps;\\n}) => {\\n  return (\\n    <div className=\\"custom-theme-wrapper\\">\\n      <Dashkit {...props.dashkitProps} />\\n      <ActionPanel {...props.actionPanelProps} />\\n    </div>\\n  );\\n};\\n```\\n\\n## Development\\n\\n### Build & watch\\n\\n- Build dependencies `npm ci`\\n- Build a project `npm run build`\\n- Build storybook `npm run start`\\n\\nBy default, storybook runs on `http://localhost:7120/`.\\nNew changes from a project aren\'t always picked up when storybook is running, so it\'s better to rebuild a project manually and restart storybook.\\n\\n\\n### Example of an nginx config for development on a dev machine\\n\\n```bash\\nserver {\\n    server_name dashkit.username.ru;\\n\\n    include common/ssl;\\n\\n    access_log /home/username/logs/common.access.log;\\n    error_log /home/username/logs/common.error.log;\\n\\n    root /home/username/projects/dashkit;\\n\\n    location / {\\n        try_files $uri @node;\\n    }\\n\\n    location @node {\\n        proxy_set_header Host $host;\\n        proxy_set_header X-Real-IP $remote_addr;\\n        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;\\n        proxy_pass http://127.0.0.1:7120;\\n        proxy_redirect off;\\n    }\\n}\\n\\n```\\n","changelog":"# Changelog\\n\\n## [8.7.2](https://github.com/gravity-ui/dashkit/compare/v8.7.1...v8.7.2) (2024-07-18)\\n\\n\\n### Bug Fixes\\n\\n* fix for single dropdown menu ([#161](https://github.com/gravity-ui/dashkit/issues/161)) ([3cc4ffc](https://github.com/gravity-ui/dashkit/commit/3cc4ffc3100489bc1b554c022864867c66a24060))\\n\\n## [8.7.1](https://github.com/gravity-ui/dashkit/compare/v8.7.0...v8.7.1) (2024-07-18)\\n\\n\\n### Bug Fixes\\n\\n* fix shadow for rounded cornered single control ([#159](https://github.com/gravity-ui/dashkit/issues/159)) ([168584d](https://github.com/gravity-ui/dashkit/commit/168584d2386388ddf9a68e7d0acc47e6acb4d28d))\\n\\n## [8.7.0](https://github.com/gravity-ui/dashkit/compare/v8.6.0...v8.7.0) (2024-07-18)\\n\\n\\n### Features\\n\\n* moved overlay controls into separated context ([#157](https://github.com/gravity-ui/dashkit/issues/157)) ([29fca8c](https://github.com/gravity-ui/dashkit/commit/29fca8c160491bfd488d4f668d0e654aba2a7976))\\n\\n## [8.6.0](https://github.com/gravity-ui/dashkit/compare/v8.5.0...v8.6.0) (2024-07-12)\\n\\n\\n### Features\\n\\n* add horizontal-nowrap compactType ([#155](https://github.com/gravity-ui/dashkit/issues/155)) ([7f4e8f9](https://github.com/gravity-ui/dashkit/commit/7f4e8f91aa7f6f68644a7b234280bf4dfac88c52))\\n\\n## [8.5.0](https://github.com/gravity-ui/dashkit/compare/v8.4.0...v8.5.0) (2024-07-04)\\n\\n\\n### Features\\n\\n* group properties ([#152](https://github.com/gravity-ui/dashkit/issues/152)) ([ac39f67](https://github.com/gravity-ui/dashkit/commit/ac39f677a0131b3196e0d913c0952fa0eab1ee26))\\n\\n## [8.4.0](https://github.com/gravity-ui/dashkit/compare/v8.3.0...v8.4.0) (2024-06-28)\\n\\n\\n### Features\\n\\n* dashkit groups ([#150](https://github.com/gravity-ui/dashkit/issues/150)) ([641f008](https://github.com/gravity-ui/dashkit/commit/641f008674edacea8ceebd2eecb72b55bebc6534))\\n\\n## [8.3.0](https://github.com/gravity-ui/dashkit/compare/v8.2.0...v8.3.0) (2024-06-11)\\n\\n\\n### Features\\n\\n* support useStateAsInitial in getItemsParams ([#148](https://github.com/gravity-ui/dashkit/issues/148)) ([ede2db0](https://github.com/gravity-ui/dashkit/commit/ede2db0b219697016aafd4fed9a210f2b9c52fb4))\\n\\n## [8.2.0](https://github.com/gravity-ui/dashkit/compare/v8.1.0...v8.2.0) (2024-05-21)\\n\\n\\n### Features\\n\\n* drag n drop from action panel ([#114](https://github.com/gravity-ui/dashkit/issues/114)) ([1d2e44a](https://github.com/gravity-ui/dashkit/commit/1d2e44ae205eaf89e92c1401ab2de819e52417a7))\\n\\n## [8.1.0](https://github.com/gravity-ui/dashkit/compare/v8.0.2...v8.1.0) (2024-04-19)\\n\\n\\n### Features\\n\\n* focusable grid item ([#142](https://github.com/gravity-ui/dashkit/issues/142)) ([aa02ea1](https://github.com/gravity-ui/dashkit/commit/aa02ea1cfb6a4f750d6541e0eeb2dde2f72cf9fc))\\n\\n## [8.0.2](https://github.com/gravity-ui/dashkit/compare/v8.0.1...v8.0.2) (2024-04-12)\\n\\n\\n### Bug Fixes\\n\\n* add group_control to pluginBaseDL ([#140](https://github.com/gravity-ui/dashkit/issues/140)) ([6a41996](https://github.com/gravity-ui/dashkit/commit/6a4199698ee5c500e40ec32ca1881a552bd6cb71))\\n\\n## [8.0.1](https://github.com/gravity-ui/dashkit/compare/v8.0.0...v8.0.1) (2024-04-12)\\n\\n\\n### Bug Fixes\\n\\n* change types setting path to common one ([#138](https://github.com/gravity-ui/dashkit/issues/138)) ([d963f18](https://github.com/gravity-ui/dashkit/commit/d963f18cc68920c7ea1c20fd4e0f802f7715560d))\\n\\n## [8.0.0](https://github.com/gravity-ui/dashkit/compare/v7.2.0...v8.0.0) (2024-04-12)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* separated helpers export from ui ([#133](https://github.com/gravity-ui/dashkit/issues/133))\\n\\nFunctions and constants from `src/utils`, `src/shared` and `src/constants` are available for export from another endpoint `helpers`. \\nFor example, previously you could use:\\n```\\nimport {transformParamsToActionParams} from \'@gravity-ui/dashkit\';\\n```\\nnow you should use:\\n```\\nimport {transformParamsToActionParams} from \'@gravity-ui/dashkit/helpers\';\\n```\\n\\n\\n### Features\\n\\n* add attribute to plugin root element ([#135](https://github.com/gravity-ui/dashkit/issues/135)) ([d052702](https://github.com/gravity-ui/dashkit/commit/d052702b6e4b736fe2ac67c8488f3ec1951096fb))\\n\\n## [7.2.0](https://github.com/gravity-ui/dashkit/compare/v7.1.1...v7.2.0) (2024-03-27)\\n\\n\\n### Features\\n\\n* add copy context field for prepared copy item type ([#130](https://github.com/gravity-ui/dashkit/issues/130)) ([fad573e](https://github.com/gravity-ui/dashkit/commit/fad573e7fb02a5a1c3949a48d5e9d3de2617f560))\\n\\n## [7.1.1](https://github.com/gravity-ui/dashkit/compare/v7.1.0...v7.1.1) (2024-03-15)\\n\\n\\n### Bug Fixes\\n\\n* **react-grid-layout:** fix react-grid-layout type imports ([#125](https://github.com/gravity-ui/dashkit/issues/125)) ([2a051cf](https://github.com/gravity-ui/dashkit/commit/2a051cfc2f7b6698892ecc42eb185e5272aba2e2))\\n\\n## [7.1.0](https://github.com/gravity-ui/dashkit/compare/v7.0.0...v7.1.0) (2024-03-07)\\n\\n\\n### Features\\n\\n* support group in widget item ([#118](https://github.com/gravity-ui/dashkit/issues/118)) ([f480ee6](https://github.com/gravity-ui/dashkit/commit/f480ee69b7d1cebe3d7e889a6657114ec120e0ac))\\n\\n## [7.0.0](https://github.com/gravity-ui/dashkit/compare/v6.8.0...v7.0.0) (2024-02-14)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* move to uikit 6 ([#116](https://github.com/gravity-ui/dashkit/issues/116))\\n* remove internal usage of `i18n`, use `configure` from `uilit` instead\\n\\n## [6.8.0](https://github.com/gravity-ui/dashkit/compare/v6.7.2...v6.8.0) (2024-02-01)\\n\\n\\n### Features\\n\\n* add slide animation for ActionPanel ([#110](https://github.com/gravity-ui/dashkit/issues/110)) ([d7e9f9b](https://github.com/gravity-ui/dashkit/commit/d7e9f9b03f52494306d13cea3a1c1ffed92deab0))\\n\\n## [6.7.2](https://github.com/gravity-ui/dashkit/compare/v6.7.1...v6.7.2) (2023-12-14)\\n\\n\\n### Bug Fixes\\n\\n* filtering action params logic, add test ([#108](https://github.com/gravity-ui/dashkit/issues/108)) ([5deded9](https://github.com/gravity-ui/dashkit/commit/5deded96d51d38472c4edb9f0e6fedd75412cc32))\\n\\n## [6.7.1](https://github.com/gravity-ui/dashkit/compare/v6.7.0...v6.7.1) (2023-12-12)\\n\\n\\n### Bug Fixes\\n\\n* refact getItemsParams for action params ([#102](https://github.com/gravity-ui/dashkit/issues/102)) ([1fc1f75](https://github.com/gravity-ui/dashkit/commit/1fc1f7558b9234eb452346a9b64011b1fc059860))\\n\\n## [6.7.0](https://github.com/gravity-ui/dashkit/compare/v6.6.1...v6.7.0) (2023-12-12)\\n\\n\\n### Features\\n\\n* added options to plugin onStateAndParamsChange ([#105](https://github.com/gravity-ui/dashkit/issues/105)) ([67b574a](https://github.com/gravity-ui/dashkit/commit/67b574a5fc9a1c40cc2dcba66e8967be4d5dbca6))\\n\\n## [6.6.1](https://github.com/gravity-ui/dashkit/compare/v6.6.0...v6.6.1) (2023-11-27)\\n\\n\\n### Bug Fixes\\n\\n* add import type for prepare copied item fn args ([#100](https://github.com/gravity-ui/dashkit/issues/100)) ([6336510](https://github.com/gravity-ui/dashkit/commit/6336510ae5f66a83c7e8c53b674c87b9a14502fb))\\n\\n## [6.6.0](https://github.com/gravity-ui/dashkit/compare/v6.5.1...v6.6.0) (2023-11-27)\\n\\n\\n### Features\\n\\n* add prepare options cb on copy before adding to localStorage ([#98](https://github.com/gravity-ui/dashkit/issues/98)) ([b0ad064](https://github.com/gravity-ui/dashkit/commit/b0ad0647ba6d8e57739c506ebce1588c187be7f7))\\n\\n## [6.5.1](https://github.com/gravity-ui/dashkit/compare/v6.5.0...v6.5.1) (2023-11-15)\\n\\n\\n### Bug Fixes\\n\\n* touch tap to overlay controls ([#95](https://github.com/gravity-ui/dashkit/issues/95)) ([cdf5fbc](https://github.com/gravity-ui/dashkit/commit/cdf5fbc9b84c4bd5de67dcd2f1c529ee54a3c710))\\n\\n## [6.5.0](https://github.com/gravity-ui/dashkit/compare/v6.4.0...v6.5.0) (2023-10-16)\\n\\n\\n### Features\\n\\n* Removed react-grid-item css animation ([#91](https://github.com/gravity-ui/dashkit/issues/91)) ([b76b221](https://github.com/gravity-ui/dashkit/commit/b76b22181eaec7c5d1e09666321173c60c702aed))\\n\\n## [6.4.0](https://github.com/gravity-ui/dashkit/compare/v6.3.0...v6.4.0) (2023-10-03)\\n\\n\\n### Features\\n\\n* add experimental props _experimentDisableItemAnimation ([#88](https://github.com/gravity-ui/dashkit/issues/88)) ([d17f4dc](https://github.com/gravity-ui/dashkit/commit/d17f4dcc708cc377bdbb2356f7914d9a65a1f593))\\n\\n## [6.3.0](https://github.com/gravity-ui/dashkit/compare/v6.2.1...v6.3.0) (2023-09-28)\\n\\n\\n### Features\\n\\n* add qa attribute for action panel item ([#86](https://github.com/gravity-ui/dashkit/issues/86)) ([3a52024](https://github.com/gravity-ui/dashkit/commit/3a520249fabae2314a4ffe1df2e7cedfebc90dd9))\\n\\n## [6.2.1](https://github.com/gravity-ui/dashkit/compare/v6.2.0...v6.2.1) (2023-09-21)\\n\\n\\n### Bug Fixes\\n\\n* add fire storage event ([#84](https://github.com/gravity-ui/dashkit/issues/84)) ([130395a](https://github.com/gravity-ui/dashkit/commit/130395a465cf46dfb680e7d02cf6a65946e83600))\\n\\n## [6.2.0](https://github.com/gravity-ui/dashkit/compare/v6.1.0...v6.2.0) (2023-09-20)\\n\\n\\n### Features\\n\\n* **ActionPanel:** add ActionPanel component ([#82](https://github.com/gravity-ui/dashkit/issues/82)) ([b8cfe51](https://github.com/gravity-ui/dashkit/commit/b8cfe51af6c063ab802f9e0a3a344cb2d7866018))\\n\\n## [6.1.0](https://github.com/gravity-ui/dashkit/compare/v6.0.0...v6.1.0) (2023-08-25)\\n\\n\\n### Features\\n\\n* migrate to @bem-react/classname ([#79](https://github.com/gravity-ui/dashkit/issues/79)) ([bdfca24](https://github.com/gravity-ui/dashkit/commit/bdfca24fbb3359dbdc373314da9ab2992bacce7f))\\n\\n## [6.0.0](https://github.com/gravity-ui/dashkit/compare/v5.6.2...v6.0.0) (2023-07-17)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* up @gravity-ui/uikit to 5 version ([#74](https://github.com/gravity-ui/dashkit/issues/74))\\n\\n## [5.6.2](https://github.com/gravity-ui/dashkit/compare/v5.6.1...v5.6.2) (2023-06-16)\\n\\n\\n### Bug Fixes\\n\\n* **husky:** commit msg ([#62](https://github.com/gravity-ui/dashkit/issues/62)) ([3948520](https://github.com/gravity-ui/dashkit/commit/39485207bbffe26eff3302d2087631fb001978c7))\\n\\n## [5.6.1](https://github.com/gravity-ui/dashkit/compare/v5.6.0...v5.6.1) (2023-06-15)\\n\\n\\n### Bug Fixes\\n\\n* **react-grid-layout:** fixed react-grid-layout issue ([#59](https://github.com/gravity-ui/dashkit/issues/59)) ([bdb3f87](https://github.com/gravity-ui/dashkit/commit/bdb3f87731cf82b8267c913bb0010c65f7014018))\\n\\n## [5.6.0](https://github.com/gravity-ui/dashkit/compare/v5.5.0...v5.6.0) (2023-04-18)\\n\\n\\n### Features\\n\\n* add item state to overlay dropdown menu action handler ([#57](https://github.com/gravity-ui/dashkit/issues/57)) ([78b13fa](https://github.com/gravity-ui/dashkit/commit/78b13fa4107e94abd93c6e469a36840b61b6a10a))\\n\\n## [5.5.0](https://github.com/gravity-ui/dashkit/compare/v5.4.0...v5.5.0) (2023-04-17)\\n\\n\\n### Features\\n\\n* support all props from react-grid-layout ([#54](https://github.com/gravity-ui/dashkit/issues/54)) ([7e3d316](https://github.com/gravity-ui/dashkit/commit/7e3d316a4cc0fbbf24a23f52408c4fa10f69a4b5))\\n\\n## [5.4.0](https://github.com/gravity-ui/dashkit/compare/v5.3.0...v5.4.0) (2023-04-13)\\n\\n\\n### Features\\n\\n* add widget defaults ([#52](https://github.com/gravity-ui/dashkit/issues/52)) ([a6e512d](https://github.com/gravity-ui/dashkit/commit/a6e512d132e6c9f0fc93d63527f233656863831e))\\n* clear default actionParams ([#55](https://github.com/gravity-ui/dashkit/issues/55)) ([4184b82](https://github.com/gravity-ui/dashkit/commit/4184b828228c6faae21a9c9731fee544f7dd5362))\\n\\n## [5.3.0](https://github.com/gravity-ui/dashkit/compare/v5.2.0...v5.3.0) (2023-04-06)\\n\\n\\n### Features\\n\\n* add actionParams support ([#47](https://github.com/gravity-ui/dashkit/issues/47)) ([0c78ae2](https://github.com/gravity-ui/dashkit/commit/0c78ae2b96d9882ea27a7e7742d40728fadcfa84))\\n\\n## [5.2.0](https://github.com/gravity-ui/dashkit/compare/v5.1.0...v5.2.0) (2023-03-27)\\n\\n\\n### Features\\n\\n* add custom qa attribute for overlay controls ([#45](https://github.com/gravity-ui/dashkit/issues/45)) ([738ce14](https://github.com/gravity-ui/dashkit/commit/738ce14a7883a88d3096ed4c9bd21bcc16f3fd20))\\n* export OverlayControlItem type ([#50](https://github.com/gravity-ui/dashkit/issues/50)) ([a68cc5c](https://github.com/gravity-ui/dashkit/commit/a68cc5cb4e4470278220e18f79f9b82dc6a7cfba))\\n\\n## [5.1.0](https://github.com/gravity-ui/dashkit/compare/v5.0.0...v5.1.0) (2023-02-09)\\n\\n\\n### Features\\n\\n* generating a unique id for config ([#41](https://github.com/gravity-ui/dashkit/issues/41)) ([062c8d0](https://github.com/gravity-ui/dashkit/commit/062c8d015e334061fac193cf8c0a549a932e3a87))\\n\\n## [5.0.0](https://github.com/gravity-ui/dashkit/compare/v4.1.0...v5.0.0) (2023-02-01)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* up @gravity-ui/uikit to 4 version ([#39](https://github.com/gravity-ui/dashkit/issues/39))\\n\\n### Features\\n\\n* up @gravity-ui/uikit to 4 version ([#39](https://github.com/gravity-ui/dashkit/issues/39)) ([8b4c123](https://github.com/gravity-ui/dashkit/commit/8b4c123a69009918518d4c296af3c315f811afd9))\\n\\n## [4.1.0](https://github.com/gravity-ui/dashkit/compare/v4.0.0...v4.1.0) (2023-01-31)\\n\\n\\n### Features\\n\\n* remove preventDoubleCompact flag ([#37](https://github.com/gravity-ui/dashkit/issues/37)) ([9b95e61](https://github.com/gravity-ui/dashkit/commit/9b95e61b7939a9883fda832947e70728b8f66410))\\n\\n## [4.0.0](https://github.com/gravity-ui/dashkit/compare/v3.5.0...v4.0.0) (2022-12-19)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* rename types in plugin Text ([#33](https://github.com/gravity-ui/dashkit/issues/33))\\n* change grid item forward ref behavior\\n\\n### Features\\n\\n* rename types in plugin Text ([#33](https://github.com/gravity-ui/dashkit/issues/33)) ([c55917f](https://github.com/gravity-ui/dashkit/commit/c55917f918a4592c680e4e3bf3173fb53514b185))\\n* update react-grid-layout major release ([#31](https://github.com/gravity-ui/dashkit/issues/31)) ([e31ff70](https://github.com/gravity-ui/dashkit/commit/e31ff707f48038435a63d95ad34b8685c39fb1ba))\\n\\n## [3.5.0](https://github.com/gravity-ui/dashkit/compare/v3.4.0...v3.5.0) (2022-12-19)\\n\\n\\n### Features\\n\\n* export plugins ([#29](https://github.com/gravity-ui/dashkit/issues/29)) ([d589546](https://github.com/gravity-ui/dashkit/commit/d5895469e9917f4c5f43aaf5802b5d8a865bd185))\\n\\n## [3.4.0](https://github.com/gravity-ui/dashkit/compare/v3.3.0...v3.4.0) (2022-11-16)\\n\\n\\n### Features\\n\\n* delete _EXPERIMENTAL_memoContext props ([#27](https://github.com/gravity-ui/dashkit/issues/27)) ([c9d6b64](https://github.com/gravity-ui/dashkit/commit/c9d6b644e0235fd6d08d24090bb959c1fe112936))\\n\\n## [3.3.0](https://github.com/gravity-ui/dashkit/compare/v3.2.0...v3.3.0) (2022-11-10)\\n\\n\\n### Features\\n\\n* improve autoupdate reload logic ([#25](https://github.com/gravity-ui/dashkit/issues/25)) ([3060d92](https://github.com/gravity-ui/dashkit/commit/3060d921407d02f136d58ea1cbd3c272d9f3def7))\\n\\n## [3.2.0](https://github.com/gravity-ui/dashkit/compare/v3.1.0...v3.2.0) (2022-10-27)\\n\\n\\n### Features\\n\\n* add item params to edit menu item handler ([#22](https://github.com/gravity-ui/dashkit/issues/22)) ([f220322](https://github.com/gravity-ui/dashkit/commit/f2203224699a3b5ab3e9915ed236736009dfb27a))\\n\\n## [3.1.0](https://github.com/gravity-ui/dashkit/compare/v3.0.2...v3.1.0) (2022-10-27)\\n\\n\\n### Features\\n\\n* add experimental props for use memo context ([#21](https://github.com/gravity-ui/dashkit/issues/21)) ([b1fd5dd](https://github.com/gravity-ui/dashkit/commit/b1fd5ddfb212e4c1402244184f5e436896ef24d6))\\n\\n## [3.0.2](https://github.com/gravity-ui/dashkit/compare/v3.0.1...v3.0.2) (2022-10-04)\\n\\n\\n### Bug Fixes\\n\\n* i18n deps moved from peer to deps ([#19](https://github.com/gravity-ui/dashkit/issues/19)) ([d62e7fb](https://github.com/gravity-ui/dashkit/commit/d62e7fbc6caaaaea0d5623aae7572b7e59616b53))\\n\\n## [3.0.1](https://github.com/gravity-ui/dashkit/compare/v3.0.0...v3.0.1) (2022-10-03)\\n\\n\\n### Bug Fixes\\n\\n* move to gravity-ui org ([#17](https://github.com/gravity-ui/dashkit/issues/17)) ([6748e5f](https://github.com/gravity-ui/dashkit/commit/6748e5f51589dfa027ef69ef5d4d59abb13e9d79))\\n\\n## [3.0.0](https://github.com/yandex-cloud/dashkit/compare/v2.0.1...v3.0.0) (2022-09-30)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* migrate to gravity-ui deps and new i18n usage (#15)\\n\\n### Features\\n\\n* migrate to gravity-ui deps and new i18n usage ([#15](https://github.com/yandex-cloud/dashkit/issues/15)) ([1b4eeb1](https://github.com/yandex-cloud/dashkit/commit/1b4eeb1165b02f37af27d11958858ae571160194))\\n\\n## [2.0.1](https://github.com/yandex-cloud/dashkit/compare/v2.0.0...v2.0.1) (2022-08-22)\\n\\n\\n### Bug Fixes\\n\\n* downgrade dependent package ([#13](https://github.com/yandex-cloud/dashkit/issues/13)) ([d0a30d3](https://github.com/yandex-cloud/dashkit/commit/d0a30d3b0fbf3da6f1c82608a430f6a989b3cd3a))\\n\\n## [2.0.0](https://github.com/yandex-cloud/dashkit/compare/v1.2.0...v2.0.0) (2022-08-11)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* migrate to i18n 0.6.0 (#11)\\n\\n### Features\\n\\n* migrate to i18n 0.6.0 ([#11](https://github.com/yandex-cloud/dashkit/issues/11)) ([8cbdda6](https://github.com/yandex-cloud/dashkit/commit/8cbdda6d035411cb8f6b6c5d11f7949a997314f5))\\n\\n## [1.2.0](https://github.com/yandex-cloud/dashkit/compare/v1.1.0...v1.2.0) (2022-08-08)\\n\\n\\n### Features\\n\\n* add custom dropdown menu item filter in edit mode ([#8](https://github.com/yandex-cloud/dashkit/issues/8)) ([5c2824a](https://github.com/yandex-cloud/dashkit/commit/5c2824a4a9a25174eff69b2f0b7b04b74cf74e0c))\\n\\n## [1.1.0](https://github.com/yandex-cloud/dashkit/compare/v1.0.0...v1.1.0) (2022-08-02)\\n\\n\\n### Features\\n\\n* flag to prevent double height optimizer ([#6](https://github.com/yandex-cloud/dashkit/issues/6)) ([8503a59](https://github.com/yandex-cloud/dashkit/commit/8503a59293bdff0b69a28ffb171b96d0b2551c16))\\n\\n## 1.0.0 (2022-07-15)\\n\\n\\n### Bug Fixes\\n\\n* try publish ([#2](https://github.com/yandex-cloud/dashkit/issues/2)) ([a76fb55](https://github.com/yandex-cloud/dashkit/commit/a76fb5552e0f4697f3d889e03d9740fa8ad948d4))\\n","contributors":[{"login":"jhoncool","avatarUrl":"https://avatars.githubusercontent.com/u/11226935?v=4","url":"https://github.com/jhoncool","contributions":20},{"login":"Marginy605","avatarUrl":"https://avatars.githubusercontent.com/u/98329176?v=4","url":"https://github.com/Marginy605","contributions":19},{"login":"flops","avatarUrl":"https://avatars.githubusercontent.com/u/433333?v=4","url":"https://github.com/flops","contributions":12},{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":9},{"login":"goshander","avatarUrl":"https://avatars.githubusercontent.com/u/5037509?v=4","url":"https://github.com/goshander","contributions":7},{"login":"mournfulCoroner","avatarUrl":"https://avatars.githubusercontent.com/u/56549651?v=4","url":"https://github.com/mournfulCoroner","contributions":3},{"login":"pavel-klimov","avatarUrl":"https://avatars.githubusercontent.com/u/42768217?v=4","url":"https://github.com/pavel-klimov","contributions":2},{"login":"catakot","avatarUrl":"https://avatars.githubusercontent.com/u/21214799?v=4","url":"https://github.com/catakot","contributions":2},{"login":"astandrik","avatarUrl":"https://avatars.githubusercontent.com/u/8037318?v=4","url":"https://github.com/astandrik","contributions":1},{"login":"artemluchin","avatarUrl":"https://avatars.githubusercontent.com/u/12445010?v=4","url":"https://github.com/artemluchin","contributions":1},{"login":"ref256","avatarUrl":"https://avatars.githubusercontent.com/u/41027510?v=4","url":"https://github.com/ref256","contributions":1},{"login":"ierehon1905","avatarUrl":"https://avatars.githubusercontent.com/u/31146334?v=4","url":"https://github.com/ierehon1905","contributions":1},{"login":"imechoim","avatarUrl":"https://avatars.githubusercontent.com/u/8857511?v=4","url":"https://github.com/imechoim","contributions":1},{"login":"kseniya57","avatarUrl":"https://avatars.githubusercontent.com/u/31247233?v=4","url":"https://github.com/kseniya57","contributions":1}],"codeOwners":[{"pattern":"*","owners":["jhoncool","Marginy605"]}]},"yagr":{"stars":96,"version":"4.3.0","lastUpdate":"09.04.2024","license":"MIT License","issues":5,"readme":"# Ẏagr <img src=\\"https://raw.githubusercontent.com/gravity-ui/yagr/main/docs/assets/yagr.svg\\" width=\\"24px\\" height=\\"24px\\" />\\n\\nYagr is a high-performance HTML5 canvas chart renderer based on [uPlot](https://github.com/leeoniya/uPlot). It provides high-level features for uPlot charts.\\n\\n<img src=\\"https://raw.githubusercontent.com/gravity-ui/yagr/main/docs/assets/demo.png\\" width=\\"800\\" />\\n\\n## Features\\n\\n-   [Lines, areas, columns, and dots as visualization types. Configurable per series](https://yagr.tech/en/api/visualization)\\n-   [Configurable Legend Tooltip](https://yagr.tech/en/plugins/tooltip)\\n-   [Axes with extra options for decimal-level precision](https://yagr.tech/en/api/axes)\\n-   [Scales with configurable range functions and transformations](https://yagr.tech/en/api/scales)\\n-   [Plot lines and bands. Configurable draw layer](https://yagr.tech/en/plugins/plot-lines)\\n-   [Responsive charts](https://yagr.tech/en/api/settings#adaptivity) (requires [ResizeObserver](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver))\\n-   [High-level support of stacked areas/columns](https://yagr.tech/en/api/scales#stacking)\\n-   [Configurable markers](./docs/api/markers.md)\\n-   [Light/Dark theme](https://yagr.tech/en/api/settings#theme)\\n-   [Data normalization](https://yagr.tech/en/api/scales#normalization)\\n-   [Configurable crosshairs, cursor markers and snapping](https://yagr.tech/en/api/cursor)\\n-   Typescript\\n-   [Localization](https://yagr.tech/en/api/settings#localization)\\n-   [CSS Variables in color names](https://yagr.tech/en/api/css)\\n-   [Paginated inline legend](https://yagr.tech/en/plugins/legend)\\n-   [Error handling and extended hooks](https://yagr.tech/en/api/lifecycle)\\n-   [Data alignment and interpolation for missing data](https://yagr.tech/en/api/data-processing)\\n-   [Realtime updates](https://yagr.tech/en/api/dynamic-updates)\\n\\n## [Documentation](https://yagr.tech)\\n\\n## Quick Start\\n\\n```\\nnpm i @gravity-ui/yagr\\n```\\n\\n### NPM Module\\n\\n```typescript\\nimport Yagr from \'@gravity-ui/yagr\';\\n\\nnew Yagr(document.body, {\\n    timeline: [1, 2, 3, 4, 5],\\n    series: [\\n        {\\n            data: [1, 2, 3, 4, 5],\\n            color: \'red\',\\n        },\\n        {\\n            data: [2, 3, 1, 4, 5],\\n            color: \'green\',\\n        },\\n    ],\\n});\\n```\\n\\n### Script Tag\\n\\n```html\\n<script src=\\"https://unpkg.com/@gravity-ui/yagr/dist/yagr.iife.min.js\\"></script>\\n<script>\\n    new Yagr(document.body, {\\n        timeline: [1, 2, 3, 4, 5],\\n        series: [\\n            {\\n                data: [1, 2, 3, 4, 5],\\n                color: \'red\',\\n            },\\n            {\\n                data: [2, 3, 1, 4, 5],\\n                color: \'green\',\\n            },\\n        ],\\n    });\\n</script>\\n```\\n\\n### Examples\\n\\nNeed something specific? Yagr presents some useful examples in the [demo/examples](./demo/examples/) folder. How to start them with current version:\\n\\n1. Clone the repository\\n2. Install dependencies `npm i`\\n3. Run `npm run build`\\n4. Run `npx http-server .`\\n5. Open examples in browser according to the http-server output\\n","changelog":"### master\\n\\n## [4.3.0](https://github.com/gravity-ui/yagr/compare/v4.2.4...v4.3.0) (2024-04-09)\\n\\n\\n### Features\\n\\n* rebuild 4.5 ([#216](https://github.com/gravity-ui/yagr/issues/216)) ([a28e124](https://github.com/gravity-ui/yagr/commit/a28e124020bcf4d0f50acd0842a60f0e918a7eef))\\n\\n\\n### Bug Fixes\\n\\n* fixed series transform for non stacked areas ([#214](https://github.com/gravity-ui/yagr/issues/214)) ([211c653](https://github.com/gravity-ui/yagr/commit/211c65354dd290ca28ba64bf565238ce672d7fca))\\n\\n## [4.2.4](https://github.com/gravity-ui/yagr/compare/v4.2.3...v4.2.4) (2024-03-27)\\n\\n\\n### Bug Fixes\\n\\n* fixed integral calculation ([#211](https://github.com/gravity-ui/yagr/issues/211)) ([888b483](https://github.com/gravity-ui/yagr/commit/888b48347d05a0592bb8f065dc0d5249bf9b7683))\\n\\n## [4.2.3](https://github.com/gravity-ui/yagr/compare/v4.2.2...v4.2.3) (2024-01-29)\\n\\n\\n### Bug Fixes\\n\\n* fixed axes update ([#209](https://github.com/gravity-ui/yagr/issues/209)) ([6dafbb1](https://github.com/gravity-ui/yagr/commit/6dafbb17b712ad83240f055db44e84eeac1119e7))\\n\\n## [4.2.2](https://github.com/gravity-ui/yagr/compare/v4.2.1...v4.2.2) (2024-01-26)\\n\\n\\n### Bug Fixes\\n\\n* fixed points rendering for devices with DPR &lt; 2 ([#207](https://github.com/gravity-ui/yagr/issues/207)) ([af61f6e](https://github.com/gravity-ui/yagr/commit/af61f6ed3f5a2be14d8fad73ea9b75c8b5c98b23))\\n\\n## [4.2.1](https://github.com/gravity-ui/yagr/compare/v4.2.0...v4.2.1) (2024-01-24)\\n\\n\\n### Bug Fixes\\n\\n* fixed fully redrawing updates in .setSeries ([#205](https://github.com/gravity-ui/yagr/issues/205)) ([e86f2cd](https://github.com/gravity-ui/yagr/commit/e86f2cd935638ec015b2f45972fdf5f4c5cd00ae))\\n\\n## [4.2.0](https://github.com/gravity-ui/yagr/compare/v4.1.1...v4.2.0) (2024-01-18)\\n\\n\\n### Features\\n\\n* added \'dispose\' stage and fixed legend discard when chart is updating ([#203](https://github.com/gravity-ui/yagr/issues/203)) ([990c965](https://github.com/gravity-ui/yagr/commit/990c9651a5e5499b0081a4e822956f7ce6748d8d))\\n\\n## [4.1.1](https://github.com/gravity-ui/yagr/compare/v4.1.0...v4.1.1) (2024-01-17)\\n\\n\\n### Bug Fixes\\n\\n* fixed chart updatewhen legend changes ([700cfce](https://github.com/gravity-ui/yagr/commit/700cfceb01b2b30b8ee9a0cc00e2ffe2f4619d1c))\\n\\n## [4.1.0](https://github.com/gravity-ui/yagr/compare/v4.0.4...v4.1.0) (2023-12-26)\\n\\n\\n### Features\\n\\n* adding tooltip.showEmpty to allow show tooltip when there\'s no data ([#199](https://github.com/gravity-ui/yagr/issues/199)) ([83b66ee](https://github.com/gravity-ui/yagr/commit/83b66eefa0f538648c9d1dcd625a95dcce414e49))\\n\\n## [4.0.4](https://github.com/gravity-ui/yagr/compare/v4.0.3...v4.0.4) (2023-12-25)\\n\\n\\n### Bug Fixes\\n\\n* fixed tooltip positioning when synced with different scale ([#196](https://github.com/gravity-ui/yagr/issues/196)) ([100c472](https://github.com/gravity-ui/yagr/commit/100c472ee27e9c334a393e252d7cef7b46ac80d8))\\n\\n## [4.0.3](https://github.com/gravity-ui/yagr/compare/v4.0.2...v4.0.3) (2023-12-11)\\n\\n\\n### Bug Fixes\\n\\n* added option serieIndicies to CustomTrackingFunctionOptions ([#193](https://github.com/gravity-ui/yagr/issues/193)) ([79fcc3e](https://github.com/gravity-ui/yagr/commit/79fcc3e27594d6d45a07f11725584dca76a7bdcb))\\n\\n## [4.0.2](https://github.com/gravity-ui/yagr/compare/v4.0.1...v4.0.2) (2023-12-11)\\n\\n\\n### Bug Fixes\\n\\n* fixed inifinite loop in series traverse in tooltip\'s setCursor ([#191](https://github.com/gravity-ui/yagr/issues/191)) ([f7c0b2e](https://github.com/gravity-ui/yagr/commit/f7c0b2ef28392fd569cadc91e083ab2bd0e88413))\\n\\n## [4.0.1](https://github.com/gravity-ui/yagr/compare/v4.0.0...v4.0.1) (2023-12-04)\\n\\n\\n### Bug Fixes\\n\\n* fixed plotlines updates on uplot change ([#189](https://github.com/gravity-ui/yagr/issues/189)) ([ca268da](https://github.com/gravity-ui/yagr/commit/ca268da72f80560904dab0d8e6089b3ba84d7efb))\\n\\n## [4.0.0](https://github.com/gravity-ui/yagr/compare/v3.11.4...v4.0.0) (2023-11-27)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* bump version ([#187](https://github.com/gravity-ui/yagr/issues/187))\\n\\n### Features\\n\\n* bump version ([#187](https://github.com/gravity-ui/yagr/issues/187)) ([049b307](https://github.com/gravity-ui/yagr/commit/049b307e68684e371c36411ba5bee864bdf75799))\\n\\n## [3.11.4](https://github.com/gravity-ui/yagr/compare/v3.11.3...v3.11.4) (2023-11-22)\\n\\n\\n### Bug Fixes\\n\\n* persist subsribe state on full update ([#184](https://github.com/gravity-ui/yagr/issues/184)) ([b0721d9](https://github.com/gravity-ui/yagr/commit/b0721d92e82dec187afa0f7a918176d4a9e20825))\\n\\n## [3.11.3](https://github.com/gravity-ui/yagr/compare/v3.11.2...v3.11.3) (2023-11-21)\\n\\n\\n### Bug Fixes\\n\\n* persist cursor position on full update ([#182](https://github.com/gravity-ui/yagr/issues/182)) ([939e29b](https://github.com/gravity-ui/yagr/commit/939e29bb4036657a297100b9899b52002131697e))\\n\\n## [3.11.2](https://github.com/gravity-ui/yagr/compare/v3.11.1...v3.11.2) (2023-11-17)\\n\\n\\n### Bug Fixes\\n\\n* fixed react component to drop ref on disposing ([#179](https://github.com/gravity-ui/yagr/issues/179)) ([c419cb9](https://github.com/gravity-ui/yagr/commit/c419cb9119c5cb08057bc02973700ce9acb167e6))\\n\\n## [3.11.1](https://github.com/gravity-ui/yagr/compare/v3.11.0...v3.11.1) (2023-11-08)\\n\\n\\n### Bug Fixes\\n\\n* fixed tooltip render on pin with empty data ([#176](https://github.com/gravity-ui/yagr/issues/176)) ([52a0847](https://github.com/gravity-ui/yagr/commit/52a0847e8ff4a653ab34194c54af5a24870a6193))\\n\\n## [3.11.0](https://github.com/gravity-ui/yagr/compare/v3.10.6...v3.11.0) (2023-10-23)\\n\\n\\n### Features\\n\\n* added options for custom tooltip tracking fn ([#171](https://github.com/gravity-ui/yagr/issues/171)) ([03697d0](https://github.com/gravity-ui/yagr/commit/03697d03990957a7ca744845f5550b77ef00b133))\\n\\n\\n### Bug Fixes\\n\\n* fixed empty chart updating ([#174](https://github.com/gravity-ui/yagr/issues/174)) ([05f9964](https://github.com/gravity-ui/yagr/commit/05f99646e8ef2e6ea930cea86556f562e96b2784))\\n\\n## [3.10.6](https://github.com/gravity-ui/yagr/compare/v3.10.5...v3.10.6) (2023-10-10)\\n\\n\\n### Bug Fixes\\n\\n* fixed tooltip render when a lot of lines ([#168](https://github.com/gravity-ui/yagr/issues/168)) ([8fff973](https://github.com/gravity-ui/yagr/commit/8fff9735395ac3df754e84ea73fe69364106f3f7))\\n\\n## [3.10.5](https://github.com/gravity-ui/yagr/compare/v3.10.4...v3.10.5) (2023-10-09)\\n\\n\\n### Bug Fixes\\n\\n* fixed pagination infinity pages ([#166](https://github.com/gravity-ui/yagr/issues/166)) ([4de5b30](https://github.com/gravity-ui/yagr/commit/4de5b30b603b3db4072f7f31e2ea865dcdbf49c0))\\n\\n## [3.10.4](https://github.com/gravity-ui/yagr/compare/v3.10.3...v3.10.4) (2023-10-05)\\n\\n\\n### Bug Fixes\\n\\n* fixed width and height of plotlines for filling full rect ([#164](https://github.com/gravity-ui/yagr/issues/164)) ([a6e94c6](https://github.com/gravity-ui/yagr/commit/a6e94c6f7610628564d0ffab0721b563258c35af))\\n\\n## [3.10.3](https://github.com/gravity-ui/yagr/compare/v3.10.2...v3.10.3) (2023-10-05)\\n\\n\\n### Bug Fixes\\n\\n* fixed drawMarkersIfRequired in case if timeline.length == 1 ([#163](https://github.com/gravity-ui/yagr/issues/163)) ([9a506f4](https://github.com/gravity-ui/yagr/commit/9a506f491814b5145ea98498a91e383ab2e98859))\\n* fixed update point cursro in case if it\'s empty ([#161](https://github.com/gravity-ui/yagr/issues/161)) ([25c1da4](https://github.com/gravity-ui/yagr/commit/25c1da420c5f5f8e66c072d27048b23b771ddfd3))\\n\\n## [3.10.2](https://github.com/gravity-ui/yagr/compare/v3.10.1...v3.10.2) (2023-10-02)\\n\\n\\n### Bug Fixes\\n\\n* changed legends totalSpace calculation formula ([#159](https://github.com/gravity-ui/yagr/issues/159)) ([900193c](https://github.com/gravity-ui/yagr/commit/900193cae53f4b69948ce328a5027064999e3851))\\n\\n## [3.10.1](https://github.com/gravity-ui/yagr/compare/v3.10.0...v3.10.1) (2023-09-30)\\n\\n\\n### Bug Fixes\\n\\n* set option \\"updateLegend\\" to false in \\"extended\\" behaviour ([#157](https://github.com/gravity-ui/yagr/issues/157)) ([7f5d065](https://github.com/gravity-ui/yagr/commit/7f5d06568a9eff4df51d29ddd3a642e2017d9ed0))\\n\\n## [3.10.0](https://github.com/gravity-ui/yagr/compare/v3.9.0...v3.10.0) (2023-09-28)\\n\\n\\n### Features\\n\\n* added \'extended\' legends item onClick behaviour ([#154](https://github.com/gravity-ui/yagr/issues/154)) ([13e19d3](https://github.com/gravity-ui/yagr/commit/13e19d3e1d01cab152ed7782b71e38868ce88758))\\n\\n## [3.9.0](https://github.com/gravity-ui/yagr/compare/v3.8.1...v3.9.0) (2023-09-27)\\n\\n\\n### Features\\n\\n* added tooltip.omitBy option to omit arbitrary line from tooltip by predicate ([#152](https://github.com/gravity-ui/yagr/issues/152)) ([735e62b](https://github.com/gravity-ui/yagr/commit/735e62bcec95a856a27578fefe69351710538255))\\n\\n## [3.8.1](https://github.com/gravity-ui/yagr/compare/v3.8.0...v3.8.1) (2023-09-15)\\n\\n\\n### Bug Fixes\\n\\n* fixed cursor points updating on series update ([#147](https://github.com/gravity-ui/yagr/issues/147)) ([1185d21](https://github.com/gravity-ui/yagr/commit/1185d218b10df12d7822f024eacc60584f862df6))\\n\\n## [3.8.0](https://github.com/gravity-ui/yagr/compare/v3.7.13...v3.8.0) (2023-09-11)\\n\\n\\n### Features\\n\\n* add tooltip.strategy = \'drag\' ([#145](https://github.com/gravity-ui/yagr/issues/145)) ([2d102f0](https://github.com/gravity-ui/yagr/commit/2d102f05801d5ac3ad5e66095e378bf15e407553))\\n\\n## [3.7.13](https://github.com/gravity-ui/yagr/compare/v3.7.12...v3.7.13) (2023-09-05)\\n\\n\\n### Bug Fixes\\n\\n* forced plot bands to draw only inside plotting area ([#140](https://github.com/gravity-ui/yagr/issues/140)) ([72839b1](https://github.com/gravity-ui/yagr/commit/72839b1c3ceac884230ff21806b5892283109c29))\\n\\n## [3.7.12](https://github.com/gravity-ui/yagr/compare/v3.7.11...v3.7.12) (2023-08-31)\\n\\n\\n### Bug Fixes\\n\\n* fixed default bars width passing ([#138](https://github.com/gravity-ui/yagr/issues/138)) ([7dd18e5](https://github.com/gravity-ui/yagr/commit/7dd18e512132b4ca867fea16a7d3f423f6a33985))\\n\\n## [3.7.11](https://github.com/gravity-ui/yagr/compare/v3.7.10...v3.7.11) (2023-08-26)\\n\\n\\n### Bug Fixes\\n\\n* fixed common spanGaps option passing ([#130](https://github.com/gravity-ui/yagr/issues/130)) ([b71905f](https://github.com/gravity-ui/yagr/commit/b71905f282c6f1deb10440a9fd0d2268607ce0d2))\\n\\n## [3.7.10](https://github.com/gravity-ui/yagr/compare/v3.7.9...v3.7.10) (2023-08-23)\\n\\n\\n### Bug Fixes\\n\\n* fixed data aggregation plugin ([#135](https://github.com/gravity-ui/yagr/issues/135)) ([d4ae62c](https://github.com/gravity-ui/yagr/commit/d4ae62c31ed20171e28174a04420024789f378f2))\\n\\n## [3.7.9](https://github.com/gravity-ui/yagr/compare/v3.7.8...v3.7.9) (2023-08-18)\\n\\n\\n### Bug Fixes\\n\\n* fixed markers plugin initiation ([#133](https://github.com/gravity-ui/yagr/issues/133)) ([ed82236](https://github.com/gravity-ui/yagr/commit/ed822362f9acb3001505ed25265bb62f2531be3e))\\n\\n## [3.7.8](https://github.com/gravity-ui/yagr/compare/v3.7.7...v3.7.8) (2023-08-15)\\n\\n\\n### Bug Fixes\\n\\n* fixed tooltip pin/unpin for all strategies ([#131](https://github.com/gravity-ui/yagr/issues/131)) ([f1d5c28](https://github.com/gravity-ui/yagr/commit/f1d5c287cd02a3e35227da600763bad3dabea452))\\n\\n## [3.7.7](https://github.com/gravity-ui/yagr/compare/v3.7.6...v3.7.7) (2023-08-10)\\n\\n\\n### Bug Fixes\\n\\n* fixed data-refs plugin ([#128](https://github.com/gravity-ui/yagr/issues/128)) ([f7de2a9](https://github.com/gravity-ui/yagr/commit/f7de2a92a6a33d12f2b899847a81d1860e74c188))\\n* updated uplot ([#127](https://github.com/gravity-ui/yagr/issues/127)) ([642cda1](https://github.com/gravity-ui/yagr/commit/642cda1b03ea1fba0f7af101a71927691ec99d8b))\\n\\n## [3.7.6](https://github.com/gravity-ui/yagr/compare/v3.7.5...v3.7.6) (2023-08-09)\\n\\n\\n### Bug Fixes\\n\\n* fixed plotlines removes, update bug with cached uHook ([#125](https://github.com/gravity-ui/yagr/issues/125)) ([9709797](https://github.com/gravity-ui/yagr/commit/9709797f9f79f5308ff5b25d7c7ef8c45cf19e3d))\\n\\n## [3.7.5](https://github.com/gravity-ui/yagr/compare/v3.7.4...v3.7.5) (2023-08-03)\\n\\n\\n### Bug Fixes\\n\\n* fixed plotlines update ([#123](https://github.com/gravity-ui/yagr/issues/123)) ([d3f24d4](https://github.com/gravity-ui/yagr/commit/d3f24d452f8d86beedf9139fd091f4de7452f2a2))\\n\\n## [3.7.4](https://github.com/gravity-ui/yagr/compare/v3.7.3...v3.7.4) (2023-08-02)\\n\\n\\n### Bug Fixes\\n\\n* fixed cursor pin in case if uplot not rendered yet ([#121](https://github.com/gravity-ui/yagr/issues/121)) ([3b7e58c](https://github.com/gravity-ui/yagr/commit/3b7e58c1d102d7b90423ecc1a5d918fa78387b6b))\\n\\n## [3.7.3](https://github.com/gravity-ui/yagr/compare/v3.7.2...v3.7.3) (2023-08-01)\\n\\n\\n### Bug Fixes\\n\\n* fixde setScales method ([#119](https://github.com/gravity-ui/yagr/issues/119)) ([e693065](https://github.com/gravity-ui/yagr/commit/e69306532eeda4c55be0ddaae73f48d76cb3fb5b))\\n\\n## [3.7.2](https://github.com/gravity-ui/yagr/compare/v3.7.1...v3.7.2) (2023-07-31)\\n\\n\\n### Bug Fixes\\n\\n* fixed series update ([#117](https://github.com/gravity-ui/yagr/issues/117)) ([d5afe05](https://github.com/gravity-ui/yagr/commit/d5afe05d4ba4d8e9598496149b3209bcefc8213f))\\n\\n## [3.7.1](https://github.com/gravity-ui/yagr/compare/v3.7.0...v3.7.1) (2023-07-28)\\n\\n\\n### Bug Fixes\\n\\n* fixed hooks update ([#113](https://github.com/gravity-ui/yagr/issues/113)) ([9272e5e](https://github.com/gravity-ui/yagr/commit/9272e5e7016b5a7ef781c8c2c5e1c60b97a70b5f))\\n\\n## [3.7.0](https://github.com/gravity-ui/yagr/compare/v3.6.1...v3.7.0) (2023-07-24)\\n\\n\\n### Features\\n\\n* added tooltip on update strategy ([#111](https://github.com/gravity-ui/yagr/issues/111)) ([41f0c10](https://github.com/gravity-ui/yagr/commit/41f0c105eb3e42fc18644797e5fe113f146f3217))\\n\\n## [3.6.1](https://github.com/gravity-ui/yagr/compare/v3.6.0...v3.6.1) (2023-07-21)\\n\\n\\n### Bug Fixes\\n\\n* react and refs ([#109](https://github.com/gravity-ui/yagr/issues/109)) ([de8058d](https://github.com/gravity-ui/yagr/commit/de8058d85aea1390f9270c507fc7b3243388de59))\\n\\n## [3.6.0](https://github.com/gravity-ui/yagr/compare/v3.5.5...v3.6.0) (2023-07-17)\\n\\n\\n### Features\\n\\n* add new tooltip actions + reset method ([#104](https://github.com/gravity-ui/yagr/issues/104)) ([f02c3e8](https://github.com/gravity-ui/yagr/commit/f02c3e812b7b45f528c01369fa7724d69777ec64))\\n* added  hard-update option for setConfig and react component ([#105](https://github.com/gravity-ui/yagr/issues/105)) ([104334f](https://github.com/gravity-ui/yagr/commit/104334fe4ce9754193495337086aa50929edac78))\\n\\n\\n### Bug Fixes\\n\\n* ensure unique ticks ([#106](https://github.com/gravity-ui/yagr/issues/106)) ([67bd3d0](https://github.com/gravity-ui/yagr/commit/67bd3d0d6c58802468e7de631637af4a1e5d1f20))\\n\\n## [3.5.5](https://github.com/gravity-ui/yagr/compare/v3.5.4...v3.5.5) (2023-07-13)\\n\\n\\n### Bug Fixes\\n\\n* tooltip pinnig ([#102](https://github.com/gravity-ui/yagr/issues/102)) ([2d2b4a4](https://github.com/gravity-ui/yagr/commit/2d2b4a4ac26c2e4be1c203a4d9cfca452b4e8eef))\\n\\n## [3.5.4](https://github.com/gravity-ui/yagr/compare/v3.5.3...v3.5.4) (2023-07-13)\\n\\n\\n### Bug Fixes\\n\\n* fixed drawMarkersIfRequired ([#100](https://github.com/gravity-ui/yagr/issues/100)) ([0dee458](https://github.com/gravity-ui/yagr/commit/0dee45812240ab4c9c9107d4c415b39525bfaf9d))\\n\\n## [3.5.3](https://github.com/gravity-ui/yagr/compare/v3.5.2...v3.5.3) (2023-07-13)\\n\\n\\n### Bug Fixes\\n\\n* fixed pinning tooltip on range selection ([#98](https://github.com/gravity-ui/yagr/issues/98)) ([2762387](https://github.com/gravity-ui/yagr/commit/2762387c361104b9175651c827f83972ae59212b))\\n\\n## [3.5.2](https://github.com/gravity-ui/yagr/compare/v3.5.1...v3.5.2) (2023-07-13)\\n\\n\\n### Bug Fixes\\n\\n* fixed typings for tooltip and plotLines ([#96](https://github.com/gravity-ui/yagr/issues/96)) ([fe2f59b](https://github.com/gravity-ui/yagr/commit/fe2f59bac91915eef8a939a2e4d076322618ec6e))\\n\\n## [3.5.1](https://github.com/gravity-ui/yagr/compare/v3.5.0...v3.5.1) (2023-07-12)\\n\\n\\n### Bug Fixes\\n\\n* fixed setSeries for dots ([#94](https://github.com/gravity-ui/yagr/issues/94)) ([5fedb3d](https://github.com/gravity-ui/yagr/commit/5fedb3de41b07017c0a96c3ef9feeb82cb913e62))\\n\\n## [3.5.0](https://github.com/gravity-ui/yagr/compare/v3.4.1...v3.5.0) (2023-07-12)\\n\\n\\n### Features\\n\\n* added tooltip pin strategy + fixed dynamic updates of dot-series ([#92](https://github.com/gravity-ui/yagr/issues/92)) ([3babd4b](https://github.com/gravity-ui/yagr/commit/3babd4bf8d4dd65c2c3a9a8b0bd2eb8d61360da2))\\n\\n## [3.4.1](https://github.com/gravity-ui/yagr/compare/v3.4.0...v3.4.1) (2023-07-11)\\n\\n\\n### Bug Fixes\\n\\n* updated data refs notations ([#90](https://github.com/gravity-ui/yagr/issues/90)) ([79437df](https://github.com/gravity-ui/yagr/commit/79437df91917e352a777c00859778da3eca0a66f))\\n\\n## [3.4.0](https://github.com/gravity-ui/yagr/compare/v3.3.6...v3.4.0) (2023-07-10)\\n\\n\\n### Features\\n\\n* added .setTitle method, subscription state, data refs and range tracking ([8fbbb5c](https://github.com/gravity-ui/yagr/commit/8fbbb5ccfcb2ab7b78e78da108bba83c1e0e4d04))\\n\\n## [3.3.6](https://github.com/gravity-ui/yagr/compare/v3.3.5...v3.3.6) (2023-07-10)\\n\\n\\n### Bug Fixes\\n\\n* **dynamic-updates:** fixed series options override ([#86](https://github.com/gravity-ui/yagr/issues/86)) ([9fdd83e](https://github.com/gravity-ui/yagr/commit/9fdd83e3430b5380db2fb7d14aaa1885a6574407))\\n\\n## [3.3.5](https://github.com/gravity-ui/yagr/compare/v3.3.4...v3.3.5) (2023-07-06)\\n\\n\\n### Bug Fixes\\n\\n* removed redundant reinit after full update + fixed batch series update ([#84](https://github.com/gravity-ui/yagr/issues/84)) ([5f181ec](https://github.com/gravity-ui/yagr/commit/5f181ec76dff76be93a8c811a2f69cb4fbfbf384))\\n\\n## [3.3.4](https://github.com/gravity-ui/yagr/compare/v3.3.3...v3.3.4) (2023-07-05)\\n\\n\\n### Bug Fixes\\n\\n* fixed dynamic updates of series in case if changed only data ([#82](https://github.com/gravity-ui/yagr/issues/82)) ([9ff1979](https://github.com/gravity-ui/yagr/commit/9ff1979aa280b9f77272ba62134a4dcc4948424d))\\n\\n## [3.3.3](https://github.com/gravity-ui/yagr/compare/v3.3.2...v3.3.3) (2023-07-05)\\n\\n\\n### Bug Fixes\\n\\n* **react:** fixed react typings ([#80](https://github.com/gravity-ui/yagr/issues/80)) ([532d1f4](https://github.com/gravity-ui/yagr/commit/532d1f46b8c2c0a7e50e0601962ce154ba52dea6))\\n\\n## [3.3.2](https://github.com/gravity-ui/yagr/compare/v3.3.1...v3.3.2) (2023-07-04)\\n\\n\\n### Bug Fixes\\n\\n* fixed setConfig config update ([#78](https://github.com/gravity-ui/yagr/issues/78)) ([0c43ac1](https://github.com/gravity-ui/yagr/commit/0c43ac1bd568bb248da4b29f6cc5882ee076e3c2))\\n\\n## [3.3.1](https://github.com/gravity-ui/yagr/compare/v3.3.0...v3.3.1) (2023-07-02)\\n\\n\\n### Bug Fixes\\n\\n* fixed initRender to support updates without legend dom node change ([c8810d6](https://github.com/gravity-ui/yagr/commit/c8810d632dda66901f776bd372d4304868d25deb))\\n\\n## [3.3.0](https://github.com/gravity-ui/yagr/compare/v3.2.1...v3.3.0) (2023-06-30)\\n\\n\\n### Features\\n\\n* version bump ([#74](https://github.com/gravity-ui/yagr/issues/74)) ([e2d6743](https://github.com/gravity-ui/yagr/commit/e2d6743f05bb836fed77e98cbf926717e110d771))\\n\\n## [3.2.1](https://github.com/gravity-ui/yagr/compare/v3.2.0...v3.2.1) (2023-06-30)\\n\\n\\n### Bug Fixes\\n\\n* fixed setAxes method ([68ce5c1](https://github.com/gravity-ui/yagr/commit/68ce5c122ef1cbd7c748df7fdeef9e7998361677))\\n\\n## [3.2.0](https://github.com/gravity-ui/yagr/compare/v3.1.0...v3.2.0) (2023-06-23)\\n\\n### Features\\n\\n-   version bump ([e89d01c](https://github.com/gravity-ui/yagr/commit/e89d01c20222e6ab1d1afedccb0150d1d63c3297))\\n\\n## [3.1.0](https://github.com/gravity-ui/yagr/compare/v3.0.0...v3.1.0) (2023-06-23)\\n\\n### Features\\n\\n-   added single-ton tooltip, fixed package config ([55ffc2b](https://github.com/gravity-ui/yagr/commit/55ffc2b52da7c9c86b8cc317ee84cf98dcfd5164))\\n\\n### Bug Fixes\\n\\n-   remove tooltip handlers on dispose + don\'t reiniit hooks ([a33f666](https://github.com/gravity-ui/yagr/commit/a33f666d3a939f761fb3577c7d18357873c7bc6d))\\n-   removed redundant typings and .d.ts reexporter ([cb291bd](https://github.com/gravity-ui/yagr/commit/cb291bd496d016e65d8d45dc4ba44acd0765b31d))\\n\\n## [3.0.0](https://github.com/gravity-ui/yagr/compare/v2.2.6...v3.0.0) (2023-06-21)\\n\\n### Configuratoin\\n\\n-   Fixed typo `appereance` -> `appearance` in `YagrConfig[\'chart\']`\\n\\n### Refactor\\n\\n-   Refactored `YagrCore` class to use mixins.\\n-   Refactored batch mechanism to support multiple Yagr change calls in single batch\\n-   Refactored Yagr React component to support `setConfig` instead of re-initialization of Yagr instance on every config update\\n-   Got rid of Rollup, using ESBuild instead\\n\\n### Scales\\n\\n-   Fixed `setVisible` method for stacked areas\\n\\n### Methods\\n\\n-   Removed workaround to fix [uPlot issue](https://github.com/leeoniya/uPlot/issues/680) in `setVisible` method\\n-   Added `setScales` method\\n-   Added generic `setConfig` method. Currently in expriemental mode\\n\\n### Tooltip\\n\\n-   Fixed tooltip render initial position (now it renders in `boundClassName` element)\\n-   Added virtual tooltip mode\\n-   Added useCustomTooltip hook for React\\n\\n### Legend\\n\\n-   Fixed legend series mark background-color\\n\\n## [2.2.6](https://github.com/gravity-ui/yagr/compare/v2.2.5...v2.2.6) (2023-06-19)\\n\\n### Bug Fixes\\n\\n-   fixed legend rendering ([176a25d](https://github.com/gravity-ui/yagr/commit/176a25d8ba0c273c34b468b56656dfe1edc04fea))\\n\\n## [2.2.5](https://github.com/gravity-ui/yagr/compare/v2.2.4...v2.2.5) (2023-06-02)\\n\\n> > > > > > > main\\n\\n## Examples\\n\\n-   Added React + Custom React tooltip examples\\n-   Added `setScales`, dynamic updates and hooks examples\\n\\n## [2.2.5](https://github.com/gravity-ui/yagr/compare/v2.2.4...v2.2.5) (2023-06-02)\\n\\n### Bug Fixes\\n\\n-   **YagrCore:** fix resize handling ([#57](https://github.com/gravity-ui/yagr/issues/57)) ([3ae9b43](https://github.com/gravity-ui/yagr/commit/3ae9b436324fd1ec7a9585f48a82d436a7fb468c))\\n\\n## [2.2.4](https://github.com/gravity-ui/yagr/compare/v2.2.3...v2.2.4) (2023-04-13)\\n\\n### Bug Fixes\\n\\n-   change background color in case of dark-hc theme ([#53](https://github.com/gravity-ui/yagr/issues/53)) ([a647216](https://github.com/gravity-ui/yagr/commit/a647216f0c527b6bfdb9a0cfc630bd07acea3302))\\n\\n## [2.2.3](https://github.com/gravity-ui/yagr/compare/v2.2.2...v2.2.3) (2022-12-13)\\n\\n### Bug Fixes\\n\\n-   columns render options ([#48](https://github.com/gravity-ui/yagr/issues/48)) ([034d652](https://github.com/gravity-ui/yagr/commit/034d65279595b8971a6fb7c03a3e5c9619127123))\\n\\n## [2.2.2](https://github.com/gravity-ui/yagr/compare/v2.2.1...v2.2.2) (2022-12-12)\\n\\n### Bug Fixes\\n\\n-   legend show and hide all button ([da98045](https://github.com/gravity-ui/yagr/commit/da98045ee8f98ab3b3633deff0425c89ab1c6699))\\n\\n## [2.2.1](https://github.com/gravity-ui/yagr/compare/v2.2.0...v2.2.1) (2022-12-09)\\n\\n### Bug Fixes\\n\\n-   build dist with new release flow ([8da1b5d](https://github.com/gravity-ui/yagr/commit/8da1b5d0710d7ea3378fc6a5a6374a3b7a1d0ae2))\\n\\n## [2.2.0](https://github.com/gravity-ui/yagr/compare/v2.1.1...v2.2.0) (2022-12-09)\\n\\n### Features\\n\\n-   move yagr to gravity-ui organization ([24b3c27](https://github.com/gravity-ui/yagr/commit/24b3c27ac9902bab824b2897150e246c7c3541bf))\\n-   test release flow ([#34](https://github.com/gravity-ui/yagr/issues/34)) ([97baa13](https://github.com/gravity-ui/yagr/commit/97baa1336df66982b83250b0e1d9a578db1ddc8f))\\n\\n### Bug Fixes\\n\\n-   try fix release flow ([516b329](https://github.com/gravity-ui/yagr/commit/516b32976c4b352bd361515905f444997932555e))\\n\\n### 2.1.0 (08-12-2022)\\n\\n#### Column Series\\n\\n-   Added pass column render options to `series`\\n\\n#### PlotLines\\n\\n-   Added posibility to render dashed lines\\n\\n### 2.0.0 (19-04-2022)\\n\\n#### Documentation\\n\\n-   Updated documentation to meet new major version.\\n\\n#### Breaking changes\\n\\n##### Yagr instances\\n\\n-   Make charts adaptive by default.\\n-   All utility helpers (such as `theme`, `i18n`, `colorParser`) moved into `yagr.utils`.\\n-   Removed `refPoints` and simplified scale min/max calculations.\\n-   Renamed `toggleSerieVisibility` to `setVisible`, and changed signature to `setVisible(lineId: string | null, show: boolean): void`.\\n-   Changed `setFocus` signature to `setFocus(lineId: string | null, focus: boolean): void`.\\n\\n##### ColorParser\\n\\n-   `ColorParser` now is not a singleton and moved into `yagr.utils.colors`.\\n\\n##### ThemeDefaults\\n\\n-   `ThemeDefaults` now is not a singleton and moved into `yagr.utils.theme`.\\n\\n##### Config\\n\\n-   Removed `settings` fields.\\n-   Refactored `chart` field, now it includes all settings from `settings` field, and diverged fields by domains.\\n\\n##### Hooks\\n\\n-   All extended `yagr.hooks` now passing consistent `{chart: Yagr}` argument to handlers.\\n\\n##### Scales\\n\\n-   Removed `maxTicks` field. It was never worked.\\n\\n##### Typings\\n\\n-   Splited different series options by `type`, which allows to enable more comprehensible completions in TypeScript.\\n-   Renamed: `InterpolationSetting` -> `InterpolationType`.\\n\\n##### PlotLines\\n\\n-   Removed `setThreshold` (looks like duplicate for `addPlotLines`).\\n-   Renamed `addPlotLines` to `add`.\\n\\n#### New features\\n\\n##### Config\\n\\n-   Added custom Yagr plugins support.\\n\\n##### Yagr methods\\n\\n-   Added `yagr.setSeries` method which updates/sets series and redraws them.\\n-   Added `yagr.setAxes` method which updates/adds axes and redraws them if required.\\n-   Added `yagr.setLocale` method which changes locale and redraws all i18n-including elements.\\n-   Added `yagr.setTheme` method which changes theme and redraws chart.\\n-   Added `yagr,getSeriesById` which returns uPlot\'s `Series` type by Yagr\'s series ID.\\n-   Added `yagr.batch` which allows to run multiple changes in single redraw.\\n\\n##### Axes\\n\\n-   Added `splitsCount` which helps to render axes with given number of splits.\\n\\n##### Hooks\\n\\n-   Add `stage` hook which fires when `yagr.state.stage` changes.\\n-   All hooks\' types redesigned to support hook arguments completeions.\\n\\n##### Theme\\n\\n-   Themes now not shared between Yagr instances, they now can be different per instance.\\n-   Added theme customization docs.\\n\\n##### Tooltip\\n\\n-   Combined `tooltip.enabled` with `tooltip.show` (removed `enabled`).\\n-   Tooltip now support `.on(\'<action>\', <handler>)` which allows to subsribe on tooltip action emitting insted of single `onStateChange` callback. Also `.off` method is available.\\n-   Added `yagr.plugins.tooltip.display()` method which allows to display tooltip in given place with given X-axis index programmaticaly.\\n\\n##### Cursor\\n\\n-   Add `updatePoints` method which redraws cursor points in case of series options was changed.\\n\\n##### PlotLines\\n\\n-   Add `yagr.plugins.plotLines.get` method which returns current plotlines\\n\\n#### Fixes\\n\\n#### Yagr\\n\\n-   Fixed Yagr ID generation to avoid IDs starting with numbers\\n\\n#### Tooltip\\n\\n-   Fixed tooltip\'s HTML ID generation\\n-   Removed redundant `draw` hook calling on `setFocus(null)` via tooltip\\n\\n### 1.4.1 (15-03-2022)\\n\\n-   Exporting hooks\'s signature typings\\n\\n### 1.4.0 (11-02-2022)\\n\\n#### Hooks\\n\\n-   Add new parameter `chart` into the `onSelect` hook\\n-   use `timeMultiplier` to correctly evaluate `from` and `to` values\\n\\n### 1.3.8 (26-01-2022)\\n\\n#### Processing\\n\\n-   Fixed normalization in case of row sum equals zero\\n\\n### 1.3.7 (21-12-2021)\\n\\n#### Scales\\n\\n-   Properly define logarithmic scale values\\n\\n#### Legend\\n\\n-   Fixed legend series toggle\\n\\n### 1.3.6 (02-12-2021)\\n\\n#### Legend\\n\\n-   Fixed legend items\' `seried-idx` attribute\\n\\n### 1.3.5 (30-11-2021)\\n\\n#### Processing\\n\\n-   Fixed `left` interpolation\\n\\n### 1.3.4 (13-10-2021)\\n\\n#### Tooltip\\n\\n-   Properly render serie name by escaping html\\n\\n#### Legend\\n\\n-   Fix a problem with quoted series names\\n\\n### 1.3.3 (11-10-2021)\\n\\n#### Tooltip\\n\\n-   Store tooltip plugin in `yagr.plugins` for direct access to methods\\n-   Unpin and hide tooltip when plot resizing.\\n\\n#### Processing\\n\\n-   Added `snapToValues = false` for interpolation cursor snapping\\n","contributors":[{"login":"zefirka","avatarUrl":"https://avatars.githubusercontent.com/u/5380542?v=4","url":"https://github.com/zefirka","contributions":143},{"login":"artemluchin","avatarUrl":"https://avatars.githubusercontent.com/u/12445010?v=4","url":"https://github.com/artemluchin","contributions":14},{"login":"astandrik","avatarUrl":"https://avatars.githubusercontent.com/u/8037318?v=4","url":"https://github.com/astandrik","contributions":13},{"login":"feelsbadmans","avatarUrl":"https://avatars.githubusercontent.com/u/62965405?v=4","url":"https://github.com/feelsbadmans","contributions":7},{"login":"imsitnikov","avatarUrl":"https://avatars.githubusercontent.com/u/29424746?v=4","url":"https://github.com/imsitnikov","contributions":4},{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":3},{"login":"bt4R9","avatarUrl":"https://avatars.githubusercontent.com/u/1858946?v=4","url":"https://github.com/bt4R9","contributions":1},{"login":"alexey-milovidov","avatarUrl":"https://avatars.githubusercontent.com/u/18581488?v=4","url":"https://github.com/alexey-milovidov","contributions":1},{"login":"yndx-birman","avatarUrl":"https://avatars.githubusercontent.com/u/62902338?v=4","url":"https://github.com/yndx-birman","contributions":1}],"codeOwners":[]},"markdown-editor":{"stars":30,"version":"13.4.0","lastUpdate":"15.07.2024","license":"MIT License","issues":6,"readme":"# @gravity-ui/markdown-editor &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/markdown-editor)](https://www.npmjs.com/package/@gravity-ui/markdown-editor) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/markdown-editor/ci.yml?branch=main&label=CI)](https://github.com/gravity-ui/markdown-editor/actions/workflows/ci.yml?query=branch:main) [![Release](https://img.shields.io/github/actions/workflow/status/gravity-ui/markdown-editor/release.yml?branch=main&label=Release)](https://github.com/gravity-ui/markdown-editor/actions/workflows/release.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/md-editor/)\\n\\n## Markdown wysiwyg and markup editor\\n\\nMarkdownEditor is a powerful tool for working with Markdown, which combines WYSIWYG and Markup modes. This means that you can create and edit content in a convenient visual mode, as well as have full control over the markup.\\n\\n### \uD83D\uDD27 Main features\\n\\n- Support for the basic Markdown and [YFM](https://ydocs.tech) syntax.\\n- Extensibility through the use of ProseMirror and CodeMirror engines.\\n- The ability to work in WYSIWYG and Markup modes for maximum flexibility.\\n\\n## Install\\n\\n```shell\\nnpm install @gravity-ui/markdown-editor\\n```\\n\\n### Required dependencies\\n\\nPlease note that to start using the package, your project must also have the following installed: `@diplodoc/transform`, `react`, `react-dom`, `@gravity-ui/uikit`, `@gravity-ui/components` and some others. Check out the `peerDependencies` section of `package.json` for accurate information.\\n\\n## Getting started\\n\\nThe markdown editor is supplied as a React hook to create an instance of editor and a component for rendering the view.\\\\\\nTo set up styling and theme see [UIKit docs](https://github.com/gravity-ui/uikit?tab=readme-ov-file#styles).\\n\\n```tsx\\nimport React from \'react\';\\nimport {useMarkdownEditor, MarkdownEditorView} from \'@gravity-ui/markdown-editor\';\\nimport {toaster} from \'@gravity-ui/uikit/toaster-singleton-react-18\';\\n\\nfunction Editor({onSubmit}) {\\n  const editor = useMarkdownEditor({allowHTML: false});\\n\\n  React.useEffect(() => {\\n    function submitHandler() {\\n      // Serialize current content to markdown markup\\n      const value = editor.getValue();\\n      onSubmit(value);\\n    }\\n\\n    editor.on(\'submit\', submitHandler);\\n    return () => {\\n      editor.off(\'submit\', submitHandler);\\n    };\\n  }, [onSubmit]);\\n\\n  return <MarkdownEditorView autofocus toaster={toaster} editor={editor} />;\\n}\\n```\\n\\n### i18n\\n\\nTo set up internationalization, you just need to use the `configure`:\\n\\n```typescript\\nimport {configure} from \'@gravity-ui/markdown-editor\';\\n\\nconfigure({\\n  lang: \'ru\',\\n});\\n```\\n\\nDon\'t forget to call `configure()` from [UIKit](https://github.com/gravity-ui/uikit?tab=readme-ov-file#i18n) and other UI libraries.\\n\\n## Development\\n\\nTo start the dev storybook\\n\\n```shell\\nnpm start\\n```\\n","changelog":"# Changelog\\n\\n## [13.4.0](https://github.com/gravity-ui/markdown-editor/compare/v13.3.0...v13.4.0) (2024-07-15)\\n\\n\\n### Features\\n\\n* **YfmHtmlBlock:** added YfmHtmlBlock extension ([#281](https://github.com/gravity-ui/markdown-editor/issues/281)) ([1eb4d11](https://github.com/gravity-ui/markdown-editor/commit/1eb4d11f1f51668252d04da4f16900620a634894))\\n\\n## [13.3.0](https://github.com/gravity-ui/markdown-editor/compare/v13.2.0...v13.3.0) (2024-07-15)\\n\\n\\n### Features\\n\\n* **bundle:** prevent loss of focus after pressing tab or shift+tab ([#287](https://github.com/gravity-ui/markdown-editor/issues/287)) ([63feec2](https://github.com/gravity-ui/markdown-editor/commit/63feec2ffbe46d540f9003698be887511f84f725))\\n* pass extra codemirror extensions ([#289](https://github.com/gravity-ui/markdown-editor/issues/289)) ([4996b12](https://github.com/gravity-ui/markdown-editor/commit/4996b122da55a9505af591353d33484af30b66d9))\\n\\n\\n### Bug Fixes\\n\\n* **markup:** insert tab when selection is empty ([#286](https://github.com/gravity-ui/markdown-editor/issues/286)) ([cba9f28](https://github.com/gravity-ui/markdown-editor/commit/cba9f286ba7def9211a3038b263c6c7c779541d3))\\n\\n## [13.2.0](https://github.com/gravity-ui/markdown-editor/compare/v13.1.2...v13.2.0) (2024-07-10)\\n\\n\\n### Features\\n\\n* **SelectionContext:** support for hiding menu items when action in selection menu is disabled ([#283](https://github.com/gravity-ui/markdown-editor/issues/283)) ([6948cc4](https://github.com/gravity-ui/markdown-editor/commit/6948cc49d4f3208382572d95157b67612a8d9255))\\n* **YfmHeading:** support folding attribute ([#285](https://github.com/gravity-ui/markdown-editor/issues/285)) ([100a548](https://github.com/gravity-ui/markdown-editor/commit/100a5488b3a8fde8489677d60cf36c049cf8515a))\\n\\n\\n### Bug Fixes\\n\\n* **markup:** add gravity theme to autocomplete snippet ([#279](https://github.com/gravity-ui/markdown-editor/issues/279)) ([0836bce](https://github.com/gravity-ui/markdown-editor/commit/0836bcefdfcb86cf97ea6bb86cbed6a1e4d14262))\\n\\n## [13.1.2](https://github.com/gravity-ui/markdown-editor/compare/v13.1.1...v13.1.2) (2024-06-25)\\n\\n\\n### Bug Fixes\\n\\n* **Lists:** fixed merging of nested lists ([#276](https://github.com/gravity-ui/markdown-editor/issues/276)) ([2c435bd](https://github.com/gravity-ui/markdown-editor/commit/2c435bd42d603e97c6849e67538c5d7790660fe8))\\n* **Lists:** preserve markup of list items ([#278](https://github.com/gravity-ui/markdown-editor/issues/278)) ([70ee410](https://github.com/gravity-ui/markdown-editor/commit/70ee410f8eb52c93a601253fec8f68e233672899))\\n\\n## [13.1.1](https://github.com/gravity-ui/markdown-editor/compare/v13.1.0...v13.1.1) (2024-06-21)\\n\\n\\n### Bug Fixes\\n\\n* **YfmTable:** fix runtime error in table cell nodeView ([#274](https://github.com/gravity-ui/markdown-editor/issues/274)) ([15e0cd4](https://github.com/gravity-ui/markdown-editor/commit/15e0cd4fbbfe3bd75a0138daf5b98e949f602a2a))\\n\\n## [13.1.0](https://github.com/gravity-ui/markdown-editor/compare/v13.0.0...v13.1.0) (2024-06-10)\\n\\n\\n### Features\\n\\n* add i18n submodule ([#270](https://github.com/gravity-ui/markdown-editor/issues/270)) ([23f71f1](https://github.com/gravity-ui/markdown-editor/commit/23f71f1374cad86ed30c6961d8188b38a67dd887))\\n* **deps:** update prosemirror dependencies ([#272](https://github.com/gravity-ui/markdown-editor/issues/272)) ([c1ae1e2](https://github.com/gravity-ui/markdown-editor/commit/c1ae1e272a51779258b818bdd2fcdfcf173d4338))\\n\\n## [13.0.0](https://github.com/gravity-ui/markdown-editor/compare/v12.4.0...v13.0.0) (2024-06-07)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* transfer connection of markdown-it-attrs plugin to YfmConfigs extension ([#263](https://github.com/gravity-ui/markdown-editor/issues/263))\\n* **bundle:** rename editorType ––> editorMode ([#260](https://github.com/gravity-ui/markdown-editor/issues/260))\\n* **bundle:** rename yfm ––> markdown in variable and file names ([#259](https://github.com/gravity-ui/markdown-editor/issues/259))\\n* **bundle:** remove deprecated YfmEditor component ([#258](https://github.com/gravity-ui/markdown-editor/issues/258))\\n* change package name ([#254](https://github.com/gravity-ui/markdown-editor/issues/254))\\n* rename yfm -> md in core and dependent modules ([#249](https://github.com/gravity-ui/markdown-editor/issues/249))\\n* update markup mode to codemirror6 ([#234](https://github.com/gravity-ui/markdown-editor/issues/234))\\n\\n### Features\\n\\n* add editor presets ([#265](https://github.com/gravity-ui/markdown-editor/issues/265)) ([a2d8153](https://github.com/gravity-ui/markdown-editor/commit/a2d815346b230ae1d593fe499dd76f7e7b4f14d3))\\n* add g-md-editor classname to editor dom elem, change default prefix for internal classnames ([#257](https://github.com/gravity-ui/markdown-editor/issues/257)) ([82b42ce](https://github.com/gravity-ui/markdown-editor/commit/82b42ceb1d8e450b3697c98c9b8b4a2210beb085))\\n* add re-export from bundle to root export ([#267](https://github.com/gravity-ui/markdown-editor/issues/267)) ([86fcb00](https://github.com/gravity-ui/markdown-editor/commit/86fcb00f776edaf022e620b21c03bdb6285e9f34))\\n* add re-export of codemirror core modules ([#266](https://github.com/gravity-ui/markdown-editor/issues/266)) ([9ccf3b1](https://github.com/gravity-ui/markdown-editor/commit/9ccf3b1a6d0207c0587ffda58f84318670993e3b))\\n* **bundle:** remove deprecated YfmEditor component ([#258](https://github.com/gravity-ui/markdown-editor/issues/258)) ([db3749a](https://github.com/gravity-ui/markdown-editor/commit/db3749ae150686a33ee1b07ce8b5129535dca292))\\n* **bundle:** rename editorType ––&gt; editorMode ([#260](https://github.com/gravity-ui/markdown-editor/issues/260)) ([bd0afe8](https://github.com/gravity-ui/markdown-editor/commit/bd0afe8093120d27857d553d149f81676dc55634))\\n* **bundle:** rename yfm ––&gt; markdown in variable and file names ([#259](https://github.com/gravity-ui/markdown-editor/issues/259)) ([c63381f](https://github.com/gravity-ui/markdown-editor/commit/c63381f6990a1f1bd6b708f09f31ae38e46c9c83))\\n* change package name ([#254](https://github.com/gravity-ui/markdown-editor/issues/254)) ([85cc2af](https://github.com/gravity-ui/markdown-editor/commit/85cc2affc4b52a3dacfd02995e5d8e02221fe260))\\n* **Lists:** add auto merging of adjacent list of same type ([#241](https://github.com/gravity-ui/markdown-editor/issues/241)) ([c02de80](https://github.com/gravity-ui/markdown-editor/commit/c02de80168cdc492106efc34c6485a0002feb165))\\n* **note, tabs:** added leave block logic for second enter ([#248](https://github.com/gravity-ui/markdown-editor/issues/248)) ([ed8ba66](https://github.com/gravity-ui/markdown-editor/commit/ed8ba6617d20ed7e7a31034a1e94697a4f4dc55d))\\n* rename yfm -&gt; md in core and dependent modules ([#249](https://github.com/gravity-ui/markdown-editor/issues/249)) ([e12abda](https://github.com/gravity-ui/markdown-editor/commit/e12abdaef26a1c5624183cdfae40c61bdf5e5e91))\\n* transfer connection of markdown-it-attrs plugin to YfmConfigs extension ([#263](https://github.com/gravity-ui/markdown-editor/issues/263)) ([2816c18](https://github.com/gravity-ui/markdown-editor/commit/2816c18f2176edccb9e3523ecbf1dad76105da5a))\\n* update markup mode to codemirror6 ([#234](https://github.com/gravity-ui/markdown-editor/issues/234)) ([5b416b2](https://github.com/gravity-ui/markdown-editor/commit/5b416b295396ff3791192ecbd45f842f6294cfd7))\\n\\n\\n### Bug Fixes\\n\\n* **CodeBlock:** Fixed code insert ([#251](https://github.com/gravity-ui/markdown-editor/issues/251)) ([df9848e](https://github.com/gravity-ui/markdown-editor/commit/df9848eb23c045f87803444db2bbb1b7a645022c))\\n* don\'t split code_block in lists when pressing enter key ([#243](https://github.com/gravity-ui/markdown-editor/issues/243)) ([c494301](https://github.com/gravity-ui/markdown-editor/commit/c4943018be617bdfc8eaf7024e792937a8e56411))\\n* **forms:** deleted unused iframe_ keysets ([#242](https://github.com/gravity-ui/markdown-editor/issues/242)) ([e6d6ba4](https://github.com/gravity-ui/markdown-editor/commit/e6d6ba443db4856036d0d637a0cf50cd4894e7e8))\\n* **ImageForm:** updated autofocus logic, added useAutoFocus ([#245](https://github.com/gravity-ui/markdown-editor/issues/245)) ([c4da6bd](https://github.com/gravity-ui/markdown-editor/commit/c4da6bd98a6279dc9a2326f304d0a3a99cc39480))\\n* **Link:** ascape parentheses in link url ([#244](https://github.com/gravity-ui/markdown-editor/issues/244)) ([046dd2e](https://github.com/gravity-ui/markdown-editor/commit/046dd2e21265958e56b594e897f475a47e8f39ee))\\n* **react-utils:** fix for useNodeEditing and useNodeHover hooks ([#239](https://github.com/gravity-ui/markdown-editor/issues/239)) ([48d018d](https://github.com/gravity-ui/markdown-editor/commit/48d018d05de01ab30b75cc0cc03b36a99c5f5e83))\\n\\n## [12.4.0](https://github.com/yandex-cloud/yfm-editor/compare/v12.3.0...v12.4.0) (2024-04-19)\\n\\n\\n### Features\\n\\n* **BaseKeymap:** remove keymap for joinUp and joinDown commands ([#233](https://github.com/yandex-cloud/yfm-editor/issues/233)) ([c34ef8a](https://github.com/yandex-cloud/yfm-editor/commit/c34ef8ab7b02cb02feee3c8896844c896a744271))\\n* **toolbar, bundle:** add ToolbarButtonPopup type and use it for link, image and file actions in murkup mode ([#228](https://github.com/yandex-cloud/yfm-editor/issues/228)) ([0040e2a](https://github.com/yandex-cloud/yfm-editor/commit/0040e2a0d1c91b39cf5c50a270abdc37d435d3af))\\n\\n\\n### Bug Fixes\\n\\n* fixed position of HelpPopover ([#230](https://github.com/yandex-cloud/yfm-editor/issues/230)) ([bb9c9b6](https://github.com/yandex-cloud/yfm-editor/commit/bb9c9b6ddf7056bb612124b460a6331bc632c281))\\n* **table-utils:** fix deleting columns in tables with nested tables ([#231](https://github.com/yandex-cloud/yfm-editor/issues/231)) ([64d81a6](https://github.com/yandex-cloud/yfm-editor/commit/64d81a65dc5ff245f543d68294328419dac9a01a))\\n* **YfmTableAdditions:** fix positioning of floating buttons of yfm-table ([#232](https://github.com/yandex-cloud/yfm-editor/issues/232)) ([52ef503](https://github.com/yandex-cloud/yfm-editor/commit/52ef503862c0ee1e59da4eccada71761bca247ec))\\n\\n## [12.3.0](https://github.com/yandex-cloud/yfm-editor/compare/v12.2.1...v12.3.0) (2024-04-17)\\n\\n\\n### Features\\n\\n* support button changes in uikit 6.11.0 ([#227](https://github.com/yandex-cloud/yfm-editor/issues/227)) ([cdbc022](https://github.com/yandex-cloud/yfm-editor/commit/cdbc022b9bb2275ffa5a96d46bdb206af88b618b))\\n* support uploading files dragged and dropped from device in markup mode ([#226](https://github.com/yandex-cloud/yfm-editor/issues/226)) ([c60f72e](https://github.com/yandex-cloud/yfm-editor/commit/c60f72e2d0a5b1285b10b5cee585b90a79177d04))\\n\\n\\n### Bug Fixes\\n\\n* do not apply input rule to text with code mark ([#224](https://github.com/yandex-cloud/yfm-editor/issues/224)) ([237c77c](https://github.com/yandex-cloud/yfm-editor/commit/237c77c3a096f80eb30b5be32672ed5944475409))\\n\\n## [12.2.1](https://github.com/yandex-cloud/yfm-editor/compare/v12.2.0...v12.2.1) (2024-04-09)\\n\\n\\n### Bug Fixes\\n\\n* added more exports to package.json ([#222](https://github.com/yandex-cloud/yfm-editor/issues/222)) ([87817ae](https://github.com/yandex-cloud/yfm-editor/commit/87817ae81291f284a9f2bde77df593216930ad59))\\n\\n## [12.2.0](https://github.com/yandex-cloud/yfm-editor/compare/v12.1.0...v12.2.0) (2024-04-08)\\n\\n\\n### Features\\n\\n* **Checkbox:** improve checkbox insertion ([#220](https://github.com/yandex-cloud/yfm-editor/issues/220)) ([cbcebf3](https://github.com/yandex-cloud/yfm-editor/commit/cbcebf3f60c8a8583422499b146b61dcb7cb07de))\\n* **HorizontalRule:** improve horizontal line insertion ([#218](https://github.com/yandex-cloud/yfm-editor/issues/218)) ([71813a2](https://github.com/yandex-cloud/yfm-editor/commit/71813a294e97fd1e5262da043a4d20dfccf9a8dc))\\n\\n\\n### Bug Fixes\\n\\n* fixed `typesVersions` field in package.json ([#221](https://github.com/yandex-cloud/yfm-editor/issues/221)) ([66dbcc5](https://github.com/yandex-cloud/yfm-editor/commit/66dbcc5fbc0fc0193b478f708c6676a4d91d0594))\\n\\n## [12.1.0](https://github.com/yandex-cloud/yfm-editor/compare/v12.0.1...v12.1.0) (2024-04-05)\\n\\n\\n### Features\\n\\n* added colors from uikit, added nore exports ([#216](https://github.com/yandex-cloud/yfm-editor/issues/216)) ([feefd82](https://github.com/yandex-cloud/yfm-editor/commit/feefd820a8051c45f08ce9e6cd337f4844a864dc))\\n* support uploading files dragged and dropped from device ([#214](https://github.com/yandex-cloud/yfm-editor/issues/214)) ([3367f4b](https://github.com/yandex-cloud/yfm-editor/commit/3367f4b83143d6b370e08d931cfdbabf393788d5))\\n\\n## [12.0.1](https://github.com/yandex-cloud/yfm-editor/compare/v12.0.0...v12.0.1) (2024-04-04)\\n\\n\\n### Bug Fixes\\n\\n* fixed style, exports and typings after adding more functionality ([#213](https://github.com/yandex-cloud/yfm-editor/issues/213)) ([ad320a7](https://github.com/yandex-cloud/yfm-editor/commit/ad320a7dfed28d94c578a39296208cfabdd9e668))\\n* **LinkEnhance:** show creation widget when create link with whitespaces at end of selected text ([#211](https://github.com/yandex-cloud/yfm-editor/issues/211)) ([978a828](https://github.com/yandex-cloud/yfm-editor/commit/978a828784ed829689a3266f14bbf4b325530bba))\\n* **Placeholder:** fixed issue with displaying a fake cursor in Safari ([#212](https://github.com/yandex-cloud/yfm-editor/issues/212)) ([c9c6fb5](https://github.com/yandex-cloud/yfm-editor/commit/c9c6fb581ac00198504c9d8425b3656c924e3fdd))\\n* **SelectionContext:** dont show selection menu until mouse is pressed ([#209](https://github.com/yandex-cloud/yfm-editor/issues/209)) ([cde768c](https://github.com/yandex-cloud/yfm-editor/commit/cde768c66c291970b4b7104b38fce1be3b3fb613))\\n\\n## [12.0.0](https://github.com/yandex-cloud/yfm-editor/compare/v11.0.0...v12.0.0) (2024-03-26)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* added more functionality ([#207](https://github.com/yandex-cloud/yfm-editor/issues/207))\\n\\n### Features\\n\\n* added more functionality ([#207](https://github.com/yandex-cloud/yfm-editor/issues/207)) ([de54991](https://github.com/yandex-cloud/yfm-editor/commit/de549914279be23f6b45dda50aec5ba7fdb7c439))\\n\\n## [11.0.0](https://github.com/yandex-cloud/yfm-editor/compare/v10.2.3...v11.0.0) (2024-03-04)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update @gravity-ui/uikit to verison 6 ([#205](https://github.com/yandex-cloud/yfm-editor/issues/205))\\n\\n### Features\\n\\n* update @gravity-ui/uikit to verison 6 ([#205](https://github.com/yandex-cloud/yfm-editor/issues/205)) ([7cf7347](https://github.com/yandex-cloud/yfm-editor/commit/7cf7347740392e53520d9940d753c6a9cf356421))\\n\\n## [10.2.3](https://github.com/yandex-cloud/yfm-editor/compare/v10.2.2...v10.2.3) (2024-03-01)\\n\\n\\n### Bug Fixes\\n\\n* **Clipboard:** copy only text content from codeblock ([#204](https://github.com/yandex-cloud/yfm-editor/issues/204)) ([67e55fc](https://github.com/yandex-cloud/yfm-editor/commit/67e55fc1bbe1b52cf407a340efbd43534c0957c8))\\n* **CodeBlock:** fixed parsing of language from token.info and added support for different code_block markup ([#202](https://github.com/yandex-cloud/yfm-editor/issues/202)) ([85509ff](https://github.com/yandex-cloud/yfm-editor/commit/85509ff30bf91b3ec9afa6b0f987f45f3f6ebf7f))\\n\\n## [10.2.2](https://github.com/yandex-cloud/yfm-editor/compare/v10.2.1...v10.2.2) (2024-02-22)\\n\\n\\n### Bug Fixes\\n\\n* **Table:** correct serialization of the table inside blockquote ([#199](https://github.com/yandex-cloud/yfm-editor/issues/199)) ([9d27a3f](https://github.com/yandex-cloud/yfm-editor/commit/9d27a3fcf381894c009b676916911d3fc232eb95))\\n* **YfmTabs:** correct serialization of yfm-tabs inside blockqoute ([#201](https://github.com/yandex-cloud/yfm-editor/issues/201)) ([e2f5d27](https://github.com/yandex-cloud/yfm-editor/commit/e2f5d2792f1646eae48252bca3bb26e7831bd27b))\\n\\n## [10.2.1](https://github.com/yandex-cloud/yfm-editor/compare/v10.2.0...v10.2.1) (2024-02-20)\\n\\n\\n### Bug Fixes\\n\\n* **Math:** allow to modify dom-attributes of math nodes ([#197](https://github.com/yandex-cloud/yfm-editor/issues/197)) ([c7fd967](https://github.com/yandex-cloud/yfm-editor/commit/c7fd96764e61f4d086b431c87901f0ed2331c8ba))\\n\\n## [10.2.0](https://github.com/yandex-cloud/yfm-editor/compare/v10.1.0...v10.2.0) (2024-02-20)\\n\\n\\n### Features\\n\\n* adding a link to image when pasting a link on selected image node ([#194](https://github.com/yandex-cloud/yfm-editor/issues/194)) ([c64dd68](https://github.com/yandex-cloud/yfm-editor/commit/c64dd68e4b46551903894d73fdae9a13e99b2d89))\\n* option to not highlighting active list button and toParagraph action improvement ([#196](https://github.com/yandex-cloud/yfm-editor/issues/196)) ([35d0219](https://github.com/yandex-cloud/yfm-editor/commit/35d0219b8414ec210c5442497f24ba982c512991))\\n\\n## [10.1.0](https://github.com/yandex-cloud/yfm-editor/compare/v10.0.0...v10.1.0) (2024-02-16)\\n\\n\\n### Features\\n\\n* heading button that resets heading back to paragraph ([#190](https://github.com/yandex-cloud/yfm-editor/issues/190)) ([475c879](https://github.com/yandex-cloud/yfm-editor/commit/475c87942897e775f6a8dd922373aa0f746879f7))\\n* **toolbar:** add property to show custom hint when action is disabled ([#193](https://github.com/yandex-cloud/yfm-editor/issues/193)) ([f08366a](https://github.com/yandex-cloud/yfm-editor/commit/f08366a2efcd1564ad01fcd6add3af80a411e8b1))\\n* **YfmCut:** add border to editable yfm-cut nodes ([#189](https://github.com/yandex-cloud/yfm-editor/issues/189)) ([03a1ad2](https://github.com/yandex-cloud/yfm-editor/commit/03a1ad257b4439ec2b30339ff7d13bc45feb8839))\\n* **YfmCut:** improve the behavior when creating yfm-cut ([#191](https://github.com/yandex-cloud/yfm-editor/issues/191)) ([67c2300](https://github.com/yandex-cloud/yfm-editor/commit/67c230025cea5c763d7754e7805c1b4783c23db7))\\n* **YfmTabs:** change text color of yfm-tabs tab placeholder ([#192](https://github.com/yandex-cloud/yfm-editor/issues/192)) ([42be1aa](https://github.com/yandex-cloud/yfm-editor/commit/42be1aa7bc89a3a194da82e3f31efd57030487be))\\n\\n\\n### Bug Fixes\\n\\n* **deps:** add markdown-it-attrs to deps ([#187](https://github.com/yandex-cloud/yfm-editor/issues/187)) ([21fdd74](https://github.com/yandex-cloud/yfm-editor/commit/21fdd74e3cdc2566e5cb49543014392da3afb07d))\\n\\n## [10.0.0](https://github.com/yandex-cloud/yfm-editor/compare/v9.3.1...v10.0.0) (2024-02-06)\\n\\n### ⚠ BREAKING CHANGES\\n\\n* feat!: use diplodoc/latex-extension instead of markdown-it-katex ([#184](https://github.com/yandex-cloud/yfm-editor/issues/184))\\n  > - added packages to peerDependencies: `@diplodoc/latex-extension`, `katex`, `markdown-it`\\n  > - editor\'s Math extension now use `@diplodoc/latex-extension` instead of `markdown-it-katex`\\n  > - Math extension removed from YfmPreset/YfmSpecsPreset and package root export\\n  > - added options to Math extension\\n  >\\n  > Example of using a Math extension:\\n  >\\n  > ```js\\n  > import {Math} from \'@doc-tools/yfm-editor/_/extensions/yfm/Math\';\\n  >\\n  > // ...\\n  >\\n  > builder.use(Math, {\\n  > // required\\n  > loadRuntimeScript: async () => {\\n  >     await Promise.all([\\n  >     import(\'@diplodoc/latex-extension/runtime\'),\\n  >     import(\'@diplodoc/latex-extension/runtime/styles\'),\\n  >     ]);\\n  > },\\n  > // optional; if you need custom sanitizing\\n  > sanitize: (html) => /* sanitize html */ html,\\n  > // optional; options to be passed to katex\\n  > katexOptions: {},\\n  > });\\n  > ```\\n\\n### Features\\n\\n* feat!: use diplodoc/latex-extension instead of markdown-it-katex ([#184](https://github.com/yandex-cloud/yfm-editor/issues/184)) ([80ad40f](https://github.com/yandex-cloud/yfm-editor/commit/80ad40f822a92eebc7215a6adb21f1f1007f32c8))\\n\\n### Bug Fixes\\n\\n* **YfmCut:** reduce code duplication ([#185](https://github.com/yandex-cloud/yfm-editor/issues/185)) ([76974ce](https://github.com/yandex-cloud/yfm-editor/commit/76974ceede9d2345980b7d11dcd6dc3deccf3b49))\\n\\n## [9.3.1](https://github.com/yandex-cloud/yfm-editor/compare/v9.3.0...v9.3.1) (2024-02-01)\\n\\n\\n### Bug Fixes\\n\\n* increased priority of list keymap ([#182](https://github.com/yandex-cloud/yfm-editor/issues/182)) ([96fed08](https://github.com/yandex-cloud/yfm-editor/commit/96fed08bdb1841ea81979bcff6d805ee9323bf15))\\n\\n## [9.3.0](https://github.com/yandex-cloud/yfm-editor/compare/v9.2.0...v9.3.0) (2024-01-26)\\n\\n\\n### Features\\n\\n* **core:** allow to parse blocks with noCloseToken=true with content from children tokens ([#180](https://github.com/yandex-cloud/yfm-editor/issues/180)) ([d362717](https://github.com/yandex-cloud/yfm-editor/commit/d36271755e96a0807bcf64d75014a4fc6f599f78))\\n\\n## [9.2.0](https://github.com/yandex-cloud/yfm-editor/compare/v9.1.1...v9.2.0) (2024-01-25)\\n\\n\\n### Features\\n\\n* add re-export of markdown-it plugins ([#179](https://github.com/yandex-cloud/yfm-editor/issues/179)) ([affd462](https://github.com/yandex-cloud/yfm-editor/commit/affd462578a1a4158fd209fbddcdc3d1c6806dc3))\\n* added ability to pass marks to updateAttributes method of ReactNodeView ([#177](https://github.com/yandex-cloud/yfm-editor/issues/177)) ([93e63de](https://github.com/yandex-cloud/yfm-editor/commit/93e63de452f1743a99e5e60ab3364cc84bccb9e0))\\n\\n## [9.1.1](https://github.com/yandex-cloud/yfm-editor/compare/v9.1.0...v9.1.1) (2023-12-26)\\n\\n\\n### Bug Fixes\\n\\n* update lint rules and remove import of lodash global object ([#175](https://github.com/yandex-cloud/yfm-editor/issues/175)) ([64c83fb](https://github.com/yandex-cloud/yfm-editor/commit/64c83fb163906c7b3e390367023ee58f5f3da5ea))\\n\\n## [9.1.0](https://github.com/yandex-cloud/yfm-editor/compare/v9.0.0...v9.1.0) (2023-12-21)\\n\\n\\n### Features\\n\\n* add core submodule to package exports ([#171](https://github.com/yandex-cloud/yfm-editor/issues/171)) ([2c967b5](https://github.com/yandex-cloud/yfm-editor/commit/2c967b5e5340766fbf0f0b642e3a106d9fba5d62))\\n* add re-export of prosemirror-test-builder ([#174](https://github.com/yandex-cloud/yfm-editor/issues/174)) ([6eaf21b](https://github.com/yandex-cloud/yfm-editor/commit/6eaf21b26980d5348c385087c8f8f79bac2c575b))\\n* update prosemirror packages ([#173](https://github.com/yandex-cloud/yfm-editor/issues/173)) ([bee420d](https://github.com/yandex-cloud/yfm-editor/commit/bee420d7af377a21146b8106eecacc156efcb83b))\\n\\n## [9.0.0](https://github.com/yandex-cloud/yfm-editor/compare/v8.2.1...v9.0.0) (2023-12-20)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* add package exports ([#169](https://github.com/yandex-cloud/yfm-editor/issues/169))\\n\\n### Features\\n\\n* add package exports ([#169](https://github.com/yandex-cloud/yfm-editor/issues/169)) ([b312dc7](https://github.com/yandex-cloud/yfm-editor/commit/b312dc7934890c8304815d0f6e461d8f280812b3))\\n\\n## [8.2.1](https://github.com/yandex-cloud/yfm-editor/compare/v8.2.0...v8.2.1) (2023-12-18)\\n\\n\\n### Bug Fixes\\n\\n* wrong position when adding new row ([#167](https://github.com/yandex-cloud/yfm-editor/issues/167)) ([a40557a](https://github.com/yandex-cloud/yfm-editor/commit/a40557ac3873b7a7de538d796adc43d4a1260c15))\\n\\n## [8.2.0](https://github.com/yandex-cloud/yfm-editor/compare/v8.1.0...v8.2.0) (2023-12-11)\\n\\n\\n### Features\\n\\n* support image loading attribute ([#165](https://github.com/yandex-cloud/yfm-editor/issues/165)) ([6750a3f](https://github.com/yandex-cloud/yfm-editor/commit/6750a3f654775b6244846b28d171202832970ae1))\\n\\n## [8.1.0](https://github.com/yandex-cloud/yfm-editor/compare/v8.0.0...v8.1.0) (2023-12-07)\\n\\n\\n### Features\\n\\n* added a node view for rendering react block ([#163](https://github.com/yandex-cloud/yfm-editor/issues/163)) ([67a325a](https://github.com/yandex-cloud/yfm-editor/commit/67a325a048694dd44ce1e5da8b408e4c79ce70eb))\\n\\n## [8.0.0](https://github.com/yandex-cloud/yfm-editor/compare/v7.2.0...v8.0.0) (2023-12-01)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* content node for yfm note ([#161](https://github.com/yandex-cloud/yfm-editor/issues/161))\\n\\n### Features\\n\\n* content node for yfm note ([#161](https://github.com/yandex-cloud/yfm-editor/issues/161)) ([6566d78](https://github.com/yandex-cloud/yfm-editor/commit/6566d78460f93dea8b0378d044fff56250ed64ba))\\n\\n## [7.2.0](https://github.com/yandex-cloud/yfm-editor/compare/v7.1.0...v7.2.0) (2023-11-20)\\n\\n\\n### Features\\n\\n* **YfmTabs:** auto-switching tabs in yfm-tabs when dragging over it ([#157](https://github.com/yandex-cloud/yfm-editor/issues/157)) ([c4fdcbc](https://github.com/yandex-cloud/yfm-editor/commit/c4fdcbc65e0d3a4cde44fa6f748411feff32da4a))\\n\\n\\n### Bug Fixes\\n\\n* improvements for toolbar hidden actions ([#155](https://github.com/yandex-cloud/yfm-editor/issues/155)) ([d15839b](https://github.com/yandex-cloud/yfm-editor/commit/d15839b3dd04b5ea917f4ae86a03cad25a2f1fd4))\\n\\n## [7.1.0](https://github.com/yandex-cloud/yfm-editor/compare/v7.0.0...v7.1.0) (2023-11-17)\\n\\n\\n### Features\\n\\n* **YfmCut:** auto-opening yfm-cut when dragging over it ([#152](https://github.com/yandex-cloud/yfm-editor/issues/152)) ([a7612c3](https://github.com/yandex-cloud/yfm-editor/commit/a7612c3118866709a225db391ac999118c2a7ec9))\\n* Add data-line attrs support for heading and paragraph ([#152](https://github.com/yandex-cloud/yfm-editor/issues/158))\\n\\n## [7.0.0](https://github.com/yandex-cloud/yfm-editor/compare/v6.7.0...v7.0.0) (2023-11-09)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* replace @doc-tools/transform@3.10.2 with @diplodoc/transform@4.2.1 ([#151](https://github.com/yandex-cloud/yfm-editor/issues/151))\\n\\n### Features\\n\\n* replace @doc-tools/transform@3.10.2 with @diplodoc/transform@4.2.1 ([#151](https://github.com/yandex-cloud/yfm-editor/issues/151)) ([b6c0c73](https://github.com/yandex-cloud/yfm-editor/commit/b6c0c73b5747a1f1424bb172d14bd510579a61d3))\\n\\n## [6.7.0](https://github.com/yandex-cloud/yfm-editor/compare/v6.6.0...v6.7.0) (2023-10-31)\\n\\n\\n### Features\\n\\n* **Breaks:** parse &lt;br/&gt; to preffered break ([#147](https://github.com/yandex-cloud/yfm-editor/issues/147)) ([8253496](https://github.com/yandex-cloud/yfm-editor/commit/82534968f743b37449ef38f411bc6cbfe054a692))\\n* **Breaks:** replace double breaks with new paragraph ([#149](https://github.com/yandex-cloud/yfm-editor/issues/149)) ([2189de1](https://github.com/yandex-cloud/yfm-editor/commit/2189de1579be45656a1237663f08f86254746a21))\\n\\n\\n### Bug Fixes\\n\\n* **toolbar:** correct calc of actions to show in presence of hiddenActions ([#150](https://github.com/yandex-cloud/yfm-editor/issues/150)) ([f91113d](https://github.com/yandex-cloud/yfm-editor/commit/f91113dcc2a204109997b43c040eee412adbe829))\\n\\n## [6.6.0](https://github.com/yandex-cloud/yfm-editor/compare/v6.5.0...v6.6.0) (2023-10-27)\\n\\n\\n### Features\\n\\n* add options for placeholders ([#141](https://github.com/yandex-cloud/yfm-editor/issues/141)) ([875d025](https://github.com/yandex-cloud/yfm-editor/commit/875d0256f23565c3f81714d29fff25ba23a7d950))\\n\\n## [6.5.0](https://github.com/yandex-cloud/yfm-editor/compare/v6.4.0...v6.5.0) (2023-10-26)\\n\\n\\n### Features\\n\\n* ability to add hidden action to toolbar ([#144](https://github.com/yandex-cloud/yfm-editor/issues/144)) ([d100d9b](https://github.com/yandex-cloud/yfm-editor/commit/d100d9bd8ef95a350b3d169c4cd288c92f0a768e))\\n\\n## [6.4.0](https://github.com/yandex-cloud/yfm-editor/compare/v6.3.0...v6.4.0) (2023-10-25)\\n\\n\\n### Features\\n\\n* **CodeBlock:** add custom tab key press handling in the codeblock ([fb3284c](https://github.com/yandex-cloud/yfm-editor/commit/fb3284c45bb980b9b86be73caa3a0179fad78203))\\n* **CodeBlock:** do not select codeblock node when clicking on it ([67bad99](https://github.com/yandex-cloud/yfm-editor/commit/67bad99b18e6216e6e066810dc6700fc9d9f5a0c))\\n\\n## [6.3.0](https://github.com/yandex-cloud/yfm-editor/compare/v6.2.0...v6.3.0) (2023-10-10)\\n\\n\\n### Features\\n\\n* **Color:** add parseDOM rules to specs ([#137](https://github.com/yandex-cloud/yfm-editor/issues/137)) ([198f805](https://github.com/yandex-cloud/yfm-editor/commit/198f8059878d2970d2eee62918868232d4195e46))\\n\\n\\n### Bug Fixes\\n\\n* correct parsing of `\\\\n` in inline code ([#135](https://github.com/yandex-cloud/yfm-editor/issues/135)) ([ebf37d7](https://github.com/yandex-cloud/yfm-editor/commit/ebf37d71488afa554031af349fa5d835f92ee08c))\\n* selected node styles appear only if ProseMirror is focused ([#138](https://github.com/yandex-cloud/yfm-editor/issues/138)) ([dd873de](https://github.com/yandex-cloud/yfm-editor/commit/dd873deae5f87cc80045067bd2a50934f2589ee5))\\n* trying to add a row or column to an outer table caused it to be added into inner one ([#139](https://github.com/yandex-cloud/yfm-editor/issues/139)) ([41d4a46](https://github.com/yandex-cloud/yfm-editor/commit/41d4a46fad15e77368d08eeee231f5486faf2f9a))\\n\\n## [6.2.0](https://github.com/yandex-cloud/yfm-editor/compare/v6.1.4...v6.2.0) (2023-09-29)\\n\\n\\n### Features\\n\\n* add esbuild compatability tests ([#125](https://github.com/yandex-cloud/yfm-editor/issues/125)) ([58e1135](https://github.com/yandex-cloud/yfm-editor/commit/58e113597e34cf9c779eb0a241023945b469e3c7))\\n\\n\\n### Bug Fixes\\n\\n* remove ambiguous export ([#134](https://github.com/yandex-cloud/yfm-editor/issues/134)) ([3a276e8](https://github.com/yandex-cloud/yfm-editor/commit/3a276e84202ad01b847f609526166e5ec498739f))\\n\\n## [6.1.4](https://github.com/yandex-cloud/yfm-editor/compare/v6.1.3...v6.1.4) (2023-09-25)\\n\\n\\n### Bug Fixes\\n\\n* **YfmTabs:** fix tab-panel content spec ([#131](https://github.com/yandex-cloud/yfm-editor/issues/131)) ([4e61d57](https://github.com/yandex-cloud/yfm-editor/commit/4e61d574346e488a02cb671585c17fdb3cf0efb8))\\n\\n## [6.1.3](https://github.com/yandex-cloud/yfm-editor/compare/v6.1.2...v6.1.3) (2023-09-23)\\n\\n\\n### Bug Fixes\\n\\n* replace require() with esm import ([#129](https://github.com/yandex-cloud/yfm-editor/issues/129)) ([fcb3422](https://github.com/yandex-cloud/yfm-editor/commit/fcb3422e58367f0cf638551773fc5ad49b1f7937))\\n\\n## [6.1.2](https://github.com/yandex-cloud/yfm-editor/compare/v6.1.1...v6.1.2) (2023-09-20)\\n\\n\\n### Bug Fixes\\n\\n* import lodash methods directly ([#126](https://github.com/yandex-cloud/yfm-editor/issues/126)) ([16c423b](https://github.com/yandex-cloud/yfm-editor/commit/16c423ba01c244ee892fd6b5799b79343dbe235c))\\n\\n## [6.1.1](https://github.com/yandex-cloud/yfm-editor/compare/v6.1.0...v6.1.1) (2023-09-04)\\n\\n\\n### Bug Fixes\\n\\n* new attributes when creating tabs ([#123](https://github.com/yandex-cloud/yfm-editor/issues/123)) ([592fcdf](https://github.com/yandex-cloud/yfm-editor/commit/592fcdfc82da7b60563e63f0d2879a3e64686754))\\n\\n## [6.1.0](https://github.com/yandex-cloud/yfm-editor/compare/v6.0.0...v6.1.0) (2023-09-04)\\n\\n\\n### Features\\n\\n* upd @doc-tools/transform ([#121](https://github.com/yandex-cloud/yfm-editor/issues/121)) ([96c6c9b](https://github.com/yandex-cloud/yfm-editor/commit/96c6c9b8bcd61a66c816abe4aba055fd8f6a32ec))\\n\\n## [6.0.0](https://github.com/yandex-cloud/yfm-editor/compare/v5.6.0...v6.0.0) (2023-07-28)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update to uikit@5, node@18, storybook@7; remove assets ([#116](https://github.com/yandex-cloud/yfm-editor/issues/116))\\n\\n### Features\\n\\n* update to uikit@5, node@18, storybook@7; remove assets ([#116](https://github.com/yandex-cloud/yfm-editor/issues/116)) ([01e021f](https://github.com/yandex-cloud/yfm-editor/commit/01e021fcce856b6f47cb40442473dcc90b78cce8))\\n\\n## [5.6.0](https://github.com/yandex-cloud/yfm-editor/compare/v5.5.1...v5.6.0) (2023-07-04)\\n\\n\\n### Features\\n\\n* tabs action ([#114](https://github.com/yandex-cloud/yfm-editor/issues/114)) ([ae45a72](https://github.com/yandex-cloud/yfm-editor/commit/ae45a729651eff01b31cab1a6ecdd03ccee9c215))\\n\\n## [5.5.1](https://github.com/yandex-cloud/yfm-editor/compare/v5.5.0...v5.5.1) (2023-06-29)\\n\\n\\n### Bug Fixes\\n\\n* **Deflist:** use internal isNodeSelection helper ([#112](https://github.com/yandex-cloud/yfm-editor/issues/112)) ([1eeb0c0](https://github.com/yandex-cloud/yfm-editor/commit/1eeb0c0752e5c6df59c89af7c0b0f1aa20abf116))\\n\\n## [5.5.0](https://github.com/yandex-cloud/yfm-editor/compare/v5.4.0...v5.5.0) (2023-06-29)\\n\\n\\n### Features\\n\\n* **deps:** support @doc-tools/transform@3 ([#110](https://github.com/yandex-cloud/yfm-editor/issues/110)) ([495ecf1](https://github.com/yandex-cloud/yfm-editor/commit/495ecf173d7098c553d621b2e426673d6cd66018))\\n\\n## [5.4.0](https://github.com/yandex-cloud/yfm-editor/compare/v5.3.0...v5.4.0) (2023-06-26)\\n\\n\\n### Features\\n\\n* add re-export serializeForClipboard function from prosemirror-view ([#107](https://github.com/yandex-cloud/yfm-editor/issues/107)) ([3574ea2](https://github.com/yandex-cloud/yfm-editor/commit/3574ea2cbaa5f97c08440946523ccfcfbe207a14))\\n* allow selection for list-item, heading and checkbox ([#109](https://github.com/yandex-cloud/yfm-editor/issues/109)) ([e0ade05](https://github.com/yandex-cloud/yfm-editor/commit/e0ade05fed9fc9d4caabd6cf4f1f3d7e727c10c4))\\n\\n## [5.3.0](https://github.com/yandex-cloud/yfm-editor/compare/v5.2.0...v5.3.0) (2023-06-16)\\n\\n\\n### Features\\n\\n* add logging keymap actions ([#106](https://github.com/yandex-cloud/yfm-editor/issues/106)) ([20a2657](https://github.com/yandex-cloud/yfm-editor/commit/20a2657cab3ac1ff5199a0a4c8335bf19b22de8b))\\n\\n\\n### Bug Fixes\\n\\n* escape whitespaces within superscript and subscript ([#104](https://github.com/yandex-cloud/yfm-editor/issues/104)) ([db35e5b](https://github.com/yandex-cloud/yfm-editor/commit/db35e5b13a6c7f9281927be1953a9e08b102969c))\\n\\n## [5.2.0](https://github.com/yandex-cloud/yfm-editor/compare/v5.1.0...v5.2.0) (2023-05-22)\\n\\n\\n### Features\\n\\n* **Math:** add background on hover ([#103](https://github.com/yandex-cloud/yfm-editor/issues/103)) ([ab869cd](https://github.com/yandex-cloud/yfm-editor/commit/ab869cd1deaf0315d9fc654bfec2414af97d397b))\\n* **Selecion:** support backspace action for fake paragraph ([#100](https://github.com/yandex-cloud/yfm-editor/issues/100)) ([efaa359](https://github.com/yandex-cloud/yfm-editor/commit/efaa359842228b06f510f48033b1b0a20a115832))\\n* **YfmCut:** add a border when hovering ([#102](https://github.com/yandex-cloud/yfm-editor/issues/102)) ([b316f08](https://github.com/yandex-cloud/yfm-editor/commit/b316f085f9d9cf8d68a4636ed5cd0fde0f13d0b4))\\n* **YfmCut:** allow inline nodes in cut title ([1408cee](https://github.com/yandex-cloud/yfm-editor/commit/1408cee299e3cb910d4bad9311f958f90e363b85))\\n* **YfmNote:** allow inline nodes in note title ([8b40679](https://github.com/yandex-cloud/yfm-editor/commit/8b40679b2a8e679cbdfaa90b3cd65b53bcaec6da))\\n\\n\\n### Bug Fixes\\n\\n* remove marks from breaks that are the last node inside that mark ([#101](https://github.com/yandex-cloud/yfm-editor/issues/101)) ([88c3d1a](https://github.com/yandex-cloud/yfm-editor/commit/88c3d1a9f3a26e8e401553fdd776c3ba6a272683))\\n\\n## [5.1.0](https://github.com/yandex-cloud/yfm-editor/compare/v5.0.0...v5.1.0) (2023-04-12)\\n\\n\\n### Features\\n\\n* improvements for tabs UX ([#93](https://github.com/yandex-cloud/yfm-editor/issues/93)) ([7d618c2](https://github.com/yandex-cloud/yfm-editor/commit/7d618c24f54f60196bd5e218c275a4957d03d000))\\n\\n\\n### Bug Fixes\\n\\n* **CodeBlock:** fix parsing and serialization of code and fence blocks ([#96](https://github.com/yandex-cloud/yfm-editor/issues/96)) ([4824813](https://github.com/yandex-cloud/yfm-editor/commit/4824813f15886e45797003cbb96893c4e5ef1141))\\n\\n## [5.0.0](https://github.com/yandex-cloud/yfm-editor/compare/v4.5.0...v5.0.0) (2023-04-11)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* **Math:** add math hints\\n\\n### Features\\n\\n* add i18n ([4e2c49c](https://github.com/yandex-cloud/yfm-editor/commit/4e2c49c5f4a562738724f0739b7de359e697c56e))\\n* add ReactRenderer extension ([d73eb8e](https://github.com/yandex-cloud/yfm-editor/commit/d73eb8e1afcf2dee3cc7c70f26ce99d9490dd681))\\n* **Blockquote:** support for joining the previous blockquote ([#90](https://github.com/yandex-cloud/yfm-editor/issues/90)) ([9d055c4](https://github.com/yandex-cloud/yfm-editor/commit/9d055c41ef5df17a505399968f7e5e186f09ed2c))\\n* **Lists:** support for joining the previous list ([#92](https://github.com/yandex-cloud/yfm-editor/issues/92)) ([3e38618](https://github.com/yandex-cloud/yfm-editor/commit/3e38618445165267979ab7489e1b0b5a338dad55))\\n* **Math:** add math hints ([9d7293d](https://github.com/yandex-cloud/yfm-editor/commit/9d7293d928a2604322489b8fede5d2b826a44153))\\n\\n## [4.5.0](https://github.com/yandex-cloud/yfm-editor/compare/v4.4.1...v4.5.0) (2023-03-21)\\n\\n\\n### Features\\n\\n* **Lists:** return true from toList command when selection is in list with current list type ([#88](https://github.com/yandex-cloud/yfm-editor/issues/88)) ([74dd90c](https://github.com/yandex-cloud/yfm-editor/commit/74dd90c99e62413172830728d37ce52eee610e33))\\n\\n\\n### Bug Fixes\\n\\n* improvements for checkbox behavior ([#87](https://github.com/yandex-cloud/yfm-editor/issues/87)) ([12d0702](https://github.com/yandex-cloud/yfm-editor/commit/12d070219f741f43c307fe8453ceef51cb9ad945))\\n\\n## [4.4.1](https://github.com/yandex-cloud/yfm-editor/compare/v4.4.0...v4.4.1) (2023-03-16)\\n\\n\\n### Bug Fixes\\n\\n* support react18 strict mode ([#85](https://github.com/yandex-cloud/yfm-editor/issues/85)) ([03832d6](https://github.com/yandex-cloud/yfm-editor/commit/03832d6a9fd5b89c43cca4f2ff093e828950beaa))\\n\\n## [4.4.0](https://github.com/yandex-cloud/yfm-editor/compare/v4.3.0...v4.4.0) (2023-03-13)\\n\\n\\n### Features\\n\\n* **deps:** support uikit@4 ([#82](https://github.com/yandex-cloud/yfm-editor/issues/82)) ([1964b59](https://github.com/yandex-cloud/yfm-editor/commit/1964b59602efca99aa1c86b948dd7fc8589c2171))\\n* **deps:** support react@18 ([#83](https://github.com/yandex-cloud/yfm-editor/issues/83)) ([f77b68b](https://github.com/yandex-cloud/yfm-editor/commit/f77b68b758e669709f185315dca5b5b7ba77d396))\\n\\n## [4.3.0](https://github.com/yandex-cloud/yfm-editor/compare/v4.2.0...v4.3.0) (2023-02-27)\\n\\n\\n### Features\\n\\n* move schema, parser and serializer specs to separate extensions ([#80](https://github.com/yandex-cloud/yfm-editor/issues/80)) ([38064ac](https://github.com/yandex-cloud/yfm-editor/commit/38064ac7f156cc8bf1d283b0b522818db4d73f71))\\n\\n\\n### Bug Fixes\\n\\n* optimisation for large tables ([#79](https://github.com/yandex-cloud/yfm-editor/issues/79)) ([bf8d961](https://github.com/yandex-cloud/yfm-editor/commit/bf8d96122187369e58098c2821ece146013ce4f6))\\n\\n## [4.2.0](https://github.com/yandex-cloud/yfm-editor/compare/v4.1.0...v4.2.0) (2023-02-15)\\n\\n\\n### Features\\n\\n* apllying codemark when typing text between backticks ([#75](https://github.com/yandex-cloud/yfm-editor/issues/75)) ([50560f2](https://github.com/yandex-cloud/yfm-editor/commit/50560f2c06d827f5069ad074631431e16b215521))\\n* **Clipboard:** get markup from html that has only text ([#78](https://github.com/yandex-cloud/yfm-editor/issues/78)) ([6a4628f](https://github.com/yandex-cloud/yfm-editor/commit/6a4628f6d06d14a445d507d8b2049d04c676a3ee))\\n* **HorizontalRule:** add input rules for horizontal line ([#77](https://github.com/yandex-cloud/yfm-editor/issues/77)) ([d11e9e0](https://github.com/yandex-cloud/yfm-editor/commit/d11e9e037b712fc8530956978674dc4afb3e2f4b))\\n\\n## [4.1.0](https://github.com/yandex-cloud/yfm-editor/compare/v4.0.1...v4.1.0) (2023-02-09)\\n\\n\\n### Features\\n\\n* add more items from Cursor and Selection extensions to root export ([#73](https://github.com/yandex-cloud/yfm-editor/issues/73)) ([8499232](https://github.com/yandex-cloud/yfm-editor/commit/8499232569e06dbd7257efa6a7ba1c58f3d16230))\\n* **Placeholder:** don\'t render placeholder when content is null ([#72](https://github.com/yandex-cloud/yfm-editor/issues/72)) ([a91d1cd](https://github.com/yandex-cloud/yfm-editor/commit/a91d1cd9bb35611c96b157179592f02e10e1aeee))\\n\\n## [4.0.1](https://github.com/yandex-cloud/yfm-editor/compare/v4.0.0...v4.0.1) (2023-02-07)\\n\\n\\n### Bug Fixes\\n\\n* **Selection:** fix creation of fake cursor on edges of blocks with flag gapcursor:false ([#71](https://github.com/yandex-cloud/yfm-editor/issues/71)) ([63dcdf2](https://github.com/yandex-cloud/yfm-editor/commit/63dcdf23142b31191da27117984d834864cf0ee0))\\n* **YfmCut:** allow editing of yfm-cut title ([#69](https://github.com/yandex-cloud/yfm-editor/issues/69)) ([b440844](https://github.com/yandex-cloud/yfm-editor/commit/b4408442386078be8356c3e577a51bb18771963a))\\n\\n## [4.0.0](https://github.com/yandex-cloud/yfm-editor/compare/v3.7.0...v4.0.0) (2023-02-01)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* **toolbar:** update @gravity-ui/uikit@3.18 and use Hotkey and ActionTooltip components in Toolbar ([#66](https://github.com/yandex-cloud/yfm-editor/issues/66))\\n* **Selection, Cursor:** rewrite code for fake-paragraph behaviour ([#65](https://github.com/yandex-cloud/yfm-editor/issues/65))\\n\\n### Features\\n\\n* **Selection, Cursor:** rewrite code for fake-paragraph behaviour ([#65](https://github.com/yandex-cloud/yfm-editor/issues/65)) ([991107a](https://github.com/yandex-cloud/yfm-editor/commit/991107a749d9572a414d39c4ce4af1231ee52386))\\n* **toolbar:** update @gravity-ui/uikit@3.18 and use Hotkey and ActionTooltip components in Toolbar ([#66](https://github.com/yandex-cloud/yfm-editor/issues/66)) ([c67453f](https://github.com/yandex-cloud/yfm-editor/commit/c67453f2cbcafd1fced0130d1b86fa77e6613c35))\\n\\n## [3.7.0](https://github.com/yandex-cloud/yfm-editor/compare/v3.6.0...v3.7.0) (2023-02-01)\\n\\n\\n### Features\\n\\n* parser and serializer props ([190384b](https://github.com/yandex-cloud/yfm-editor/commit/190384b7b9b3aa0a90975b98a8f7d60067d7d235))\\n* serialization of selection content when creating codeblock ([#67](https://github.com/yandex-cloud/yfm-editor/issues/67)) ([c170560](https://github.com/yandex-cloud/yfm-editor/commit/c170560df5f4669d9258726ca7ea273fda825dc7))\\n\\n\\n### Bug Fixes\\n\\n* **Placeholder:** create new decorations on every EditorProps.decorations() call ([#62](https://github.com/yandex-cloud/yfm-editor/issues/62)) ([e6a8320](https://github.com/yandex-cloud/yfm-editor/commit/e6a83206988834565226a33ae8ef265967c8a791))\\n\\n## [3.6.0](https://github.com/yandex-cloud/yfm-editor/compare/v3.5.0...v3.6.0) (2023-01-25)\\n\\n\\n### Features\\n\\n* improvements for tabs removement ([f21f6f5](https://github.com/yandex-cloud/yfm-editor/commit/f21f6f5d9818a1a8bd0faaa4f18a7c7a1008a5b6))\\n\\n## [3.5.0](https://github.com/yandex-cloud/yfm-editor/compare/v3.4.5...v3.5.0) (2023-01-24)\\n\\n\\n### Features\\n\\n* **Placeholder:** pass the parent node to the placeholder\'s content callback ([#59](https://github.com/yandex-cloud/yfm-editor/issues/59)) ([96cf1d3](https://github.com/yandex-cloud/yfm-editor/commit/96cf1d3b741fdabe9a39de5a93c1644f33acf786))\\n\\n## [3.4.5](https://github.com/yandex-cloud/yfm-editor/compare/v3.4.4...v3.4.5) (2023-01-24)\\n\\n\\n### Bug Fixes\\n\\n* **Clipboard:** replace require with es-import ([#57](https://github.com/yandex-cloud/yfm-editor/issues/57)) ([0347ed0](https://github.com/yandex-cloud/yfm-editor/commit/0347ed0556797670c25de9f207d8f8a68c381766))\\n\\n## [3.4.4](https://github.com/yandex-cloud/yfm-editor/compare/v3.4.3...v3.4.4) (2023-01-23)\\n\\n\\n### Bug Fixes\\n\\n* replace asterisk exports with named exports ([#55](https://github.com/yandex-cloud/yfm-editor/issues/55)) ([e46c512](https://github.com/yandex-cloud/yfm-editor/commit/e46c5129547bbfb6de989d2237e14643f46cbdd0))\\n\\n## [3.4.3](https://github.com/yandex-cloud/yfm-editor/compare/v3.4.2...v3.4.3) (2023-01-23)\\n\\n\\n### Bug Fixes\\n\\n* add missing exports from extensions ([#53](https://github.com/yandex-cloud/yfm-editor/issues/53)) ([25c3668](https://github.com/yandex-cloud/yfm-editor/commit/25c36684198d43af35156ad02cca662ff711e8da))\\n\\n## [3.4.2](https://github.com/yandex-cloud/yfm-editor/compare/v3.4.1...v3.4.2) (2022-12-16)\\n\\n\\n### Bug Fixes\\n\\n* blockquote button breaks when selection has 0 depth ([2a38575](https://github.com/yandex-cloud/yfm-editor/commit/2a38575ea142ec652aa47705768661e41012b188))\\n\\n## [3.4.1](https://github.com/yandex-cloud/yfm-editor/compare/v3.4.0...v3.4.1) (2022-12-13)\\n\\n\\n### Bug Fixes\\n\\n* **YfmNote:** serialize placeholder content if node content is empty ([#48](https://github.com/yandex-cloud/yfm-editor/issues/48)) ([f999943](https://github.com/yandex-cloud/yfm-editor/commit/f9999434ed3cf37ee2690acf1b54315a79fba56a))\\n\\n## [3.4.0](https://github.com/yandex-cloud/yfm-editor/compare/v3.3.0...v3.4.0) (2022-12-09)\\n\\n\\n### Features\\n\\n* **Math:** improve ux with inline math ([#43](https://github.com/yandex-cloud/yfm-editor/issues/43)) ([e09dca4](https://github.com/yandex-cloud/yfm-editor/commit/e09dca4603696ab0e10648347db86a42a32fe3e2))\\n* **YfmCut:** auto openning yfm-cut if selection is inside cut\'s content ([#46](https://github.com/yandex-cloud/yfm-editor/issues/46)) ([f3084f8](https://github.com/yandex-cloud/yfm-editor/commit/f3084f8fa953c2a7c79a7089f4236928d66630a6))\\n* **YfmCut:** don\'t open/close yfm-cut by clicking on the title ([#47](https://github.com/yandex-cloud/yfm-editor/issues/47)) ([1e13715](https://github.com/yandex-cloud/yfm-editor/commit/1e13715a6cc1fff5586d784df4c060a00c3fa0a8))\\n\\n\\n### Bug Fixes\\n\\n* **Placeholder:** show placeholders immediately after initialization ([#45](https://github.com/yandex-cloud/yfm-editor/issues/45)) ([723a79d](https://github.com/yandex-cloud/yfm-editor/commit/723a79d55c486243fa8f47a68f30f7937d3dcaf9))\\n\\n## [3.3.0](https://github.com/yandex-cloud/yfm-editor/compare/v3.2.0...v3.3.0) (2022-11-23)\\n\\n\\n### Features\\n\\n* parse html from the clipboard when pasting ([#40](https://github.com/yandex-cloud/yfm-editor/issues/40)) ([b27e9b8](https://github.com/yandex-cloud/yfm-editor/commit/b27e9b8d59f4d717258c9ebd88f777be861ff1fb))\\n* **YfmNote:** do not fill in the note title when creating a new note ([#41](https://github.com/yandex-cloud/yfm-editor/issues/41)) ([f65b342](https://github.com/yandex-cloud/yfm-editor/commit/f65b3424232629a1c5f56c1818fd62b26f5f4da8))\\n* **YfmTable:** clear selected table cells and delete empty rows or a table when the backspace button is pressed ([d4e1623](https://github.com/yandex-cloud/yfm-editor/commit/d4e1623e9f074523d595eb82729dad4a687e0bda))\\n\\n\\n### Bug Fixes\\n\\n* **core:** escape the pipe symbol during serialization to markdown ([#36](https://github.com/yandex-cloud/yfm-editor/issues/36)) ([f766021](https://github.com/yandex-cloud/yfm-editor/commit/f76602119fffe0d83d1c17b15c438b59a180a327))\\n* re-export MathNode classes ([#38](https://github.com/yandex-cloud/yfm-editor/issues/38)) ([b4ee9b4](https://github.com/yandex-cloud/yfm-editor/commit/b4ee9b4361bddcbe8b6be7031d24d108ef30df60))\\n\\n## [3.2.0](https://github.com/yandex-cloud/yfm-editor/compare/v3.1.0...v3.2.0) (2022-11-10)\\n\\n\\n### Features\\n\\n* add support to linkify urls with custom tlds ([#31](https://github.com/yandex-cloud/yfm-editor/issues/31)) ([1b0d44a](https://github.com/yandex-cloud/yfm-editor/commit/1b0d44a041f3a1854ce25ff54fb77acdd5e893f6))\\n* **Clipboard:** insert markup, html and text of the selected fragment into the clipboard ([#30](https://github.com/yandex-cloud/yfm-editor/issues/30)) ([f438588](https://github.com/yandex-cloud/yfm-editor/commit/f438588ff0394be405db07e73d170112b636f969))\\n* **Clipboard:** smarter copying ([#33](https://github.com/yandex-cloud/yfm-editor/issues/33)) ([a458d46](https://github.com/yandex-cloud/yfm-editor/commit/a458d469bfe7fc254e0954c5ecf244beecc363c1))\\n* **core:** added priority for marks in extension builder ([395f97b](https://github.com/yandex-cloud/yfm-editor/commit/395f97b2951e61524a1633ed79dbac020b958127))\\n* **Link:** when pasting, create a link with the pasted URL and selected text ([#28](https://github.com/yandex-cloud/yfm-editor/issues/28)) ([1230601](https://github.com/yandex-cloud/yfm-editor/commit/1230601a767ad0b0bb586003e9b6cee9ae87a3fa))\\n\\n\\n### Bug Fixes\\n\\n* **Checkbox:** write placeholder content when label constains only whitespace characters ([#32](https://github.com/yandex-cloud/yfm-editor/issues/32)) ([3ded049](https://github.com/yandex-cloud/yfm-editor/commit/3ded049a01b2c042b482e40170b5d3b11a77c421))\\n* **Code:** set lowest priority for inline code mark ([b4f9ae0](https://github.com/yandex-cloud/yfm-editor/commit/b4f9ae0ac0e031c4cc3a53647ad255f8b3a2b43a))\\n\\n## [3.1.0](https://github.com/yandex-cloud/yfm-editor/compare/v3.0.0...v3.1.0) (2022-10-27)\\n\\n\\n### Features\\n\\n* **core:** when appending replace last empty paragraph with new content and add empty paragraph after ([#25](https://github.com/yandex-cloud/yfm-editor/issues/25)) ([a7333ad](https://github.com/yandex-cloud/yfm-editor/commit/a7333ad52cdfdbee9e1b399a75bdb5504a078cf8))\\n* **Lists:** breaking the list when deleting a list item ([#26](https://github.com/yandex-cloud/yfm-editor/issues/26)) ([a5e5362](https://github.com/yandex-cloud/yfm-editor/commit/a5e5362be18056c7297019b390a8b82857cc652a))\\n\\n## [3.0.0](https://github.com/yandex-cloud/yfm-editor/compare/v2.1.0...v3.0.0) (2022-10-14)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* **core:** use one builder for all plug-in extensions\\n\\n### Features\\n\\n* **core:** add context to extension builder ([#22](https://github.com/yandex-cloud/yfm-editor/issues/22)) ([dc66438](https://github.com/yandex-cloud/yfm-editor/commit/dc66438151542a436409253a1f3c8b7776ff693d))\\n* **core:** move plugins sorting to the extension builder ([fcc4d35](https://github.com/yandex-cloud/yfm-editor/commit/fcc4d35c3c9dec80abe5e6c45d21a3d2fce7006c))\\n* **core:** use one builder for all plug-in extensions ([66de15e](https://github.com/yandex-cloud/yfm-editor/commit/66de15edcd73b8c5a07375b31a02ddc875373cfc))\\n* table arrow controls ([3e00e6a](https://github.com/yandex-cloud/yfm-editor/commit/3e00e6aee7a6a1c93ee1ba42963d80605dfd57f6))\\n\\n## [2.1.0](https://github.com/yandex-cloud/yfm-editor/compare/v2.0.0...v2.1.0) (2022-10-05)\\n\\n\\n### Features\\n\\n* added new field for selection interface ([4ccfdaa](https://github.com/yandex-cloud/yfm-editor/commit/4ccfdaa2f5c5f6e27c89d87181f1d6c615888c9c))\\n* **core:** escape corner brackets during serialization ([#17](https://github.com/yandex-cloud/yfm-editor/issues/17)) ([01ad8a8](https://github.com/yandex-cloud/yfm-editor/commit/01ad8a8717e902cbe74e2461b452ef1c94ff8e10))\\n* **toolbar:** add tooltip to list-buttons ([af158ff](https://github.com/yandex-cloud/yfm-editor/commit/af158ffdc75e68d1d993744a790892f09944a184))\\n* **tooltip:** add delay before open and close tooltip ([2c17593](https://github.com/yandex-cloud/yfm-editor/commit/2c17593dd31a3f5d7f5907ab63223216a73bdb85))\\n\\n## [2.0.0](https://github.com/yandex-cloud/yfm-editor/compare/v1.2.0...v2.0.0) (2022-10-04)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update to uikit@3\\n\\n### Features\\n\\n* **Html:** use html sanitizer from yfm-transform ([#14](https://github.com/yandex-cloud/yfm-editor/issues/14)) ([cf8ce23](https://github.com/yandex-cloud/yfm-editor/commit/cf8ce23513a2e3cddbc7321e6b890447c4f3085c))\\n* update to uikit@3 ([bd6c517](https://github.com/yandex-cloud/yfm-editor/commit/bd6c517cf43c12a9c1f6301901f48ad76e528232))\\n\\n## [1.2.0](https://github.com/yandex-cloud/yfm-editor/compare/v1.1.1...v1.2.0) (2022-09-28)\\n\\n\\n### Features\\n\\n* **YfmCut:** move cursor to end of cut\'s title when press backspace in the beginning of its content ([007773a](https://github.com/yandex-cloud/yfm-editor/commit/007773a6e6577bcab4e85a8493c38d7a860a9432))\\n* **YfmCut:** remove cut on press backspace in the beginning of his title ([b715b38](https://github.com/yandex-cloud/yfm-editor/commit/b715b38ef3b2004b735f3d0f0fff898bc578923a))\\n* **YfmNote:** move cursor to end of note\'s title when press backspace in the beginning of its content ([a485fc9](https://github.com/yandex-cloud/yfm-editor/commit/a485fc9298c3a149281b1715d63444f05fd01e33))\\n* **YfmNote:** remove note on press backspace in the beginning of his title ([c1865ed](https://github.com/yandex-cloud/yfm-editor/commit/c1865edd488c70f7effb3c5418c9bf4cd19c4dc7))\\n\\n## [1.1.1](https://github.com/yandex-cloud/yfm-editor/compare/v1.1.0...v1.1.1) (2022-09-26)\\n\\n\\n### Bug Fixes\\n\\n* **Placeholder:** fix display of fake cursor before placeholder ([#8](https://github.com/yandex-cloud/yfm-editor/issues/8)) ([5ffdd35](https://github.com/yandex-cloud/yfm-editor/commit/5ffdd35b144dae2b9bdceb85a9386409e0a8ca9d))\\n\\n## [1.1.0](https://github.com/yandex-cloud/yfm-editor/compare/v1.0.0...v1.1.0) (2022-09-22)\\n\\n\\n### Features\\n\\n* hints ([14360de](https://github.com/yandex-cloud/yfm-editor/commit/14360de3d7dc1b5838649eda3313759a77a36d8e))\\n\\n## 1.0.0 (2022-09-21)\\n\\n\\n### Features\\n\\n* **clipboard:** parse text without processing attributes ([65417b4](https://github.com/yandex-cloud/yfm-editor/commit/65417b4a5a684775ba611e1f8a1e05b4f00edff6))\\n\\n\\n### Bug Fixes\\n\\n* instanceof issue ([cb079db](https://github.com/yandex-cloud/yfm-editor/commit/cb079db91bfe9863e7614df97b1ceff72bc3fe5a))\\n* lint ([3a53e7e](https://github.com/yandex-cloud/yfm-editor/commit/3a53e7eb4e486242112cd8dbd4e5bc5a9cb43d93))\\n","contributors":[{"login":"d3m1d0v","avatarUrl":"https://avatars.githubusercontent.com/u/26671342?v=4","url":"https://github.com/d3m1d0v","contributions":158},{"login":"smsochneg","avatarUrl":"https://avatars.githubusercontent.com/u/15200559?v=4","url":"https://github.com/smsochneg","contributions":50},{"login":"makhnatkin","avatarUrl":"https://avatars.githubusercontent.com/u/1963954?v=4","url":"https://github.com/makhnatkin","contributions":10},{"login":"rusandorx","avatarUrl":"https://avatars.githubusercontent.com/u/53060411?v=4","url":"https://github.com/rusandorx","contributions":6},{"login":"burashka","avatarUrl":"https://avatars.githubusercontent.com/u/2195887?v=4","url":"https://github.com/burashka","contributions":6},{"login":"beliarh","avatarUrl":"https://avatars.githubusercontent.com/u/4661335?v=4","url":"https://github.com/beliarh","contributions":1},{"login":"teleginzhenya","avatarUrl":"https://avatars.githubusercontent.com/u/24455680?v=4","url":"https://github.com/teleginzhenya","contributions":1},{"login":"isqua","avatarUrl":"https://avatars.githubusercontent.com/u/529247?v=4","url":"https://github.com/isqua","contributions":1},{"login":"sofiushko","avatarUrl":"https://avatars.githubusercontent.com/u/5218950?v=4","url":"https://github.com/sofiushko","contributions":1}],"codeOwners":[]},"nodekit":{"stars":5,"version":"1.3.0","lastUpdate":"08.12.2023","license":"MIT License","issues":9,"readme":"# NodeKit\\n\\nNodeKit is a simple toolkit for your Node.js apps, scripts and libraries. It provides functionality for logging, telemetry, configuration and error handling, so you can have familiar foundation in your different projects.\\n\\n## Getting started\\n\\nAdd dependency to your project:\\n\\n```bash\\nnpm install --save @gravity-ui/nodekit\\n```\\n\\nAnd then import and init NodeKit in your application:\\n\\n```typescript\\nimport {NodeKit} from \'@gravity-ui/nodekit\';\\n\\nconst nodeKit = new NodeKit();\\nnodekit.ctx.log(\'App is ready\');\\n```\\n\\n## Documentation\\n\\nSee `docs/` directory for additional documentation:\\n\\n- [`docs/configuration.md`](https://github.com/gravity-ui/nodekit/blob/main/docs/configuration.md) specifies how you can configure both nodekit itself and your nodekit-based applications\\n- [`docs/contexts.md`](https://github.com/gravity-ui/nodekit/blob/main/docs/contexts.md) describes concept of NodeKit contexts, logging and tracing\\n- [`docs/app-error.md`](https://github.com/gravity-ui/nodekit/blob/main/docs/app-error.md) contains description of useful custom error class they NodeKit provides for your applications\\n- [`docs/utils.md`](https://github.com/gravity-ui/nodekit/blob/main/docs/utils.md) lists some additional helper functions that are bundled with NodeKit\\n\\n## Contributing\\n\\n### Getting started\\n\\nGrab a copies of NodeKit repository and example applications:\\n\\n```bash\\ngit clone git@github.com:gravity-ui/nodekit\\ngit clone git@github.com:gravity-ui/nodekit-examples\\n```\\n\\nLink your nodekit to npm and start a compiler:\\n\\n```bash\\ncd nodekit && npm link && npm run dev\\n```\\n\\nThen, in another terminal, go to examples, open the one that you\'re interested in, link your nodekit there, then start the app:\\n\\n```bash\\ncd nodekit-examples/basic-app && npm i && npm link @gravity-ui/nodekit\\nnpm run dev\\n```\\n\\nAt this point you can make changes both to NodeKit and demo app, and see results in real time.\\n","changelog":"# Changelog\\n\\n## [1.3.0](https://github.com/gravity-ui/nodekit/compare/v1.2.1...v1.3.0) (2023-12-08)\\n\\n\\n### Features\\n\\n* add userId context param for legacy compatibility ([#42](https://github.com/gravity-ui/nodekit/issues/42)) ([8edc95a](https://github.com/gravity-ui/nodekit/commit/8edc95aded8fb7a4e96b8924d54c082b33cb3956))\\n* **clickhouse:** make telementry send interval configurable ([#40](https://github.com/gravity-ui/nodekit/issues/40)) ([cd4a9eb](https://github.com/gravity-ui/nodekit/commit/cd4a9ebe649e5a2c35f93b750a967f1f433fe38c))\\n\\n## [1.2.1](https://github.com/gravity-ui/nodekit/compare/v1.2.0...v1.2.1) (2023-09-20)\\n\\n\\n### Bug Fixes\\n\\n* change requestId header name ([#37](https://github.com/gravity-ui/nodekit/issues/37)) ([a9d8173](https://github.com/gravity-ui/nodekit/commit/a9d8173c9000c5a1b490ba5c3de1e1dea208304d))\\n\\n## [1.2.0](https://github.com/gravity-ui/nodekit/compare/v1.1.1...v1.2.0) (2023-09-19)\\n\\n\\n### Features\\n\\n* add requestId to the context ([#35](https://github.com/gravity-ui/nodekit/issues/35)) ([73b93de](https://github.com/gravity-ui/nodekit/commit/73b93de177279811ce424bcdbf8a1928065919cd))\\n\\n## [1.1.1](https://github.com/gravity-ui/nodekit/compare/v1.1.0...v1.1.1) (2023-09-01)\\n\\n\\n### Bug Fixes\\n\\n* **types:** use correct type of isTrueEnvValue ([#33](https://github.com/gravity-ui/nodekit/issues/33)) ([cd2d5e1](https://github.com/gravity-ui/nodekit/commit/cd2d5e1c92c1daaf1b59afab701fce32fbee8362))\\n\\n## [1.1.0](https://github.com/gravity-ui/nodekit/compare/v1.0.0...v1.1.0) (2023-09-01)\\n\\n\\n### Features\\n\\n* **utils:** improve redactSensitiveHeaders types ([#29](https://github.com/gravity-ui/nodekit/issues/29)) ([86763d5](https://github.com/gravity-ui/nodekit/commit/86763d56306068c05c9aa7bcaeca65492fda64b5))\\n\\n\\n### Bug Fixes\\n\\n* **utils:** allow undefined input in isTrueEnvValue ([#32](https://github.com/gravity-ui/nodekit/issues/32)) ([41fb0d4](https://github.com/gravity-ui/nodekit/commit/41fb0d42a65f0f85011c6844a1de50485ccf556d))\\n\\n## [1.0.0](https://github.com/gravity-ui/nodekit/compare/v0.7.0...v1.0.0) (2023-08-31)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* **package:** update axios peer dependency\\n* **loadFileConfigs:** use standard node js algorithm to resolve configs ([#23](https://github.com/gravity-ui/nodekit/issues/23))\\n\\n### chore\\n\\n* **package:** update axios peer dependency ([1a5b307](https://github.com/gravity-ui/nodekit/commit/1a5b307bb70511dae9eab2b064ba7af839db7e52))\\n\\n\\n### Features\\n\\n* **loadFileConfigs:** use standard node js algorithm to resolve configs ([#23](https://github.com/gravity-ui/nodekit/issues/23)) ([75ab0a7](https://github.com/gravity-ui/nodekit/commit/75ab0a7ef3858ef5a27315fdec02779660a69aaa))\\n\\n## [0.7.0](https://github.com/gravity-ui/nodekit/compare/v0.6.0...v0.7.0) (2023-08-31)\\n\\n### Features\\n\\n- **logging:** add option to control logging level ([#25](https://github.com/gravity-ui/nodekit/issues/25)) ([ab52cb0](https://github.com/gravity-ui/nodekit/commit/ab52cb06fc8cc3b4a767a43bfd2333be35df93ea))\\n- **tracing:** allow to pass collector endpoint option to tracing reporter ([#26](https://github.com/gravity-ui/nodekit/issues/26)) ([6798b40](https://github.com/gravity-ui/nodekit/commit/6798b4049e1b8527b3d91f4e9768e9bba303b631))\\n\\n### Bug Fixes\\n\\n- **tracer:** tracer does not have close method if it is not enabled ([#24](https://github.com/gravity-ui/nodekit/issues/24)) ([98c4a96](https://github.com/gravity-ui/nodekit/commit/98c4a9660279c43e7baf6c18c4998ba417bcf5d0))\\n\\n## [0.6.0](https://github.com/gravity-ui/nodekit/compare/v0.5.0...v0.6.0)\\n\\n### Features\\n\\n- **logging:** add logging destination option ([#22](https://github.com/gravity-ui/nodekit/issues/22)) ([833b5b6](https://github.com/gravity-ui/nodekit/commit/833b5b63794d7aaab77a7ce1c4ce6c7d8dc184d9))\\n\\n## [0.5.0](https://github.com/gravity-ui/nodekit/compare/v0.4.0...v0.5.0)\\n\\n### Features\\n\\n- **package:** update axios ([30e5a6a](https://github.com/gravity-ui/nodekit/commit/30e5a6a16516839fde8e2adc7d8665599e625ee0))\\n\\n## [0.4.0](https://github.com/gravity-ui/nodekit/compare/v0.3.0...v0.4.0)\\n\\n### Features\\n\\n- **utils:** add headers redacter ([#18](https://github.com/gravity-ui/nodekit/issues/18)) ([60318bd](https://github.com/gravity-ui/nodekit/commit/60318bdf501441390c7a594ce6f6000955581d6c))\\n\\n## [0.3.0](https://github.com/gravity-ui/nodekit/compare/v0.2.0...v0.3.0)\\n\\n### Features\\n\\n- add dynamic config poller ([b3fab1f](https://github.com/gravity-ui/nodekit/commit/b3fab1fb0dfa441c99a98aaca996bb368d279fe5))\\n\\n### Bug Fixes\\n\\n- improve shutdown handlers ([#13](https://github.com/gravity-ui/nodekit/issues/13)) ([68a9120](https://github.com/gravity-ui/nodekit/commit/68a9120daf7dab90b07a54e28c646a9fb25b9f53))\\n\\n## [0.2.0](https://github.com/gravity-ui/nodekit/compare/v0.1.0...v0.2.0)\\n\\n### Features\\n\\n- add clickhouse telemetry ([#14](https://github.com/gravity-ui/nodekit/pull/14)) ([1913e8c](https://github.com/gravity-ui/nodekit/commit/1913e8c2a7f704d85a7b1fa58ef401d9b6e87ab3))\\n\\n## 0.1.0\\n\\nInitial release.\\n","contributors":[{"login":"resure","avatarUrl":"https://avatars.githubusercontent.com/u/168296?v=4","url":"https://github.com/resure","contributions":18},{"login":"melikhov-dev","avatarUrl":"https://avatars.githubusercontent.com/u/1742586?v=4","url":"https://github.com/melikhov-dev","contributions":8},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":6},{"login":"jhoncool","avatarUrl":"https://avatars.githubusercontent.com/u/11226935?v=4","url":"https://github.com/jhoncool","contributions":3},{"login":"ma-efremoff","avatarUrl":"https://avatars.githubusercontent.com/u/64027148?v=4","url":"https://github.com/ma-efremoff","contributions":2},{"login":"goshander","avatarUrl":"https://avatars.githubusercontent.com/u/5037509?v=4","url":"https://github.com/goshander","contributions":1},{"login":"main-kun","avatarUrl":"https://avatars.githubusercontent.com/u/13281662?v=4","url":"https://github.com/main-kun","contributions":1},{"login":"SkiffCMC","avatarUrl":"https://avatars.githubusercontent.com/u/36820240?v=4","url":"https://github.com/SkiffCMC","contributions":1},{"login":"aapolkovsky","avatarUrl":"https://avatars.githubusercontent.com/u/22380490?v=4","url":"https://github.com/aapolkovsky","contributions":1},{"login":"kseniya57","avatarUrl":"https://avatars.githubusercontent.com/u/31247233?v=4","url":"https://github.com/kseniya57","contributions":1}],"codeOwners":[{"pattern":"*","owners":["resure"]}]},"expresskit":{"stars":4,"version":"1.3.0","lastUpdate":"04.07.2024","license":"MIT License","issues":5,"readme":"# ExpressKit (work in progress)\\n\\nExpressKit is a lightweight [express.js](https://expressjs.com/) wrapper that integrates with [NodeKit](https://github.com/gravity-ui/nodekit) and provides some useful features like request logging, tracing support, async controllers & middleware and verbose routes description.\\n\\nInstallation:\\n\\n```bash\\nnpm install --save @gravity-ui/nodekit @gravity-ui/expresskit\\n```\\n\\nBasic usage:\\n\\n```typescript\\nimport {ExpressKit} from \'@gravity-ui/expresskit\';\\nimport {NodeKit} from \'@gravity-ui/nodekit\';\\n\\nconst nodekit = new NodeKit();\\n\\nconst app = new ExpressKit(nodekit, {\\n  \'GET /\': (req, res) => {\\n    res.send(\'Hello World!\');\\n  },\\n});\\n\\napp.run();\\n```\\n\\nMore complex examples and documentation are coming.\\n\\n## CSP\\n\\n`config.ts`\\n\\n```typescript\\nimport type {AppConfig} from \'@gravity-ui/nodekit\';\\nimport {csp} from \'@gravity-ui/expresskit\';\\n\\nconst config: Partial<AppConfig> = {\\n    expressCspEnable: true,\\n    expressCspPresets: ({getDefaultPresets}) => {\\n        return getDefaultPresets({defaultNone: true}).concat([\\n            csp.inline(),\\n            {csp.directives.REPORT_TO: \'my-report-group\'},\\n        ]);\\n    },\\n    expressCspReportTo: [\\n        {\\n            group: \'my-report-group\',\\n            max_age: 30 * 60,\\n            endpoints: [{ url: \'https://cspreport.com/send\'}],\\n            include_subdomains: true,\\n        }\\n    ]\\n}\\n\\nexport default config;\\n```\\n","changelog":"# Changelog\\n\\n## [1.3.0](https://github.com/gravity-ui/expresskit/compare/v1.2.1...v1.3.0) (2024-07-04)\\n\\n\\n### Features\\n\\n* add express cookie secret as array for rotation ([#38](https://github.com/gravity-ui/expresskit/issues/38)) ([df34df1](https://github.com/gravity-ui/expresskit/commit/df34df1298e2cd97ad6c758f9975b0db7e3f012f))\\n\\n## [1.2.1](https://github.com/gravity-ui/expresskit/compare/v1.2.0...v1.2.1) (2024-02-02)\\n\\n\\n### Bug Fixes\\n\\n* **sensitive-tokens:** hide sensitive tokens on \'Request starter\' log ([#31](https://github.com/gravity-ui/expresskit/issues/31)) ([860da65](https://github.com/gravity-ui/expresskit/commit/860da6530beeb158fafcee6b7e2fdbb3aa2b0fb9))\\n\\n## [1.2.0](https://github.com/gravity-ui/expresskit/compare/v1.1.2...v1.2.0) (2023-10-18)\\n\\n\\n### Features\\n\\n* add CSP support ([#29](https://github.com/gravity-ui/expresskit/issues/29)) ([85e2a92](https://github.com/gravity-ui/expresskit/commit/85e2a929a9c1d80d5cc6e213002207244225a085)), closes [#9](https://github.com/gravity-ui/expresskit/issues/9)\\n* use REQUEST_ID_PARAM_NAME ([#27](https://github.com/gravity-ui/expresskit/issues/27)) ([fe0014d](https://github.com/gravity-ui/expresskit/commit/fe0014d46abd196e6953d2a05f756acf6b5b24bc))\\n\\n\\n### Bug Fixes\\n\\n* prevent socket unlinking in worker threads ([#30](https://github.com/gravity-ui/expresskit/issues/30)) ([c27fdd8](https://github.com/gravity-ui/expresskit/commit/c27fdd85a9267cde2468d966bbdab54d0caa904e))\\n\\n## [1.1.2](https://github.com/gravity-ui/expresskit/compare/v1.1.1...v1.1.2) (2023-09-14)\\n\\n\\n### Bug Fixes\\n\\n* socket file cleaner ([#25](https://github.com/gravity-ui/expresskit/issues/25)) ([bce6c1a](https://github.com/gravity-ui/expresskit/commit/bce6c1ad744c977ab6cfd2f9431ab24df9574f4b))\\n\\n## [1.1.1](https://github.com/gravity-ui/expresskit/compare/v1.1.0...v1.1.1) (2023-09-14)\\n\\n\\n### Bug Fixes\\n\\n* **socket:** only delete socket if current process is primary one ([#23](https://github.com/gravity-ui/expresskit/issues/23)) ([592a048](https://github.com/gravity-ui/expresskit/commit/592a0486008cb74dafcb3a88c84c5b286d814a2a))\\n\\n## [1.1.0](https://github.com/gravity-ui/expresskit/compare/v1.0.0...v1.1.0) (2023-09-07)\\n\\n\\n### Features\\n\\n* **body-parsers:** increase default limits, add option for extended error info ([#21](https://github.com/gravity-ui/expresskit/issues/21)) ([79b1bc6](https://github.com/gravity-ui/expresskit/commit/79b1bc606c9080a641375d8c9403b08f913b8b56))\\n\\n## [1.0.0](https://github.com/gravity-ui/expresskit/compare/v0.5.0...v1.0.0) (2023-08-31)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* **package:** move nodekit to peer dependencies ([#18](https://github.com/gravity-ui/expresskit/issues/18))\\n\\n### chore\\n\\n* **package:** move nodekit to peer dependencies ([#18](https://github.com/gravity-ui/expresskit/issues/18)) ([f74f0f3](https://github.com/gravity-ui/expresskit/commit/f74f0f3acf0e31a71fbcf8cb75518300416e5dbe))\\n\\n## [0.5.0](https://github.com/gravity-ui/expresskit/compare/v0.4.1...v0.5.0) (2023-08-28)\\n\\n### Features\\n\\n* **router:** allow connecting user router via mount route ([#15](https://github.com/gravity-ui/expresskit/issues/15)) ([aded6ed](https://github.com/gravity-ui/expresskit/commit/aded6edbd46ed97dcd12950e02e08768c45697a9))\\n\\n## [0.4.1](https://github.com/gravity-ui/expresskit/compare/v0.4.0...v0.4.1)\\n\\n### Bug Fixes\\n\\n- **router:** fix route auth handler\\n\\n## [0.4.0](https://github.com/gravity-ui/expresskit/compare/v0.3.0...v0.4.0)\\n\\n### Features\\n\\n* export types AppErrorHandler, NextFunction ([#12](https://github.com/gravity-ui/expresskit/issues/12))\\n\\n## [0.3.0](https://github.com/gravity-ui/expresskit/compare/v0.2.0...v0.3.0)\\n\\n### Bug Fixes\\n\\n* move cookie-parser from dev to production deps ([#8](https://github.com/gravity-ui/expresskit/issues/8))\\n\\n## [0.2.0](https://github.com/gravity-ui/expresskit/compare/v0.1.0...v0.2.0)\\n\\n### Features\\n\\n* add AppConfig.telemetryChEnableSelfStats ([#7](https://github.com/gravity-ui/expresskit/issues/7))\\n\\n## [0.1.2](https://github.com/gravity-ui/expresskit/compare/v0.1.1...v0.1.2)\\n\\n### Features\\n\\n* expand express Request type ([#6](https://github.com/gravity-ui/expresskit/issues/6))\\n\\n## [0.1.1](https://github.com/gravity-ui/expresskit/compare/v0.1.0...v0.1.1)\\n\\n### Features\\n\\n* export Request and Response types ([#4](https://github.com/gravity-ui/expresskit/issues/4))\\n\\n### Bug Fixes\\n\\n* remove beforeAuth & afterAuth from routeInfo\\n* replace authPolicyMiddleware with routeInfoMiddleware ([#5](https://github.com/gravity-ui/expresskit/issues/5))\\n* minor fixes for sockets and routing ([#1](https://github.com/gravity-ui/expresskit/issues/1))\\n\\n## 0.1.0\\n\\nInitial release.\\n","contributors":[{"login":"resure","avatarUrl":"https://avatars.githubusercontent.com/u/168296?v=4","url":"https://github.com/resure","contributions":19},{"login":"ma-efremoff","avatarUrl":"https://avatars.githubusercontent.com/u/64027148?v=4","url":"https://github.com/ma-efremoff","contributions":5},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":4},{"login":"jhoncool","avatarUrl":"https://avatars.githubusercontent.com/u/11226935?v=4","url":"https://github.com/jhoncool","contributions":4},{"login":"melikhov-dev","avatarUrl":"https://avatars.githubusercontent.com/u/1742586?v=4","url":"https://github.com/melikhov-dev","contributions":2},{"login":"beliarh","avatarUrl":"https://avatars.githubusercontent.com/u/4661335?v=4","url":"https://github.com/beliarh","contributions":1},{"login":"goshander","avatarUrl":"https://avatars.githubusercontent.com/u/5037509?v=4","url":"https://github.com/goshander","contributions":1},{"login":"joshuan","avatarUrl":"https://avatars.githubusercontent.com/u/2090702?v=4","url":"https://github.com/joshuan","contributions":1},{"login":"imsitnikov","avatarUrl":"https://avatars.githubusercontent.com/u/29424746?v=4","url":"https://github.com/imsitnikov","contributions":1}],"codeOwners":[{"pattern":"*","owners":["resure"]}]},"app-layout":{"stars":1,"version":"2.0.1","lastUpdate":"09.04.2024","license":"MIT License","issues":0,"readme":"# @gravity-ui/app-layout &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/app-layout)](https://www.npmjs.com/package/@gravity-ui/app-layout) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/app-layout/.github/workflows/ci.yml?label=CI&logo=github)](https://github.com/gravity-ui/app-layout/actions/workflows/ci.yml?query=branch:main)\\n\\n## Install\\n\\n```shell\\nnpm install --save-dev @gravity-ui/app-layout\\n```\\n\\n## Usage\\n\\nWith `express`:\\n\\n```js\\nimport express from \'express\';\\nimport {createRenderFunction} from \'@gravity-ui/app-layout\';\\n\\nconst app = express();\\n\\nconst renderLayout = createRenderFunction();\\n\\napp.get(\'/\', function (req, res) {\\n  res.send(\\n    renderLayout({\\n      // RenderParams\\n      title: \'Home page\',\\n      bodyContent: {\\n        root: \'Hello world!\',\\n      },\\n    }),\\n  );\\n});\\n\\napp.listen(3000);\\n```\\n\\nwhere\\n\\n```typescript\\ninterface RenderParams<Data, Plugins> {\\n  // Any json compatible data, will be set to window.__DATA__ on the page\\n  data?: Data;\\n  // favicon\\n  icon?: Icon;\\n  // nonce to be set on the appropriate tags\\n  nonce?: string;\\n\\n  // common options\\n  // Page title\\n  title: string;\\n  // language of page, will be set to html tag\\n  lang?: string;\\n  isMobile?: boolean;\\n\\n  // html attributes\\n  htmlAttributes?: string;\\n  // header tag content\\n  // meta tags\\n  meta?: Meta[];\\n  // link tags\\n  links?: Link[];\\n  // script tags\\n  scripts?: Script[];\\n  // style tags\\n  styleSheets?: Stylesheet[];\\n  // script tags with inlined code\\n  inlineScripts?: string[];\\n  // style tags with inlined styles\\n  inlineStyleSheets?: string[];\\n\\n  // content of body tag\\n  bodyContent?: {\\n    // class name for body tag\\n    className?: string;\\n    // body attributes\\n    attributes?: string;\\n    // body content before div tag with id root\\n    beforeRoot?: string;\\n    // innerHtml content of div tag with id root\\n    root?: string;\\n    // body content after div tag with id root\\n    afterRoot?: string;\\n  };\\n  // plugins options\\n  pluginsOptions?: Partial<PluginsOptions<Plugins>>;\\n}\\n```\\n\\n### Meta\\n\\nDescribes `meta` tag:\\n\\n```typescript\\ninterface Meta {\\n  name: string;\\n  content: string;\\n}\\n```\\n\\nExample:\\n\\n```js\\nconst meta = [\\n  {name: \'description\', content: \'some text\'},\\n  {name: \'robots\', content: \'noindex\'},\\n  {name: \'og:title\', content: \'Some title\'},\\n];\\n```\\n\\nWill be rendered as:\\n\\n```html\\n<meta name=\\"description\\" content=\\"some text\\" />\\n<meta name=\\"robots\\" content=\\"noindex\\" />\\n<meta property=\\"og:title\\" content=\\"Some title\\" />\\n```\\n\\n### Icon\\n\\nDescribes page favicon:\\n\\n```typescript\\ninterface Icon {\\n  type?: string;\\n  sizes?: string;\\n  href?: string;\\n}\\n```\\n\\nDefault value is:\\n\\n```js\\nconst icon = {\\n  type: \'image/png\',\\n  sizes: \'16x16\',\\n  href: \'/favicon.png\',\\n};\\n```\\n\\n### Links\\n\\nDescribes `link` tag:\\n\\n```typescript\\ninterface Link {\\n  as?: string;\\n  href: string;\\n  rel?: string;\\n  type?: string;\\n  sizes?: string;\\n  title?: HTMLLinkElement[\'title\'];\\n  crossOrigin?: \'\' | \'anonymous\' | \'use-credentials\';\\n}\\n```\\n\\nExample:\\n\\n```js\\nconst link = {\\n  href: \'myFont.woff2\',\\n  rel: \'preload\',\\n  as: \'font\',\\n  type: \'font/woff2\',\\n  crossOrigin: \'anonymous\',\\n};\\n```\\n\\nwill be rendered as:\\n\\n```html\\n<link href=\\"myFont.woff2\\" rel=\\"preload\\" as=\\"font\\" type=\\"font/woff2\\" crossorigin=\\"anonymous\\" />\\n```\\n\\n### Scripts\\n\\nDescribes link to script with preload:\\n\\n```typescript\\ninterface Script {\\n  src: string;\\n  defer?: boolean;\\n  async?: boolean;\\n  crossOrigin?: \'\' | \'anonymous\' | \'use-credentials\';\\n  type?: \'importmap\' | \'module\' | string;\\n}\\n```\\n\\nExample:\\n\\n```js\\nconst script = {\\n  src: \'url/to/script\',\\n  defer: true,\\n  async: false,\\n  crossOrigin: \'anonymous\',\\n};\\n```\\n\\nwill be rendered as:\\n\\n```html\\n<link href=\\"url/to/script\\" rel=\\"preload\\" as=\\"script\\" crossorigin=\\"anonymous\\" />\\n\\n<script src=\\"url/to/script\\" defer=\\"true\\" async=\\"false\\" crossorigin=\\"anonymous\\" nonce=\\"...\\"></script>\\n```\\n\\n#### Style sheets\\n\\nDescribe link to styles:\\n\\n```typescript\\ninterface Stylesheet {\\n  href: string;\\n}\\n```\\n\\nExample:\\n\\n```js\\nconst styleSheet = {\\n  href: \'url/to/stylesheet\',\\n};\\n```\\n\\nwill be rendered as:\\n\\n```html\\n<link href=\\"url/to/stylesheet\\" rel=\\"stylesheet\\" />\\n```\\n\\n## Plugins\\n\\nRender function can be extended by plugins. Plugin may rewrite user defined render content.\\nPlugin is an object with `name` and `apply` properties:\\n\\n```typescript\\ninterface Plugin<Options = any, Name = string> {\\n  name: Name;\\n  apply: (params: {\\n    options: Options | undefined; // passed through `renderLayout` function in `pluginsOptions` parameter.\\n    commonOptions: CommonOptions;\\n    renderContent: RenderContent;\\n    /** @deprecated use `renderContent.helpers` instead */\\n    utils: RenderHelpers;\\n  }) => void;\\n}\\n\\ninterface CommonOptions {\\n  name: string;\\n  title: string;\\n  lang?: string;\\n  isMobile?: boolean;\\n}\\n\\nexport interface HeadContent {\\n  scripts: Script[];\\n  helpers: RenderHelpers;\\n  links: Link[];\\n  meta: Meta[];\\n  styleSheets: Stylesheet[];\\n  inlineStyleSheets: string[];\\n  inlineScripts: string[];\\n  title: string;\\n}\\n\\nexport interface BodyContent {\\n  attributes: Attributes;\\n  beforeRoot: string[];\\n  root?: string;\\n  afterRoot: string[];\\n}\\n\\nexport interface RenderContent extends HeadContent {\\n  htmlAttributes: Attributes;\\n  bodyContent: BodyContent;\\n}\\n\\nexport interface RenderHelpers {\\n  renderScript(script: Script): string;\\n  renderInlineScript(content: string): string;\\n  renderStyle(style: Stylesheet): string;\\n  renderInlineStyle(content: string): string;\\n  renderMeta(meta: Meta): string;\\n  renderLink(link: Link): string;\\n  attrs(obj: Attributes): string;\\n}\\n```\\n\\nThere are some plugins in this package:\\n\\n### Google analytics\\n\\nAdds google analytics counter on the page.\\n\\nUsage:\\n\\n```js\\nimport {createRenderFunction, createGoogleAnalyticsPlugin} from \'@gravity-ui/app-layout\';\\n\\nconst renderLayout = createRenderFunction([createGoogleAnalyticsPlugin()]);\\n\\napp.get((req, res) => {\\n  res.send(\\n    renderLayout({\\n      title: \'Home page\',\\n      pluginsOptions: {\\n        googleAnalytics: {\\n          useBeaconTransport: true, // enables use of navigator.sendBeacon\\n          counter: {\\n            id: \'some id\',\\n          },\\n        },\\n      },\\n    }),\\n  );\\n});\\n```\\n\\nPlugin options:\\n\\n```typescript\\ninterface GoogleAnalyticsCounter {\\n  id: string;\\n}\\n\\ninterface GoogleAnalyticsOptions {\\n  useBeaconTransport?: boolean;\\n  counter: GoogleAnalyticsCounter;\\n}\\n```\\n\\n### Yandex Metrika\\n\\nAdds Yandex metrics counters on the page.\\n\\nUsage:\\n\\n```js\\nimport {createRenderFunction, createYandexMetrikaPlugin} from \'@gravity-ui/app-layout\';\\n\\nconst renderLayout = createRenderFunction([createYandexMetrikaPlugin()]);\\n\\napp.get((req, res) => {\\n  res.send(\\n    renderLayout({\\n      title: \'Home page\',\\n      pluginsOptions: {\\n        yandexMetrika: {\\n          counter: {\\n            id: 123123123,\\n            defer: true,\\n            clickmap: true,\\n            trackLinks: true,\\n            accurateTrackBounce: true,\\n          },\\n        },\\n      },\\n    }),\\n  );\\n});\\n```\\n\\nPlugin options:\\n\\n```typescript\\nexport type UserParams = {\\n  [x: string]: boolean | string | number | null | UserParams;\\n};\\n\\nexport interface MetrikaCounter {\\n  id: number;\\n  defer: boolean;\\n  clickmap: boolean;\\n  trackLinks: boolean;\\n  accurateTrackBounce: boolean | number;\\n  webvisor?: boolean;\\n  nonce?: string;\\n  encryptedExperiments?: string;\\n  triggerEvent?: boolean;\\n  trackHash?: boolean;\\n  ecommerce?: boolean | string;\\n  type?: number;\\n  userParams?: UserParams;\\n}\\n\\nexport type MetrikaOptions = {\\n  src?: string;\\n  counter: MetrikaCounter | MetrikaCounter[];\\n};\\n```\\n\\n### Layout\\n\\nAdds script and styles from webpack assets manifest file.\\n\\nUsage:\\n\\n```js\\nimport {createRenderFunction, createLayoutPlugin} from \'@gravity-ui/app-layout\';\\n\\nconst renderLayout = createRenderFunction([\\n  createLayoutPlugin({manifest: \'path/to/assets-manifest.json\', publicPath: \'/build/\'}),\\n]);\\n\\napp.get((req, res) => {\\n  res.send(\\n    renderLayout({\\n      title: \'Home page\',\\n      pluginsOptions: {\\n        layout: {\\n          name: \'home\',\\n        },\\n      },\\n    }),\\n  );\\n});\\n```\\n\\nPlugin options:\\n\\n```typescript\\nexport interface LayoutOptions {\\n  name: string;\\n  prefix?: string;\\n}\\n```\\n\\n### @gravity-ui/uikit\\n\\nAdds body attributes.\\n\\nUsage:\\n\\n```js\\nimport {createRenderFunction, createUikitPlugin} from \'@gravity-ui/app-layout\';\\n\\nconst renderLayout = createRenderFunction([createUikitPlugin()]);\\n\\napp.get((req, res) => {\\n  res.send(\\n    renderLayout({\\n      title: \'Home page\',\\n      pluginsOptions: {\\n        uikit: {\\n          theme: \'dark\',\\n          direction: \'ltr\',\\n        },\\n      },\\n    }),\\n  );\\n});\\n```\\n\\nPlugin options:\\n\\n```typescript\\ninterface UikitPluginOptions {\\n  theme: string;\\n  direction?: \'ltr\' | \'rtl\';\\n}\\n```\\n\\n### Helpers\\n\\nThere is helper to create all plugins:\\n\\n```js\\nimport {createMiddleware, createDefaultPlugins} from \'@gravity-ui/app-layout\';\\n\\nconst renderLayout = createRenderFunction(\\n    createDefaultPlugins({layout: {manifest: \'path/to/assets-manifest.json\'}})\\n);\\n\\napp.get((req, res) => {\\n    res.send(renderLayout({\\n        title: \'Home page\',\\n        pluginsOptions: {\\n            layout: {\\n                name: \'home\'\\n            },\\n            googleAnalytics: {\\n                counter: {...}\\n            },\\n            yandexMetrika: {\\n                counter: {...}\\n            },\\n        },\\n    }));\\n})\\n```\\n\\n## Alternative usage\\n\\nWith parts renderers `generateRenderContent`, `renderHeadContent`, `renderBodyContent` via html streaming:\\n\\n```js\\nimport express from \'express\';\\nimport htmlescape from \'htmlescape\';\\nimport {\\n  generateRenderContent,\\n  renderHeadContent,\\n  renderBodyContent,\\n  createDefaultPlugins,\\n} from \'@gravity-ui/app-layout\';\\n\\nconst app = express();\\n\\napp.get(\'/\', async function (req, res) {\\n  res.writeHead(200, {\\n    \'Content-Type\': \'text/html\',\\n    \'Transfer-Encoding\': \'chunked\',\\n  });\\n\\n  const plugins = createDefaultPlugins({layout: {manifest: \'path/to/assets-manifest.json\'}});\\n\\n  const content = generateRenderContent(plugins, {\\n    title: \'Home page\',\\n  });\\n\\n  const {htmlAttributes, helpers, bodyContent} = content;\\n\\n  res.write(`\\n        <!DOCTYPE html>\\n        <html ${helpers.attrs({...htmlAttributes})}>\\n        <head>\\n            ${renderHeadContent(content)}\\n        </head>\\n        <body ${helpers.attrs(bodyContent.attributes)}>\\n            ${renderBodyContent(content)}\\n    `);\\n\\n  const data = await getUserData();\\n\\n  res.write(`\\n            ${content.renderHelpers.renderInlineScript(`\\n                window.__DATA__ = ${htmlescape(data)};\\n            `)}\\n        </body>\\n        </html>\\n    `);\\n  res.end();\\n});\\n\\napp.listen(3000);\\n```\\n","changelog":"# Changelog\\n\\n## [2.0.1](https://github.com/gravity-ui/app-layout/compare/v2.0.0...v2.0.1) (2024-04-09)\\n\\n\\n### Bug Fixes\\n\\n* do not modify input params ([#44](https://github.com/gravity-ui/app-layout/issues/44)) ([793bfd0](https://github.com/gravity-ui/app-layout/commit/793bfd0336600fbe296084f3241466be87228a4c))\\n\\n## [2.0.0](https://github.com/gravity-ui/app-layout/compare/v1.8.0...v2.0.0) (2024-03-20)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* add uikit plugin instead of theme render param ([#43](https://github.com/gravity-ui/app-layout/issues/43))\\n* add htmlAttributes and bodyContent.attributes render params ([#41](https://github.com/gravity-ui/app-layout/issues/41))\\n\\n### Features\\n\\n* add htmlAttributes and bodyContent.attributes render params ([#41](https://github.com/gravity-ui/app-layout/issues/41)) ([f99b4ff](https://github.com/gravity-ui/app-layout/commit/f99b4ff4492a7bb85f94bbf39fa92b691d18fdc7))\\n* add uikit plugin instead of theme render param ([#43](https://github.com/gravity-ui/app-layout/issues/43)) ([329892c](https://github.com/gravity-ui/app-layout/commit/329892cd5fa004afdfc0745e17cdc1f91a343fe5))\\n* **LayoutPlugin:** allow to pass manifest content to plugin, read manifest file on initialization ([#40](https://github.com/gravity-ui/app-layout/issues/40)) ([d2465b0](https://github.com/gravity-ui/app-layout/commit/d2465b0e3d4a9fabe8fdb4eaa0f0f4ab090c5982))\\n\\n## [1.8.0](https://github.com/gravity-ui/app-layout/compare/v1.7.1...v1.8.0) (2024-03-19)\\n\\n\\n### Features\\n\\n* export html parts renderers ([#38](https://github.com/gravity-ui/app-layout/issues/38)) ([f5fee5e](https://github.com/gravity-ui/app-layout/commit/f5fee5ef2fa513d7e7742d61b6f374ed2154e1c7))\\n\\n## [1.7.1](https://github.com/gravity-ui/app-layout/compare/v1.7.0...v1.7.1) (2024-02-27)\\n\\n\\n### Bug Fixes\\n\\n* overriding existing default meta ([#36](https://github.com/gravity-ui/app-layout/issues/36)) ([e68011e](https://github.com/gravity-ui/app-layout/commit/e68011eac80d9bbd023382593ba04e4aa4305c2d))\\n\\n## [1.7.0](https://github.com/gravity-ui/app-layout/compare/v1.6.0...v1.7.0) (2024-02-12)\\n\\n\\n### Features\\n\\n* dynamic manifest path in layout plugin ([#33](https://github.com/gravity-ui/app-layout/issues/33)) ([f3c5b97](https://github.com/gravity-ui/app-layout/commit/f3c5b97893147c5fa7a6a1b47189f54dd65d2391))\\n\\n## [1.6.0](https://github.com/gravity-ui/app-layout/compare/v1.5.0...v1.6.0) (2024-01-30)\\n\\n\\n### Features\\n\\n* add type attribute to renderScript helper ([#30](https://github.com/gravity-ui/app-layout/issues/30)) ([18b0bd2](https://github.com/gravity-ui/app-layout/commit/18b0bd20013899cd67ea1bfeb1d06929b40939e8))\\n\\n## [1.5.0](https://github.com/gravity-ui/app-layout/compare/v1.4.1...v1.5.0) (2024-01-12)\\n\\n\\n### Features\\n\\n* calculate initial body classes in @gravity-ui/uikit notation if… ([#28](https://github.com/gravity-ui/app-layout/issues/28)) ([4e3f89f](https://github.com/gravity-ui/app-layout/commit/4e3f89fd6fbf2c0a1266b83e99f676fae6f3c180))\\n\\n## [1.4.1](https://github.com/gravity-ui/app-layout/compare/v1.4.0...v1.4.1) (2023-11-23)\\n\\n\\n### Bug Fixes\\n\\n* SyntaxError: Unexpected identifier \'userParams\' ([#26](https://github.com/gravity-ui/app-layout/issues/26)) ([d6234a9](https://github.com/gravity-ui/app-layout/commit/d6234a9cc79de67a12678b4fd2c209f2ca0f36b6))\\n\\n## [1.4.0](https://github.com/gravity-ui/app-layout/compare/v1.3.0...v1.4.0) (2023-11-15)\\n\\n\\n### Features\\n\\n* add userParams prop in yaMetrika init ([#24](https://github.com/gravity-ui/app-layout/issues/24)) ([be125b1](https://github.com/gravity-ui/app-layout/commit/be125b1453b0855f745de68ae548753c6b338ee0))\\n\\n## [1.3.0](https://github.com/gravity-ui/app-layout/compare/v1.2.0...v1.3.0) (2023-09-15)\\n\\n\\n### Features\\n\\n* add function to get generated content for render an HTML page ([#21](https://github.com/gravity-ui/app-layout/issues/21)) ([5e8cfa3](https://github.com/gravity-ui/app-layout/commit/5e8cfa39804bd5c7d0d35c3926d65360f075c483))\\n\\n\\n### Bug Fixes\\n\\n* do not render metrika for empty array ([#13](https://github.com/gravity-ui/app-layout/issues/13)) ([5d255c8](https://github.com/gravity-ui/app-layout/commit/5d255c8073ad5621dc4f9adb4072c6118d5b8f0d))\\n* **metrika:** only counter id is required ([#20](https://github.com/gravity-ui/app-layout/issues/20)) ([65f4328](https://github.com/gravity-ui/app-layout/commit/65f4328fd5a13683f8a542b8b935c549202a9599))\\n* render empty root content if bodyContent.root is not set ([#18](https://github.com/gravity-ui/app-layout/issues/18)) ([1db127a](https://github.com/gravity-ui/app-layout/commit/1db127a35b4116e46ded8ba909436e8644a6e128))\\n\\n## [1.2.0](https://github.com/gravity-ui/app-layout/compare/v1.1.3...v1.2.0) (2023-03-07)\\n\\n\\n### Features\\n\\n* add `&lt;html&gt;` attributes override support ([#10](https://github.com/gravity-ui/app-layout/issues/10)) ([4275f73](https://github.com/gravity-ui/app-layout/commit/4275f7300a5209f24f797b9661f5377b2417decf))\\n\\n## [1.1.3](https://github.com/gravity-ui/app-layout/compare/v1.1.2...v1.1.3) (2022-12-13)\\n\\n\\n### Bug Fixes\\n\\n* add nonce for preload link for scripts ([#8](https://github.com/gravity-ui/app-layout/issues/8)) ([75274b0](https://github.com/gravity-ui/app-layout/commit/75274b0f63e590fe6bde64a807141568fd3fff87))\\n\\n## [1.1.2](https://github.com/gravity-ui/app-layout/compare/v1.1.1...v1.1.2) (2022-11-11)\\n\\n\\n### Bug Fixes\\n\\n* add hreflang to Link type ([#6](https://github.com/gravity-ui/app-layout/issues/6)) ([da68569](https://github.com/gravity-ui/app-layout/commit/da685696bfcf75b01a4835ffe88d199de373adb1))\\n\\n## [1.1.1](https://github.com/gravity-ui/app-layout/compare/v1.1.0...v1.1.1) (2022-10-25)\\n\\n\\n### Bug Fixes\\n\\n* make bodyContent optional ([8a60c5d](https://github.com/gravity-ui/app-layout/commit/8a60c5dd90de98ca425ced04abcf27e42a1b8a3e))\\n\\n## [1.1.0](https://github.com/gravity-ui/app-layout/compare/v1.0.1...v1.1.0) (2022-10-25)\\n\\n\\n### Features\\n\\n* add default consent to GA ([cba6e51](https://github.com/gravity-ui/app-layout/commit/cba6e5187eedcc57ea38b8709c4c86d7f709eee7))\\n\\n## [1.0.1](https://github.com/gravity-ui/app-layout/compare/v1.0.0...v1.0.1) (2022-10-25)\\n\\n\\n### Bug Fixes\\n\\n* export plugins options types ([e9e449d](https://github.com/gravity-ui/app-layout/commit/e9e449da277a25a0c360620be0da542e48bc2e5f))\\n\\n## 1.0.0 (2022-10-25)\\n\\n\\n### Features\\n\\n* pass plugins to createRcreateRenderFunction, infer plugins options types from params ([d0a4cc9](https://github.com/gravity-ui/app-layout/commit/d0a4cc91770e5a8a6d0c5b3680c935b9f9f04939))\\n\\n\\n### Bug Fixes\\n\\n* readme ([125db0a](https://github.com/gravity-ui/app-layout/commit/125db0a2382586a7791e86d98c8a2046a1e9f060))\\n\\n\\n### chore\\n\\n* **main:** release 1.0.0 ([cf76c67](https://github.com/gravity-ui/app-layout/commit/cf76c6746fcc26a06e05068de3a62b4c97701590))\\n","contributors":[{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":24},{"login":"ogonkov","avatarUrl":"https://avatars.githubusercontent.com/u/1091927?v=4","url":"https://github.com/ogonkov","contributions":3},{"login":"jhoncool","avatarUrl":"https://avatars.githubusercontent.com/u/11226935?v=4","url":"https://github.com/jhoncool","contributions":1},{"login":"Raubzeug","avatarUrl":"https://avatars.githubusercontent.com/u/42094364?v=4","url":"https://github.com/Raubzeug","contributions":1},{"login":"Kyzyl-ool","avatarUrl":"https://avatars.githubusercontent.com/u/30153778?v=4","url":"https://github.com/Kyzyl-ool","contributions":1},{"login":"Lunatic174","avatarUrl":"https://avatars.githubusercontent.com/u/10085601?v=4","url":"https://github.com/Lunatic174","contributions":1},{"login":"diadorer","avatarUrl":"https://avatars.githubusercontent.com/u/33423367?v=4","url":"https://github.com/diadorer","contributions":1},{"login":"NikitaCG","avatarUrl":"https://avatars.githubusercontent.com/u/36075690?v=4","url":"https://github.com/NikitaCG","contributions":1},{"login":"Volodomor","avatarUrl":"https://avatars.githubusercontent.com/u/29760501?v=4","url":"https://github.com/Volodomor","contributions":1},{"login":"dgaponov","avatarUrl":"https://avatars.githubusercontent.com/u/13693437?v=4","url":"https://github.com/dgaponov","contributions":1},{"login":"sofiushko","avatarUrl":"https://avatars.githubusercontent.com/u/5218950?v=4","url":"https://github.com/sofiushko","contributions":1}],"codeOwners":[]},"navigation":{"stars":21,"version":"2.16.0","lastUpdate":"27.06.2024","license":"MIT License","issues":6,"readme":"# @gravity-ui/navigation &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/navigation)](https://www.npmjs.com/package/@gravity-ui/navigation) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/navigation/.github/workflows/ci.yml?branch=main&label=CI&logo=github)](https://github.com/gravity-ui/navigation/actions/workflows/ci.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.yandexcloud.dev/navigation/)\\n\\n### Aside Header Navigation &middot; [Preview →](https://preview.yandexcloud.dev/navigation/)\\n\\n![](docs/images/showcase.png)\\n\\n## Install\\n\\n```bash\\nnpm install @gravity-ui/navigation\\n```\\n\\nEnsure that peer dependencies are installed in your project\\n\\n```bash\\nnpm install --dev @gravity-ui/uikit@^6.15.0 @gravity-ui/icons@2.2.0 @gravity-ui/components@3.0.0 @bem-react/classname@1.6.0 react@^18.0.0 react-dom@18.0.0\\n```\\n\\n## Components\\n\\n- [AsideHeader](/src/components/AsideHeader/README.md)\\n- MobileHeader\\n- FooterItem\\n- MobileHeaderFooterItem\\n- [Drawer](/src/components/Drawer/README.md)\\n- DrawerItem\\n- PageLayout\\n- PageLayoutAside\\n- AsideFallback\\n- [Logo](/src/components/Logo/Readme.md)\\n- MobileLogo\\n- Footer\\n- MobileFooter\\n\\n## CSS variables\\n\\nUsed for themization Navigation\'s components\\n","changelog":"# Changelog\\n\\n## [2.16.0](https://github.com/gravity-ui/navigation/compare/v2.15.3...v2.16.0) (2024-06-27)\\n\\n\\n### Features\\n\\n* **Drawer:** Add docs and children property ([#258](https://github.com/gravity-ui/navigation/issues/258)) ([7af75f3](https://github.com/gravity-ui/navigation/commit/7af75f3e35f70c90c4dd745e56b81cf1ecc72fb6))\\n\\n## [2.15.3](https://github.com/gravity-ui/navigation/compare/v2.15.2...v2.15.3) (2024-06-25)\\n\\n\\n### Bug Fixes\\n\\n* **CollapseButton:** fix scss ([#263](https://github.com/gravity-ui/navigation/issues/263)) ([df09b99](https://github.com/gravity-ui/navigation/commit/df09b99dfb0adc7f751d58a3c72308241899ecd5))\\n\\n## [2.15.2](https://github.com/gravity-ui/navigation/compare/v2.15.1...v2.15.2) (2024-06-25)\\n\\n\\n### Bug Fixes\\n\\n* **CollapseButton:** get rid of the impact of the border on the height of the button ([#260](https://github.com/gravity-ui/navigation/issues/260)) ([92b3896](https://github.com/gravity-ui/navigation/commit/92b38965314c7005803a104d2b35566ea96fb1eb))\\n* **MobileLogo:** fix href prop ([#261](https://github.com/gravity-ui/navigation/issues/261)) ([0a81446](https://github.com/gravity-ui/navigation/commit/0a81446db1064f06bdb5cdb45134430481eaa6c9))\\n\\n## [2.15.1](https://github.com/gravity-ui/navigation/compare/v2.15.0...v2.15.1) (2024-06-19)\\n\\n\\n### Bug Fixes\\n\\n* **AsideHeader:** fix CollapseButton min-height ([#256](https://github.com/gravity-ui/navigation/issues/256)) ([e75e080](https://github.com/gravity-ui/navigation/commit/e75e08077440dd3938030bb067806331d7cccd55))\\n\\n## [2.15.0](https://github.com/gravity-ui/navigation/compare/v2.14.1...v2.15.0) (2024-06-14)\\n\\n\\n### Features\\n\\n* support css vars for z-index in Mobile-, Aside- Header ([#255](https://github.com/gravity-ui/navigation/issues/255)) ([eb5326e](https://github.com/gravity-ui/navigation/commit/eb5326e6daae3973ed3f43959890549e98354609))\\n\\n\\n### Bug Fixes\\n\\n* **FooterItem:** add eventBrokerMeta to useCallback deps ([#253](https://github.com/gravity-ui/navigation/issues/253)) ([6eae9cd](https://github.com/gravity-ui/navigation/commit/6eae9cd35c5962d03022b06abf82ca2d9531c9e5))\\n\\n## [2.14.1](https://github.com/gravity-ui/navigation/compare/v2.14.0...v2.14.1) (2024-06-13)\\n\\n\\n### Bug Fixes\\n\\n* **AsideHeader:** prevent collapse button styles overriding ([#250](https://github.com/gravity-ui/navigation/issues/250)) ([06d8ff1](https://github.com/gravity-ui/navigation/commit/06d8ff1dab341556c7442b922a9cc1004722f1f9))\\n\\n## [2.14.0](https://github.com/gravity-ui/navigation/compare/v2.13.0...v2.14.0) (2024-06-05)\\n\\n\\n### Features\\n\\n* **FooterItem:** add meta property for eventBroker ([#248](https://github.com/gravity-ui/navigation/issues/248)) ([c129f77](https://github.com/gravity-ui/navigation/commit/c129f771cd63088c5c7e46db435952deecb9a84e))\\n\\n## [2.13.0](https://github.com/gravity-ui/navigation/compare/v2.12.0...v2.13.0) (2024-05-27)\\n\\n\\n### Features\\n\\n* **MobileHeader:** add export EVENT_NAMES and getMobileHeaderCustomEvent ([#243](https://github.com/gravity-ui/navigation/issues/243)) ([62e52ac](https://github.com/gravity-ui/navigation/commit/62e52ac8343058c6b791bdf3626dee7f26663cf2))\\n* **MultipleTooltip:** add fallback to private color for bg ([#244](https://github.com/gravity-ui/navigation/issues/244)) ([4f54626](https://github.com/gravity-ui/navigation/commit/4f546262aee1b56c71c75600aafb679b2aabf646))\\n\\n## [2.12.0](https://github.com/gravity-ui/navigation/compare/v2.11.0...v2.12.0) (2024-05-22)\\n\\n\\n### Features\\n\\n* **AsideHeader:** change default decoration, item background colors ([#238](https://github.com/gravity-ui/navigation/issues/238)) ([cf75f1f](https://github.com/gravity-ui/navigation/commit/cf75f1fc8ede4a0891d233376f10d9c01364c78d))\\n* support data-qa attribute for aside and menu items ([#241](https://github.com/gravity-ui/navigation/issues/241)) ([a5e9df0](https://github.com/gravity-ui/navigation/commit/a5e9df018b8b0907fa2023914764b842ac2b02c0))\\n\\n## [2.11.0](https://github.com/gravity-ui/navigation/compare/v2.10.0...v2.11.0) (2024-05-16)\\n\\n\\n### Features\\n\\n* **Footer:** add callback for footer more button click ([#239](https://github.com/gravity-ui/navigation/issues/239)) ([9fdf655](https://github.com/gravity-ui/navigation/commit/9fdf655c5741fd25ff25d0fa09ad63ab1cb7e257))\\n\\n## [2.10.0](https://github.com/gravity-ui/navigation/compare/v2.9.1...v2.10.0) (2024-05-13)\\n\\n\\n### Features\\n\\n* **MultipleTooltip:** use uikit background color instead of private ([#235](https://github.com/gravity-ui/navigation/issues/235)) ([5bbb3ca](https://github.com/gravity-ui/navigation/commit/5bbb3cac6b1abe39373b4cc00b88d83310d0439e))\\n\\n## [2.9.1](https://github.com/gravity-ui/navigation/compare/v2.9.0...v2.9.1) (2024-04-27)\\n\\n\\n### Bug Fixes\\n\\n* **Footer:** fix warning with setState on unmounted component ([#233](https://github.com/gravity-ui/navigation/issues/233)) ([a67b62c](https://github.com/gravity-ui/navigation/commit/a67b62ce90d57c294bbf23377e606106899b8940))\\n\\n## [2.9.0](https://github.com/gravity-ui/navigation/compare/v2.8.1...v2.9.0) (2024-04-24)\\n\\n\\n### Features\\n\\n* some a11y issues fixed ([#230](https://github.com/gravity-ui/navigation/issues/230)) ([650e38b](https://github.com/gravity-ui/navigation/commit/650e38ba6c4c5252fa894eed67a6b0254fd5e8de))\\n\\n## [2.8.1](https://github.com/gravity-ui/navigation/compare/v2.8.0...v2.8.1) (2024-04-22)\\n\\n\\n### Bug Fixes\\n\\n* **Footer:** fix clear footer clicking ([#228](https://github.com/gravity-ui/navigation/issues/228)) ([20a6964](https://github.com/gravity-ui/navigation/commit/20a6964380e6e82ef326cfa60a21ed4a3de1a46b))\\n\\n## [2.8.0](https://github.com/gravity-ui/navigation/compare/v2.7.1...v2.8.0) (2024-04-18)\\n\\n\\n### Features\\n\\n* **MobileHeader:** add contentClassName prop ([#226](https://github.com/gravity-ui/navigation/issues/226)) ([e5a92a3](https://github.com/gravity-ui/navigation/commit/e5a92a3a9bc3bc31ff1fb05e9db7e70b4734f0d1))\\n\\n## [2.7.1](https://github.com/gravity-ui/navigation/compare/v2.7.0...v2.7.1) (2024-04-17)\\n\\n\\n### Bug Fixes\\n\\n* **CollapseButton:** set pin ([#224](https://github.com/gravity-ui/navigation/issues/224)) ([7652474](https://github.com/gravity-ui/navigation/commit/7652474e8d7ea6d2ccd6abe27a0f5b139185b3ae))\\n\\n## [2.7.0](https://github.com/gravity-ui/navigation/compare/v2.6.0...v2.7.0) (2024-04-05)\\n\\n\\n### Features\\n\\n* **MenuItem:** add qa property ([#222](https://github.com/gravity-ui/navigation/issues/222)) ([28bf116](https://github.com/gravity-ui/navigation/commit/28bf116fc2cbc396aa0ab731ca05ac7387fda6e3))\\n\\n## [2.6.0](https://github.com/gravity-ui/navigation/compare/v2.5.0...v2.6.0) (2024-04-03)\\n\\n\\n### Features\\n\\n* **AsideHeader:** hide collapse button ([#219](https://github.com/gravity-ui/navigation/issues/219)) ([290d920](https://github.com/gravity-ui/navigation/commit/290d920168ece85b88bd9adeff5d5cfb7b555925))\\n\\n## [2.5.0](https://github.com/gravity-ui/navigation/compare/v2.4.2...v2.5.0) (2024-03-27)\\n\\n\\n### Features\\n\\n* **CompositeBar:** use uikit ActionTooltip instead of Tooltip ([#217](https://github.com/gravity-ui/navigation/issues/217)) ([4673f8c](https://github.com/gravity-ui/navigation/commit/4673f8c5a584bce02e6f6a16fa7b86ab833a35d3))\\n\\n## [2.4.2](https://github.com/gravity-ui/navigation/compare/v2.4.1...v2.4.2) (2024-03-27)\\n\\n\\n### Bug Fixes\\n\\n* **AsideHeader:** move top-panel-height var to g-root ([#216](https://github.com/gravity-ui/navigation/issues/216)) ([424cba2](https://github.com/gravity-ui/navigation/commit/424cba28e623854a09fd0208937e68d13d9b07a0))\\n* **AsideHeader:** return css public read only var --gn-aside-top-panel-height ([#214](https://github.com/gravity-ui/navigation/issues/214)) ([69e4bf2](https://github.com/gravity-ui/navigation/commit/69e4bf2637afa616df2faff35fc93c4c38040dbb))\\n\\n## [2.4.1](https://github.com/gravity-ui/navigation/compare/v2.4.0...v2.4.1) (2024-03-20)\\n\\n\\n### Bug Fixes\\n\\n* **Logo:** remove aside header variables from logo ([#210](https://github.com/gravity-ui/navigation/issues/210)) ([8228ce3](https://github.com/gravity-ui/navigation/commit/8228ce3b210b960432859a2e49db99cd3d994975))\\n\\n## [2.4.0](https://github.com/gravity-ui/navigation/compare/v2.3.1...v2.4.0) (2024-03-12)\\n\\n\\n### Features\\n\\n* **Footer:** add footer components ([#207](https://github.com/gravity-ui/navigation/issues/207)) ([773d039](https://github.com/gravity-ui/navigation/commit/773d039f2472136f582c42923351454fb35e9b86))\\n\\n## [2.3.1](https://github.com/gravity-ui/navigation/compare/v2.3.0...v2.3.1) (2024-03-04)\\n\\n\\n### Bug Fixes\\n\\n* **logo:** make logo independent of the aside state ([#205](https://github.com/gravity-ui/navigation/issues/205)) ([78e2f09](https://github.com/gravity-ui/navigation/commit/78e2f09b37f13fe6b1fd2ef514c0fb07d81e7631))\\n\\n## [2.3.0](https://github.com/gravity-ui/navigation/compare/v2.2.0...v2.3.0) (2024-02-22)\\n\\n\\n### Features\\n\\n* **logo:** add target property ([#203](https://github.com/gravity-ui/navigation/issues/203)) ([c04e0f0](https://github.com/gravity-ui/navigation/commit/c04e0f0c2a98915ae107313edadd88494e628912))\\n\\n## [2.2.0](https://github.com/gravity-ui/navigation/compare/v2.1.2...v2.2.0) (2024-02-20)\\n\\n\\n### Features\\n\\n* **AsideHeader:** add current item to CSS API ([#194](https://github.com/gravity-ui/navigation/issues/194)) ([cdbdf6a](https://github.com/gravity-ui/navigation/commit/cdbdf6adc575d5ee9e69d4d4e2ac68320be52d2f))\\n\\n## [2.1.2](https://github.com/gravity-ui/navigation/compare/v2.1.1...v2.1.2) (2024-02-19)\\n\\n\\n### Bug Fixes\\n\\n* **MobileFooterItem:** make modalItem prop optional ([#200](https://github.com/gravity-ui/navigation/issues/200)) ([2c968b3](https://github.com/gravity-ui/navigation/commit/2c968b35cb4c4346313ecb77eb534e8742ae6746))\\n\\n## [2.1.1](https://github.com/gravity-ui/navigation/compare/v2.1.0...v2.1.1) (2024-02-16)\\n\\n\\n### Bug Fixes\\n\\n* **Item:** fix default css var ([#193](https://github.com/gravity-ui/navigation/issues/193)) ([5df8e2d](https://github.com/gravity-ui/navigation/commit/5df8e2d6ed09066eed2b7551a3e531f4f970c6b2))\\n\\n## [2.1.0](https://github.com/gravity-ui/navigation/compare/v2.0.0...v2.1.0) (2024-02-15)\\n\\n\\n### Features\\n\\n* **Logo:** export logo components ([#190](https://github.com/gravity-ui/navigation/issues/190)) ([f2dca3a](https://github.com/gravity-ui/navigation/commit/f2dca3aa2d531da9ffd26d96d773e88e14fe9c72))\\n\\n## [2.0.0](https://github.com/gravity-ui/navigation/compare/v1.9.0...v2.0.0) (2024-02-12)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* rename CSS API vars ([#186](https://github.com/gravity-ui/navigation/issues/186))\\n    * `--gn-aside-header-background-color` -> `--gn-aside-header-decoration-collapsed-background-color`, `--gn-aside-header-decoration-expanded-background-color`\\n    * `--gn-aside-header-divider-line-color` -> `--gn-aside-header-divider-vertical-color`, `--gn-aside-header-divider-horizontal-color`\\n    * `--gn-aside-header-collapse-button-divider-line-color` -> `--gn-aside-header-divider-horizontal-color`\\n    * `--gn-aside-header-subheader-item-icon-color`, `--gn-aside-header-footer-item-icon-color`-> `--gn-aside-header-general-item-icon-color`\\n    * `--gn-aside-header-menu-item-icon-color` -> `--gn-aside-header-item-icon-color`\\n* update uikit 6, components 2 and other deps ([#185](https://github.com/gravity-ui/navigation/issues/185))\\n* remove local configure, use uikit/i18n ([#177](https://github.com/gravity-ui/navigation/issues/177)) ([f39870f](https://github.com/gravity-ui/navigation/commit/f39870fd5f15373495bcfc2460559d3052725481))\\n\\n### Features\\n\\n* **AsideHeader:** support CSS API ([#182](https://github.com/gravity-ui/navigation/issues/182)) ([3328b09](https://github.com/gravity-ui/navigation/commit/3328b09dcc5b03722f8cf24eb7fe4f07425eefe0))\\n\\n## [1.9.0](https://github.com/gravity-ui/navigation/compare/v1.8.4...v1.9.0) (2024-02-02)\\n\\n\\n### Features\\n\\n* **Item:** added popupContentClassName prop ([#181](https://github.com/gravity-ui/navigation/issues/181)) ([38bfdd6](https://github.com/gravity-ui/navigation/commit/38bfdd60b3a108c7e5f90e67ad0eb27c52480e2b))\\n\\n\\n### Bug Fixes\\n\\n* **MultipleTooltip:** changed tooltips and it\'s backdrop styles ([#179](https://github.com/gravity-ui/navigation/issues/179)) ([0a12da5](https://github.com/gravity-ui/navigation/commit/0a12da5064730be8dc134a8037e18a2d29cc0b4c))\\n\\n## [1.8.4](https://github.com/gravity-ui/navigation/compare/v1.8.3...v1.8.4) (2024-01-24)\\n\\n\\n### Bug Fixes\\n\\n* className for FirstPanel ([#174](https://github.com/gravity-ui/navigation/issues/174)) ([3d11be8](https://github.com/gravity-ui/navigation/commit/3d11be89a03695205d896410e8785be76501b59d))\\n\\n## [1.8.3](https://github.com/gravity-ui/navigation/compare/v1.8.2...v1.8.3) (2023-12-21)\\n\\n\\n### Bug Fixes\\n\\n* **CompositeBar:** remove NaN warning ([#171](https://github.com/gravity-ui/navigation/issues/171)) ([8b3857e](https://github.com/gravity-ui/navigation/commit/8b3857e31a9511e0954879eeb7bc71e47531f299))\\n\\n## [1.8.2](https://github.com/gravity-ui/navigation/compare/v1.8.1...v1.8.2) (2023-12-19)\\n\\n\\n### Bug Fixes\\n\\n* return mock in AsideHeaderContext ([#169](https://github.com/gravity-ui/navigation/issues/169)) ([873fb73](https://github.com/gravity-ui/navigation/commit/873fb731225071c281f5f0319c558be34acffc65))\\n\\n## [1.8.1](https://github.com/gravity-ui/navigation/compare/v1.8.0...v1.8.1) (2023-12-14)\\n\\n\\n### Bug Fixes\\n\\n* multiple tooltip backgroud styles precedence ([#167](https://github.com/gravity-ui/navigation/issues/167)) ([dd9ebc7](https://github.com/gravity-ui/navigation/commit/dd9ebc7c38c702c5daec1c2e725e8204f50639d9))\\n\\n## [1.8.0](https://github.com/gravity-ui/navigation/compare/v1.7.0...v1.8.0) (2023-12-08)\\n\\n\\n### Features\\n\\n* **AsideHeader:** add custom background ([#163](https://github.com/gravity-ui/navigation/issues/163)) ([f2226d9](https://github.com/gravity-ui/navigation/commit/f2226d96555ac4a42053693301d83c0b145e5bba))\\n\\n## [1.7.0](https://github.com/gravity-ui/navigation/compare/v1.6.2...v1.7.0) (2023-11-27)\\n\\n\\n### Features\\n\\n* add AsideFallback ([#161](https://github.com/gravity-ui/navigation/issues/161)) ([6e08a91](https://github.com/gravity-ui/navigation/commit/6e08a9188fd53d245c6f1c117099622e3ce755a8))\\n\\n## [1.6.2](https://github.com/gravity-ui/navigation/compare/v1.6.1...v1.6.2) (2023-11-24)\\n\\n\\n### Bug Fixes\\n\\n* global scroll with top panel and aside header ([#159](https://github.com/gravity-ui/navigation/issues/159)) ([cfe44e0](https://github.com/gravity-ui/navigation/commit/cfe44e0fe0beeb87ebf7855e6a9ac4a2f048ae8f))\\n\\n## [1.6.1](https://github.com/gravity-ui/navigation/compare/v1.6.0...v1.6.1) (2023-11-23)\\n\\n\\n### Bug Fixes\\n\\n* global scroll without top alert ([#157](https://github.com/gravity-ui/navigation/issues/157)) ([8648858](https://github.com/gravity-ui/navigation/commit/86488587eac075e1d0bcccc959e3bb7050805ed8))\\n\\n## [1.6.0](https://github.com/gravity-ui/navigation/compare/v1.5.0...v1.6.0) (2023-11-23)\\n\\n\\n### Features\\n\\n* aside header top alert ([#118](https://github.com/gravity-ui/navigation/issues/118)) ([efc4839](https://github.com/gravity-ui/navigation/commit/efc483966dafbd2cf28b5c4a39c5530532deea66))\\n\\n## [1.5.0](https://github.com/gravity-ui/navigation/compare/v1.4.2...v1.5.0) (2023-11-21)\\n\\n\\n### Features\\n\\n* **HotkeysPanel:** add clear button for the search input ([#154](https://github.com/gravity-ui/navigation/issues/154)) ([bb948cf](https://github.com/gravity-ui/navigation/commit/bb948cf2ad2cc39431371164ed0fa8c4507eaceb))\\n\\n## [1.4.2](https://github.com/gravity-ui/navigation/compare/v1.4.1...v1.4.2) (2023-11-16)\\n\\n\\n### Bug Fixes\\n\\n* **Settings:** fixed the Settings/Selection imports in index.ts ([#152](https://github.com/gravity-ui/navigation/issues/152)) ([1d28fda](https://github.com/gravity-ui/navigation/commit/1d28fdad11c412a907d85dd32ee04eca5e1f2b93))\\n\\n## [1.4.1](https://github.com/gravity-ui/navigation/compare/v1.4.0...v1.4.1) (2023-11-14)\\n\\n\\n### Bug Fixes\\n\\n* **CompositeBar/Item:** support itemWrapper icon for highlighted node ([#148](https://github.com/gravity-ui/navigation/issues/148)) ([6874ee1](https://github.com/gravity-ui/navigation/commit/6874ee1a0a18bc5cbcb64d5f674601199f6c034e))\\n\\n## [1.4.0](https://github.com/gravity-ui/navigation/compare/v1.3.0...v1.4.0) (2023-11-13)\\n\\n\\n### Features\\n\\n* **Settings:** Added selection feature to the Settings ([#145](https://github.com/gravity-ui/navigation/issues/145)) ([9cacfe2](https://github.com/gravity-ui/navigation/commit/9cacfe2a1a91b50f14a88dfa0c481a412a2ef644))\\n\\n## [1.3.0](https://github.com/gravity-ui/navigation/compare/v1.2.0...v1.3.0) (2023-11-10)\\n\\n\\n### Features\\n\\n* updated vertical divider ([#144](https://github.com/gravity-ui/navigation/issues/144)) ([1e7dc82](https://github.com/gravity-ui/navigation/commit/1e7dc8249fd869853eeabab45a08c306c95448de))\\n\\n## [1.2.0](https://github.com/gravity-ui/navigation/compare/v1.1.3...v1.2.0) (2023-11-03)\\n\\n\\n### Features\\n\\n* split AsideHeader to compound components ([#140](https://github.com/gravity-ui/navigation/issues/140)) ([1099f68](https://github.com/gravity-ui/navigation/commit/1099f6830b25ceb393e3a4b51d33f92bc5b16760))\\n\\n## [1.1.3](https://github.com/gravity-ui/navigation/compare/v1.1.2...v1.1.3) (2023-10-24)\\n\\n\\n### Bug Fixes\\n\\n* **MultipleTooltip:** disable layer ([#141](https://github.com/gravity-ui/navigation/issues/141)) ([65452a9](https://github.com/gravity-ui/navigation/commit/65452a9e7558b10288f31bd646785b8a05c4dcb3))\\n\\n## [1.1.2](https://github.com/gravity-ui/navigation/compare/v1.1.1...v1.1.2) (2023-10-17)\\n\\n\\n### Bug Fixes\\n\\n* **CompositeBar:** recalc mounted PopupPosition if compact mode changed ([#138](https://github.com/gravity-ui/navigation/issues/138)) ([56ac451](https://github.com/gravity-ui/navigation/commit/56ac451bebb55a8d8163fb9ccd38acb236f1eb99))\\n\\n## [1.1.1](https://github.com/gravity-ui/navigation/compare/v1.1.0...v1.1.1) (2023-10-13)\\n\\n\\n### Bug Fixes\\n\\n* **Settings:** extend description SettingsItem prop ([#136](https://github.com/gravity-ui/navigation/issues/136)) ([c285014](https://github.com/gravity-ui/navigation/commit/c285014fee69af84bfa207ba3e78dc5d6c61a49a))\\n\\n## [1.1.0](https://github.com/gravity-ui/navigation/compare/v1.0.0...v1.1.0) (2023-10-10)\\n\\n\\n### Features\\n\\n* **MenuItem:** extend tooltipText prop ([#133](https://github.com/gravity-ui/navigation/issues/133)) ([2c8a6bf](https://github.com/gravity-ui/navigation/commit/2c8a6bffece849e2fe8133ade7a3e23a76a7c683))\\n\\n## [1.0.0](https://github.com/gravity-ui/navigation/compare/v0.23.3...v1.0.0) (2023-10-10)\\n\\n\\n### chore\\n\\n* bump version ([80a67a7](https://github.com/gravity-ui/navigation/commit/80a67a7ff27ec3d026fa365bfb3fa15d59c9978e))\\n\\n## [0.23.3](https://github.com/gravity-ui/navigation/compare/v0.23.2...v0.23.3) (2023-10-09)\\n\\n\\n### Bug Fixes\\n\\n* **AsideHeader:** add --gn-aside-header-size css var ([#130](https://github.com/gravity-ui/navigation/issues/130)) ([5b9e5a0](https://github.com/gravity-ui/navigation/commit/5b9e5a05fdd5dc6a17491498c54d6c969e7c31e1))\\n\\n## [0.23.2](https://github.com/gravity-ui/navigation/compare/v0.23.1...v0.23.2) (2023-10-09)\\n\\n\\n### Bug Fixes\\n\\n* **AsideHeader:** change ref type ([#128](https://github.com/gravity-ui/navigation/issues/128)) ([a3274e8](https://github.com/gravity-ui/navigation/commit/a3274e8262a06cae8b54a0b2d220bce7a54a06b8))\\n\\n## [0.23.1](https://github.com/gravity-ui/navigation/compare/v0.23.0...v0.23.1) (2023-10-06)\\n\\n\\n### Bug Fixes\\n\\n* **Settings:** not-found state styles for mobile ([#126](https://github.com/gravity-ui/navigation/issues/126)) ([75d354b](https://github.com/gravity-ui/navigation/commit/75d354b20a9b50fdff6ff0ecfc1e7a236d5df837))\\n\\n## [0.23.0](https://github.com/gravity-ui/navigation/compare/v0.22.2...v0.23.0) (2023-10-05)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* **AsideHeader:** add ref prop for popup-anchor ([#123](https://github.com/gravity-ui/navigation/issues/123))\\n\\n### Features\\n\\n* **AsideHeader:** add ref prop for popup-anchor ([#123](https://github.com/gravity-ui/navigation/issues/123)) ([de2e3f4](https://github.com/gravity-ui/navigation/commit/de2e3f4fd094054b574d4b239a582bad37a3fef5))\\n\\n## [0.22.2](https://github.com/gravity-ui/navigation/compare/v0.22.1...v0.22.2) (2023-10-04)\\n\\n\\n### Bug Fixes\\n\\n* **AllPages:** fix stuck i18n ([#121](https://github.com/gravity-ui/navigation/issues/121)) ([f7879b3](https://github.com/gravity-ui/navigation/commit/f7879b3ddd361275c1d116efcb03f894b3a200ec))\\n\\n## [0.22.1](https://github.com/gravity-ui/navigation/compare/v0.22.0...v0.22.1) (2023-10-02)\\n\\n\\n### Bug Fixes\\n\\n* **AsideHeader:** return export AsideHeaderProps ([#119](https://github.com/gravity-ui/navigation/issues/119)) ([1ba6f85](https://github.com/gravity-ui/navigation/commit/1ba6f856479d22cb4330341a7164dee3e432e0cb))\\n* **CompositeBar:** fix stucking multipleTooltip ([#117](https://github.com/gravity-ui/navigation/issues/117)) ([be6534e](https://github.com/gravity-ui/navigation/commit/be6534e1a6f49dd8ce1e1dde1aba837b661baf19))\\n\\n## [0.22.0](https://github.com/gravity-ui/navigation/compare/v0.21.1...v0.22.0) (2023-09-29)\\n\\n\\n### Features\\n\\n* **all-pages-panel:** added all pages panel ([1ed3ba3](https://github.com/gravity-ui/navigation/commit/1ed3ba3a919c0902704a1e8ac7cf62ba401d35ab))\\n* **all-pages-panel:** added all pages panel ([#109](https://github.com/gravity-ui/navigation/issues/109)) ([1ed3ba3](https://github.com/gravity-ui/navigation/commit/1ed3ba3a919c0902704a1e8ac7cf62ba401d35ab))\\n\\n## [0.21.1](https://github.com/gravity-ui/navigation/compare/v0.21.0...v0.21.1) (2023-09-28)\\n\\n\\n### Bug Fixes\\n\\n* **CompositeBar/Item:** fix odd closing popup by click inside ([#114](https://github.com/gravity-ui/navigation/issues/114)) ([cec9812](https://github.com/gravity-ui/navigation/commit/cec9812a3db6824bd4f78877e4247523b020737f))\\n\\n## [0.21.0](https://github.com/gravity-ui/navigation/compare/v0.20.0...v0.21.0) (2023-09-27)\\n\\n\\n### Features\\n\\n* supported initial search in settings ([#112](https://github.com/gravity-ui/navigation/issues/112)) ([b858783](https://github.com/gravity-ui/navigation/commit/b858783fcced5df0339f279f4bb05a687270b5a1))\\n\\n## [0.20.0](https://github.com/gravity-ui/navigation/compare/v0.19.0...v0.20.0) (2023-09-27)\\n\\n\\n### Features\\n\\n* added right adornments for settings items ([#110](https://github.com/gravity-ui/navigation/issues/110)) ([fe14e64](https://github.com/gravity-ui/navigation/commit/fe14e64f7423df8f12d881c7347d51c5d0469aff))\\n\\n## [0.19.0](https://github.com/gravity-ui/navigation/compare/v0.18.1...v0.19.0) (2023-09-26)\\n\\n\\n### Features\\n\\n* added exports for settings props ([#107](https://github.com/gravity-ui/navigation/issues/107)) ([a3fc62f](https://github.com/gravity-ui/navigation/commit/a3fc62f80fae51e3bc52103857706a583b5f8e6a))\\n\\n## [0.18.1](https://github.com/gravity-ui/navigation/compare/v0.18.0...v0.18.1) (2023-09-22)\\n\\n\\n### Bug Fixes\\n\\n* **Drawer:** fix animation ([#105](https://github.com/gravity-ui/navigation/issues/105)) ([45d57c2](https://github.com/gravity-ui/navigation/commit/45d57c2ddf3a76a06987849fdcae9fcadc693543))\\n\\n## [0.18.0](https://github.com/gravity-ui/navigation/compare/v0.17.0...v0.18.0) (2023-09-21)\\n\\n\\n### Features\\n\\n* **AsideHeader:** move openModalSubscriber prop to AsideHeader ([#103](https://github.com/gravity-ui/navigation/issues/103)) ([69ad527](https://github.com/gravity-ui/navigation/commit/69ad5278321e16c06331e3f166f47fbe8176049b))\\n\\n## [0.17.0](https://github.com/gravity-ui/navigation/compare/v0.16.0...v0.17.0) (2023-09-08)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* Change defaults for `AsideHeader` ([#99](https://github.com/gravity-ui/navigation/issues/99))\\n  * ASIDE_HEADER_ICON_SIZE = 18px\\n  * Change subheader and footer icons color. `--g-color-text-misc` -> `--g-color-text-primary`\\n* Add prefix to css vars ([#99](https://github.com/gravity-ui/navigation/issues/99))\\n  * `--aside-header-background-color` -> `--gn-aside-header-background-color`\\n  * `--aside-header-collapse-button-divider-line-color` -> `--gn-aside-header-collapse-button-divider-line-color`\\n  * `--aside-header-divider-line-color` -> `--gn-aside-header-divider-line-color`\\n  * `--aside-header-header-divider-line-color` -> `--gn-aside-header-subheader-divider-line-color`\\n\\nRead more about [themization](https://github.com/gravity-ui/navigation#css-variables)\\n\\n### Features\\n\\n* **AsideHeader:** support highlighted item ([#97](https://github.com/gravity-ui/navigation/issues/97)) ([f8c06a1](https://github.com/gravity-ui/navigation/commit/f8c06a176ab7e48369931b5bf6e0f0fef69ce227))\\n* change defaults, add prefix to css vars ([#99](https://github.com/gravity-ui/navigation/issues/99)) ([08a812a](https://github.com/gravity-ui/navigation/commit/08a812a216c12385505c492cbfdcb4c3078498a2))\\n\\n\\n### Bug Fixes\\n\\n* **CompositeBar:** fix multipleTooltip sticking ([#100](https://github.com/gravity-ui/navigation/issues/100)) ([420bd6e](https://github.com/gravity-ui/navigation/commit/420bd6ee24a7a23091322e8d43e7d9cc4a4ad7b8))\\n\\n## [0.16.0](https://github.com/gravity-ui/navigation/compare/v0.15.0...v0.16.0) (2023-08-23)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* support configure ([#95](https://github.com/gravity-ui/navigation/issues/95))\\n\\n### Features\\n\\n* support configure ([#95](https://github.com/gravity-ui/navigation/issues/95)) ([c0140a7](https://github.com/gravity-ui/navigation/commit/c0140a730107ec28cb674637d15f0f07713a52e8))\\n\\n## [0.15.0](https://github.com/gravity-ui/navigation/compare/v0.14.0...v0.15.0) (2023-08-21)\\n\\n\\n### Features\\n\\n* **AsideHeader/SubheaderItem:** support popup props ([#89](https://github.com/gravity-ui/navigation/issues/89)) ([64f24e9](https://github.com/gravity-ui/navigation/commit/64f24e939597e66d45f010d182f452b7b0f29695))\\n\\n## [0.14.0](https://github.com/gravity-ui/navigation/compare/v0.13.1...v0.14.0) (2023-08-18)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* rename CSS namespace ([#87](https://github.com/gravity-ui/navigation/issues/87))\\n\\n### Features\\n\\n* rename CSS namespace ([#87](https://github.com/gravity-ui/navigation/issues/87)) ([0b3bcc9](https://github.com/gravity-ui/navigation/commit/0b3bcc9cc0b097bed4b0cd90d5da0bdbea00fda1))\\n\\n\\n### Bug Fixes\\n\\n* remove reexport configure temporary ([#90](https://github.com/gravity-ui/navigation/issues/90)) ([e414e2a](https://github.com/gravity-ui/navigation/commit/e414e2a17d9cef17d368af2c9ebf2d2831870616))\\n* **storybook:** after hide reexport configure ([#92](https://github.com/gravity-ui/navigation/issues/92)) ([727086e](https://github.com/gravity-ui/navigation/commit/727086e7c5a28e4094e4018e37263d38bc9703dd))\\n\\n## [0.13.1](https://github.com/gravity-ui/navigation/compare/v0.13.0...v0.13.1) (2023-08-17)\\n\\n\\n### Bug Fixes\\n\\n* **Logo:** revive href prop ([#85](https://github.com/gravity-ui/navigation/issues/85)) ([59b2d69](https://github.com/gravity-ui/navigation/commit/59b2d6962357f40d0b76d3e83e2eac868d574be8))\\n\\n## [0.13.0](https://github.com/gravity-ui/navigation/compare/v0.12.0...v0.13.0) (2023-08-17)\\n\\n\\n### Features\\n\\n* **Item:** add ref to itemWrapper options ([#84](https://github.com/gravity-ui/navigation/issues/84)) ([1f3be59](https://github.com/gravity-ui/navigation/commit/1f3be59f0820f85c10d4d65db9ebabf1d6826033))\\n* supported onClickCapture in Item and FooterItem ([#82](https://github.com/gravity-ui/navigation/issues/82)) ([4646563](https://github.com/gravity-ui/navigation/commit/4646563ebe9b7c64164c00518d724f115865ab8a))\\n\\n## [0.12.0](https://github.com/gravity-ui/navigation/compare/v0.11.1...v0.12.0) (2023-08-15)\\n\\n\\n### Features\\n\\n* added AsideHeaderContext ([#79](https://github.com/gravity-ui/navigation/issues/79)) ([4bac263](https://github.com/gravity-ui/navigation/commit/4bac2630d6ee004880754bbdf7a86438b27e86d8))\\n* supported events in onClick callbacks ([#81](https://github.com/gravity-ui/navigation/issues/81)) ([a861031](https://github.com/gravity-ui/navigation/commit/a861031e473aca03898d10de0c763cc1990a6664))\\n\\n## [0.11.1](https://github.com/gravity-ui/navigation/compare/v0.11.0...v0.11.1) (2023-07-26)\\n\\n\\n### Bug Fixes\\n\\n* fix build ([#77](https://github.com/gravity-ui/navigation/issues/77)) ([b8f8ef5](https://github.com/gravity-ui/navigation/commit/b8f8ef591998fae8ef51118aaaa1d1c1f73a1ea9))\\n* workflow main-preview ([#75](https://github.com/gravity-ui/navigation/issues/75)) ([e148bdd](https://github.com/gravity-ui/navigation/commit/e148bddb056883b2bfba48094f907ae20e563c7f))\\n\\n## [0.11.0](https://github.com/gravity-ui/navigation/compare/v0.10.1...v0.11.0) (2023-07-26)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* migration on uikit 5 ([#71](https://github.com/gravity-ui/navigation/issues/71))\\n\\n### Features\\n\\n* migration on uikit 5 ([#71](https://github.com/gravity-ui/navigation/issues/71)) ([a032d42](https://github.com/gravity-ui/navigation/commit/a032d4293a899a058487ea12205d8dff1342f6a3))\\n\\n## [0.10.1](https://github.com/gravity-ui/navigation/compare/v0.10.0...v0.10.1) (2023-07-26)\\n\\n\\n### Bug Fixes\\n\\n* **CompositeBar:** problem with not working onItemClick prop ([#72](https://github.com/gravity-ui/navigation/issues/72)) ([59d4c3d](https://github.com/gravity-ui/navigation/commit/59d4c3d72fd4a95f5f6b41b2b84444184b89d3a1))\\n\\n## [0.10.0](https://github.com/gravity-ui/navigation/compare/v0.9.0...v0.10.0) (2023-07-25)\\n\\n\\n### Features\\n\\n* added MultipleTooltip ([#69](https://github.com/gravity-ui/navigation/issues/69)) ([ab35916](https://github.com/gravity-ui/navigation/commit/ab35916366457a1bc8cd81cd8c6d9811d3f2d82c))\\n* **CompositeBar:** rewritten to FC ([#67](https://github.com/gravity-ui/navigation/issues/67)) ([78f43b0](https://github.com/gravity-ui/navigation/commit/78f43b04c8eaa155a44e6953130476a85d0a4b40))\\n* **Item:** forward event to onItemClick ([#70](https://github.com/gravity-ui/navigation/issues/70)) ([ac571dc](https://github.com/gravity-ui/navigation/commit/ac571dca9cfec5fb3d919fee3a3cd4744c52a8e1))\\n\\n## [0.9.0](https://github.com/gravity-ui/navigation/compare/v0.8.1...v0.9.0) (2023-07-04)\\n\\n\\n### Features\\n\\n* added new stories for ActionBar ([#64](https://github.com/gravity-ui/navigation/issues/64)) ([96dbcf3](https://github.com/gravity-ui/navigation/commit/96dbcf39863aea6ea781a224636b4abc6f5a64e5))\\n* added type exports for ActionBar ([#66](https://github.com/gravity-ui/navigation/issues/66)) ([f911bd6](https://github.com/gravity-ui/navigation/commit/f911bd645aad36b453c7a9c49974f0bc790bea5d))\\n\\n## [0.8.1](https://github.com/gravity-ui/navigation/compare/v0.8.0...v0.8.1) (2023-06-23)\\n\\n\\n### Bug Fixes\\n\\n* **MobileHeader:** add export ([#61](https://github.com/gravity-ui/navigation/issues/61)) ([15523f5](https://github.com/gravity-ui/navigation/commit/15523f5e114cc5d2f9842775ce064a9f9b1daa86))\\n\\n## [0.8.0](https://github.com/gravity-ui/navigation/compare/v0.7.0...v0.8.0) (2023-06-09)\\n\\n\\n### Features\\n\\n* **Title:** add component ([#58](https://github.com/gravity-ui/navigation/issues/58)) ([17cfa36](https://github.com/gravity-ui/navigation/commit/17cfa362c4394aa8e72c67f1e9abea92c5102fe8))\\n\\n## [0.7.0](https://github.com/gravity-ui/navigation/compare/v0.6.1...v0.7.0) (2023-06-08)\\n\\n\\n### Features\\n\\n* **CompositeBar/Item:** add popupKeepMounted prop ([#55](https://github.com/gravity-ui/navigation/issues/55)) ([88140e8](https://github.com/gravity-ui/navigation/commit/88140e8bcfa9c86aeb0c6d45770eb545fb23a589))\\n* **HotkeysPanel:** add component ([#53](https://github.com/gravity-ui/navigation/issues/53)) ([86c59bd](https://github.com/gravity-ui/navigation/commit/86c59bdb09bde48ba3588abfdb14e8219c9a902c))\\n\\n\\n### Bug Fixes\\n\\n* **Logo:** disable hover animation on button ([#54](https://github.com/gravity-ui/navigation/issues/54)) ([99f2787](https://github.com/gravity-ui/navigation/commit/99f2787dfa39b04e160a0517e5555408f584971d))\\n\\n## [0.6.1](https://github.com/gravity-ui/navigation/compare/v0.6.0...v0.6.1) (2023-06-07)\\n\\n\\n### Bug Fixes\\n\\n* **FooterItem:** fix button area ([#50](https://github.com/gravity-ui/navigation/issues/50)) ([4e6904d](https://github.com/gravity-ui/navigation/commit/4e6904df4f650c80d5587edc6361b766fcd29e57))\\n\\n## [0.6.0](https://github.com/gravity-ui/navigation/compare/v0.5.0...v0.6.0) (2023-06-07)\\n\\n\\n### Features\\n\\n* **AsideHeader:** add headerDecoration prop ([#49](https://github.com/gravity-ui/navigation/issues/49)) ([2e98c65](https://github.com/gravity-ui/navigation/commit/2e98c65033f221d7085af735d214fc8e6d22bc8a))\\n* **SettingsMenuMobile:** add component ([#47](https://github.com/gravity-ui/navigation/issues/47)) ([092b6c4](https://github.com/gravity-ui/navigation/commit/092b6c4c995ff7f448623de435757d64fca948d4))\\n\\n## [0.5.0](https://github.com/gravity-ui/navigation/compare/v0.4.0...v0.5.0) (2023-05-11)\\n\\n\\n### Features\\n\\n* support React 18 in peerDeps ([#44](https://github.com/gravity-ui/navigation/issues/44)) ([400db16](https://github.com/gravity-ui/navigation/commit/400db1601773a1d35f785d4d3adfabea762307d6))\\n\\n## [0.4.0](https://github.com/gravity-ui/navigation/compare/v0.3.2...v0.4.0) (2023-03-06)\\n\\n\\n### Features\\n\\n* use uikit Tooltip ([#42](https://github.com/gravity-ui/navigation/issues/42)) ([2de0cac](https://github.com/gravity-ui/navigation/commit/2de0cac90c730f40ab41c49312bdd367c4f9cada))\\n\\n\\n### Bug Fixes\\n\\n* updated README.md storybook link ([#40](https://github.com/gravity-ui/navigation/issues/40)) ([511abd9](https://github.com/gravity-ui/navigation/commit/511abd9f1051b361e5918d91eaaf3bb1af65f2d3))\\n\\n## [0.3.2](https://github.com/gravity-ui/navigation/compare/v0.3.1...v0.3.2) (2023-02-17)\\n\\n\\n### Bug Fixes\\n\\n* **AsideHeader:** panel border in High Contrast themes ([#37](https://github.com/gravity-ui/navigation/issues/37)) ([340f9bb](https://github.com/gravity-ui/navigation/commit/340f9bb5b728fe9757e9f9db26669f12e3770ae9))\\n* **Logo:** close panels by logo click ([#39](https://github.com/gravity-ui/navigation/issues/39)) ([860e8b2](https://github.com/gravity-ui/navigation/commit/860e8b29408ed5eba0880f0ebc63e2e6551ded4d))\\n\\n## [0.3.1](https://github.com/gravity-ui/navigation/compare/v0.3.0...v0.3.1) (2022-12-29)\\n\\n\\n### Bug Fixes\\n\\n* keep svg viewbox ([#33](https://github.com/gravity-ui/navigation/issues/33)) ([0205630](https://github.com/gravity-ui/navigation/commit/020563098e5e1d8187f2d2c62e7ef9af4d4085eb))\\n\\n## [0.3.0](https://github.com/gravity-ui/navigation/compare/v0.2.1...v0.3.0) (2022-11-24)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* Type of FooterItemProps.item.itemWrapper is changed ([df865df](https://github.com/gravity-ui/navigation/commit/df865df329f6c1e62c09063cdbf1596e634e8145))\\n\\n\\n### Bug Fixes\\n\\n* footer items should be in bottom even if menuItems is empty ([d55e55e](https://github.com/gravity-ui/navigation/commit/d55e55e267be989b2f94d552476f21c116af9489))\\n\\n## [0.2.1](https://github.com/gravity-ui/navigation/compare/v0.2.0...v0.2.1) (2022-10-31)\\n\\n\\n### Bug Fixes\\n\\n* types declaration dir ([#27](https://github.com/gravity-ui/navigation/issues/27)) ([6840db8](https://github.com/gravity-ui/navigation/commit/6840db839a13ac77b13d11c06907b6fff52b4845))\\n\\n## [0.2.0](https://github.com/gravity-ui/navigation/compare/v0.1.0...v0.2.0) (2022-10-31)\\n\\n\\n### Features\\n\\n* add Settings component ([b7ad550](https://github.com/gravity-ui/navigation/commit/b7ad550825d5cc0ac416b57d0c35f6ccd459793d))\\n\\n\\n### Bug Fixes\\n\\n* component AsideHeader should be stateless ([e2cbd15](https://github.com/gravity-ui/navigation/commit/e2cbd15921d051aada9246f27f34c60ca8169ec9))\\n* onClosePanel should be called before onItemClick ([8d0acb5](https://github.com/gravity-ui/navigation/commit/8d0acb5603129817aea929f881f85a264b074fe7))\\n* package-lock.json ([#26](https://github.com/gravity-ui/navigation/issues/26)) ([14f012e](https://github.com/gravity-ui/navigation/commit/14f012eeda4f97bbd0e4e48e7b83bf195cb3c0ab))\\n* set z-index for .ycn-aside-header__content ([b793bc6](https://github.com/gravity-ui/navigation/commit/b793bc63ca760f608a4f5f2961af1947b0972fc2))\\n* sticky-element should not be restrict by an extra parent element ([5ecfac3](https://github.com/gravity-ui/navigation/commit/5ecfac3da2b390255485aef63718b6a2c4c4a8c0))\\n\\n## [0.1.0](https://github.com/gravity-ui/navigation/compare/v0.0.7...v0.1.0) (2022-10-17)\\n\\n\\n### Features\\n\\n* add ActionBar component ([#19](https://github.com/gravity-ui/navigation/issues/19)) ([595d418](https://github.com/gravity-ui/navigation/commit/595d4189f005615e4ba504cef4689d48fb6a798a))\\n* **CompositeBar:** divider item type ([#11](https://github.com/gravity-ui/navigation/issues/11)) ([89f3b85](https://github.com/gravity-ui/navigation/commit/89f3b854ac9348837352809101502a876def8940))\\n\\n## [0.0.7](https://github.com/gravity-ui/navigation/compare/v0.0.6...v0.0.7) (2022-10-11)\\n\\n\\n### Bug Fixes\\n\\n* package bundling ([#16](https://github.com/gravity-ui/navigation/issues/16)) ([9987afb](https://github.com/gravity-ui/navigation/commit/9987afb3c2a98ef79dc36d40f08070b4a96c6882))\\n\\n## [0.0.6](https://github.com/gravity-ui/navigation/compare/v0.0.5...v0.0.6) (2022-10-11)\\n\\n\\n### Bug Fixes\\n\\n* import svg ([#14](https://github.com/gravity-ui/navigation/issues/14)) ([91ea13f](https://github.com/gravity-ui/navigation/commit/91ea13ff3b199bbbcc3ddd2472a6b91d2b76b453))\\n\\n## [0.0.5](https://github.com/gravity-ui/navigation/compare/v0.0.4...v0.0.5) (2022-10-11)\\n\\n\\n### Bug Fixes\\n\\n* add prepublishOnly script to package.json ([#12](https://github.com/gravity-ui/navigation/issues/12)) ([9dd3b74](https://github.com/gravity-ui/navigation/commit/9dd3b746de5339108da419b52479de16677e80f8))\\n\\n## [0.0.4](https://github.com/gravity-ui/navigation/compare/v0.0.3...v0.0.4) (2022-10-10)\\n\\n\\n### Bug Fixes\\n\\n* fix typo in props name ([#8](https://github.com/gravity-ui/navigation/issues/8)) ([c1292e3](https://github.com/gravity-ui/navigation/commit/c1292e391fc9a01f324b0cb4192a331d1f116822))\\n\\n## [0.0.3](https://github.com/gravity-ui/navigation/compare/v0.0.2...v0.0.3) (2022-09-30)\\n\\n\\n### Features\\n\\n* Transfer remaining components ([#4](https://github.com/gravity-ui/navigation/issues/4)) ([70b7d5e](https://github.com/gravity-ui/navigation/commit/70b7d5edd9fddea94ac087f3fd6269753ad3e5fc))\\n\\n## [0.0.2](https://github.com/gravity-ui/navigation/compare/v0.0.1...v0.0.2) (2022-09-28)\\n\\n\\n### Bug Fixes\\n\\n* package name ([#2](https://github.com/gravity-ui/navigation/issues/2)) ([0aa4f2f](https://github.com/gravity-ui/navigation/commit/0aa4f2f8b57d3ee5192b6e9cd088796e007274d9))\\n\\n## 0.0.1 (2022-09-27)\\n\\n\\n### chore\\n\\n* initial release ([eabd12e](https://github.com/gravity-ui/navigation/commit/eabd12ed9eb46663ae58a8c3f9eaa7f4c59495ba))\\n","contributors":[{"login":"Lunory","avatarUrl":"https://avatars.githubusercontent.com/u/22904809?v=4","url":"https://github.com/Lunory","contributions":66},{"login":"DarkGenius","avatarUrl":"https://avatars.githubusercontent.com/u/4076124?v=4","url":"https://github.com/DarkGenius","contributions":28},{"login":"sunduckcow","avatarUrl":"https://avatars.githubusercontent.com/u/83990793?v=4","url":"https://github.com/sunduckcow","contributions":12},{"login":"ma-efremoff","avatarUrl":"https://avatars.githubusercontent.com/u/64027148?v=4","url":"https://github.com/ma-efremoff","contributions":9},{"login":"kseniya57","avatarUrl":"https://avatars.githubusercontent.com/u/31247233?v=4","url":"https://github.com/kseniya57","contributions":8},{"login":"mournfulCoroner","avatarUrl":"https://avatars.githubusercontent.com/u/56549651?v=4","url":"https://github.com/mournfulCoroner","contributions":4},{"login":"kendoow","avatarUrl":"https://avatars.githubusercontent.com/u/70059916?v=4","url":"https://github.com/kendoow","contributions":4},{"login":"goshander","avatarUrl":"https://avatars.githubusercontent.com/u/5037509?v=4","url":"https://github.com/goshander","contributions":3},{"login":"ldrv565","avatarUrl":"https://avatars.githubusercontent.com/u/40745264?v=4","url":"https://github.com/ldrv565","contributions":3},{"login":"shvorak","avatarUrl":"https://avatars.githubusercontent.com/u/2071148?v=4","url":"https://github.com/shvorak","contributions":2},{"login":"KirillDyachkovskiy","avatarUrl":"https://avatars.githubusercontent.com/u/81510334?v=4","url":"https://github.com/KirillDyachkovskiy","contributions":2},{"login":"Kyzyl-ool","avatarUrl":"https://avatars.githubusercontent.com/u/30153778?v=4","url":"https://github.com/Kyzyl-ool","contributions":2},{"login":"Ruminat","avatarUrl":"https://avatars.githubusercontent.com/u/18216279?v=4","url":"https://github.com/Ruminat","contributions":2},{"login":"catakot","avatarUrl":"https://avatars.githubusercontent.com/u/21214799?v=4","url":"https://github.com/catakot","contributions":2},{"login":"GermanVor","avatarUrl":"https://avatars.githubusercontent.com/u/43282255?v=4","url":"https://github.com/GermanVor","contributions":1},{"login":"panfil","avatarUrl":"https://avatars.githubusercontent.com/u/1158695?v=4","url":"https://github.com/panfil","contributions":1},{"login":"js2me","avatarUrl":"https://avatars.githubusercontent.com/u/16340911?v=4","url":"https://github.com/js2me","contributions":1},{"login":"pavel-klimov","avatarUrl":"https://avatars.githubusercontent.com/u/42768217?v=4","url":"https://github.com/pavel-klimov","contributions":1},{"login":"n-parpibaeva","avatarUrl":"https://avatars.githubusercontent.com/u/27774197?v=4","url":"https://github.com/n-parpibaeva","contributions":1},{"login":"ariser","avatarUrl":"https://avatars.githubusercontent.com/u/3864424?v=4","url":"https://github.com/ariser","contributions":1},{"login":"bocembocem","avatarUrl":"https://avatars.githubusercontent.com/u/58661343?v=4","url":"https://github.com/bocembocem","contributions":1},{"login":"artemavrin","avatarUrl":"https://avatars.githubusercontent.com/u/10955496?v=4","url":"https://github.com/artemavrin","contributions":1},{"login":"lu-perfect","avatarUrl":"https://avatars.githubusercontent.com/u/104302104?v=4","url":"https://github.com/lu-perfect","contributions":1}],"codeOwners":[{"pattern":"*","owners":["DarkGenius","Lunory","sunduckcow"]}]},"date-utils":{"stars":10,"version":"2.5.3","lastUpdate":"10.06.2024","license":"MIT License","issues":1,"readme":"# @gravity-ui/date-utils\\n\\nHelpers for managing Date and Time.\\n\\n## Install\\n\\n```shell\\nnpm i @gravity-ui/date-utils\\n```\\n\\n## Usage\\n\\n```typescript\\nimport {dateTimeParse, dateTime} from \'@gravity-ui/date-utils\';\\n\\n// Current date: 2021-08-07T12:10:00\\n// User\'s time zone: Europe/Istanbul\\n\\nconst FORMAT = \'YYYY-MM-DDTHH:mm:ssZ\';\\n\\n// parse absolute date\\ndateTimeParse({year: 2021, month: 7, day: 7})?.format(FORMAT); // \\"2021-08-07T00:00:00+03:00\\"\\ndateTimeParse([2021, 7, 7])?.format(FORMAT); // \\"2021-08-07T00:00:00+03:00\\"\\ndateTimeParse(\'2021-08-07\')?.format(FORMAT); // \\"2021-08-07T00:00:00+03:00\\"\\ndateTimeParse(1621708204063)?.format(FORMAT); // \\"2021-05-22T21:30:04+03:00\\"\\ndateTimeParse(\'\')?.format(FORMAT); // undefined\\ndateTimeParse(\'incorrect-date\')?.format(FORMAT); // undefined\\n\\n// parse relative date\\ndateTimeParse(\'now\')?.format(FORMAT); // \\"2021-08-07T12:10:00+03:00\\"\\ndateTimeParse(\'now-1d\')?.format(FORMAT); // \\"2021-08-06T12:10:00+03:00\\"\\ndateTimeParse(\'now-1d+1M\')?.format(FORMAT); // \\"2021-09-06T12:10:00+03:00\\"\\ndateTimeParse(\'now/d\')?.format(FORMAT); // \\"2021-08-07T00:00:00+03:00\\"\\ndateTimeParse(\'now+1d/d\')?.format(FORMAT); // \\"2021-08-08T00:00:00+03:00\\"\\ndateTimeParse(\'now-1f\')?.format(FORMAT); // undefined\\n\\n// create dateTime\\ndateTime().format(FORMAT); // \\"2021-08-07T12:10:00+03:00\\"\\ndateTime({input: \'2021-08-07\'}).format(FORMAT); // \\"2021-08-07T00:00:00+03:00\\"\\ndateTime({input: \'2021-08-07\', format: \'YYYY-MM-DD\'}).format(FORMAT); // \\"2021-08-07T00:00:00+03:00\\"\\ndateTime({timeZone: \'Asia/Tokyo\'}).format(FORMAT); // \\"2021-08-07T18:10:00+09:00\\ndateTime({input: \'\'}).format(FORMAT); // \\"Invalid Date\\"\\ndateTime({input: \'2021-08\', format: \'YYYY-MM-DD\'}).format(FORMAT); // \\"Invalid Date\\"\\n```\\n\\n## Settings\\n\\n```typescript\\nimport {settings} from \'@gravity-ui/date-utils\';\\n\\n// Locales management\\nsettings.getLocale(); // default locale \\"en\\"\\nsettings.loadLocale(\'de\').then(() => {\\n  settings.setLocale(\'de\');\\n  settings.getLocale(); // \\"de\\"\\n});\\n\\n// Customization\\nsettings.updateLocale({weekStart: 0}); // change first day of week\\n```\\n","changelog":"# Changelog\\n\\n## [2.5.3](https://github.com/gravity-ui/date-utils/compare/v2.5.2...v2.5.3) (2024-06-10)\\n\\n\\n### Bug Fixes\\n\\n* **missing type:** added export for DurationUnit type ([#68](https://github.com/gravity-ui/date-utils/issues/68)) ([75bdaef](https://github.com/gravity-ui/date-utils/commit/75bdaef8b0d19270b4bddc42c4e5e27c18f22d9c))\\n\\n## [2.5.2](https://github.com/gravity-ui/date-utils/compare/v2.5.1...v2.5.2) (2024-05-27)\\n\\n\\n### Bug Fixes\\n\\n* **DateTime:** add missing formats and show ordinal values without brackets ([#66](https://github.com/gravity-ui/date-utils/issues/66)) ([dd9d942](https://github.com/gravity-ui/date-utils/commit/dd9d9429a831e05bf35892f558b3e1a443ecd6e7))\\n\\n## [2.5.1](https://github.com/gravity-ui/date-utils/compare/v2.5.0...v2.5.1) (2024-05-23)\\n\\n\\n### Bug Fixes\\n\\n* **locale:** add formats to en locale ([#64](https://github.com/gravity-ui/date-utils/issues/64)) ([8e2025e](https://github.com/gravity-ui/date-utils/commit/8e2025e426dd844d1d91a867655501511c33e392))\\n\\n## [2.5.0](https://github.com/gravity-ui/date-utils/compare/v2.4.0...v2.5.0) (2024-05-23)\\n\\n\\n### Features\\n\\n* **DateTime:** use own format and all dates math, remove unused dayjs plugins ([#62](https://github.com/gravity-ui/date-utils/issues/62)) ([72c210c](https://github.com/gravity-ui/date-utils/commit/72c210c34c94320190a0af01d5fc1f1987a6ae61))\\n* **Duration:** add format method ([#60](https://github.com/gravity-ui/date-utils/issues/60)) ([aa0af56](https://github.com/gravity-ui/date-utils/commit/aa0af5689e837bdd8da6eca36b08c22609569092))\\n\\n## [2.4.0](https://github.com/gravity-ui/date-utils/compare/v2.3.0...v2.4.0) (2024-04-24)\\n\\n\\n### Features\\n\\n* add Duration ([#55](https://github.com/gravity-ui/date-utils/issues/55)) ([2da2434](https://github.com/gravity-ui/date-utils/commit/2da243405a5da7b88a11185d23aa4f415ef747f9))\\n\\n\\n### Bug Fixes\\n\\n* **Duration:** humanize should not depend on DST ([#56](https://github.com/gravity-ui/date-utils/issues/56)) ([9784b50](https://github.com/gravity-ui/date-utils/commit/9784b50c505e51e6daf2654b663cded59b2bd3c8))\\n\\n## [2.3.0](https://github.com/gravity-ui/date-utils/compare/v2.2.0...v2.3.0) (2024-04-15)\\n\\n\\n### Features\\n\\n* custom parser for relative date input ([#53](https://github.com/gravity-ui/date-utils/issues/53)) ([6b23322](https://github.com/gravity-ui/date-utils/commit/6b23322423dc8b2e334d0c3aee321373a4d0367a))\\n\\n## [2.2.0](https://github.com/gravity-ui/date-utils/compare/v2.1.0...v2.2.0) (2024-04-08)\\n\\n\\n### Features\\n\\n* **DateTime:** add helper to interpret input without timezone as utc time otherwise convert to utc ([#50](https://github.com/gravity-ui/date-utils/issues/50)) ([8de9d1d](https://github.com/gravity-ui/date-utils/commit/8de9d1ddf9845978fffc97e3ed52563b739fbcf5))\\n\\n## [2.1.0](https://github.com/gravity-ui/date-utils/compare/v2.0.1...v2.1.0) (2024-01-25)\\n\\n\\n### Features\\n\\n* **settings:** replaces dynamic import with getting a ready static module loader ([#46](https://github.com/gravity-ui/date-utils/issues/46)) ([d9f46a8](https://github.com/gravity-ui/date-utils/commit/d9f46a82679084c5051e6b18826d5f39a732915d))\\n\\n## [2.0.1](https://github.com/gravity-ui/date-utils/compare/v2.0.0...v2.0.1) (2024-01-02)\\n\\n\\n### Bug Fixes\\n\\n* **DateTime:** correctly calculate start of year ([#43](https://github.com/gravity-ui/date-utils/issues/43)) ([c902937](https://github.com/gravity-ui/date-utils/commit/c9029376ddc7fe10cb96ed2b89a60c1759c56b5d))\\n\\n## [2.0.0](https://github.com/gravity-ui/date-utils/compare/v1.4.2...v2.0.0) (2023-12-28)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* **dateTime:**  work with UTC the same as with other timezones, in case if input date does not contain timezone information\\n\\n```js\\nguessUserTimeZone() == \'Europe/Moscow\';\\n // Before\\ndateTime({input: \'2023-12-31\', timeZone: \'UTC\') == \'2023-12-31T00:00Z\'\\n// After\\ndateTime({input: \'2023-12-31\', timeZone: \'UTC\') == \'2023-12-30T21:00Z\'\\n```\\n\\n### Bug Fixes\\n\\n* **dateTime:** correctly works with timezones, utc offsets and DST ([#41](https://github.com/gravity-ui/date-utils/issues/41)) ([23488cc](https://github.com/gravity-ui/date-utils/commit/23488cc07f481c2f285abb40bec2dbb44f37ccac))\\n\\n## [1.4.2](https://github.com/gravity-ui/date-utils/compare/v1.4.1...v1.4.2) (2023-08-29)\\n\\n\\n### Bug Fixes\\n\\n* **dateTime:** fix typings for utcOffset() ([#33](https://github.com/gravity-ui/date-utils/issues/33)) ([0559cf0](https://github.com/gravity-ui/date-utils/commit/0559cf0b141855732d62ddcc4115986934dd6502))\\n\\n## [1.4.1](https://github.com/gravity-ui/date-utils/compare/v1.4.0...v1.4.1) (2023-05-22)\\n\\n\\n### Bug Fixes\\n\\n* **DurationUnit:** add date unit ([#30](https://github.com/gravity-ui/date-utils/issues/30)) ([ea7c455](https://github.com/gravity-ui/date-utils/commit/ea7c45510ea134a6dedc90cb24be5e0b2d59a759))\\n\\n## [1.4.0](https://github.com/gravity-ui/date-utils/compare/v1.3.1...v1.4.0) (2023-05-20)\\n\\n\\n### Features\\n\\n* **Settings:** add getLocaleData method ([#28](https://github.com/gravity-ui/date-utils/issues/28)) ([746383e](https://github.com/gravity-ui/date-utils/commit/746383eaff6e1e5dfb1fd0f7005dd5e9be0a4f86))\\n\\n## [1.3.1](https://github.com/gravity-ui/date-utils/compare/v1.3.0...v1.3.1) (2023-04-07)\\n\\n\\n### Bug Fixes\\n\\n* revert support UTC formatting ([#26](https://github.com/gravity-ui/date-utils/issues/26)) ([be2d98c](https://github.com/gravity-ui/date-utils/commit/be2d98c4bfc0ffd00cf807221c728fd13e084ac0))\\n\\n## [1.3.0](https://github.com/gravity-ui/date-utils/compare/v1.2.0...v1.3.0) (2023-03-28)\\n\\n\\n### Features\\n\\n* support UTC timezone formatting ([#24](https://github.com/gravity-ui/date-utils/issues/24)) ([4a6f21f](https://github.com/gravity-ui/date-utils/commit/4a6f21f89fe49740bc972734db9df9e17ca99fd6))\\n\\n\\n### Bug Fixes\\n\\n* add missing types signatures ([#18](https://github.com/gravity-ui/date-utils/issues/18)) ([5905e60](https://github.com/gravity-ui/date-utils/commit/5905e6076e731907b4a93fcbc0140ccb483dd273))\\n* improve typings for utc plugin ([#23](https://github.com/gravity-ui/date-utils/issues/23)) ([d4df45f](https://github.com/gravity-ui/date-utils/commit/d4df45f4de99d2aa8e476e7e40d9264b4e84d804))\\n\\n## [1.2.0](https://github.com/gravity-ui/date-utils/compare/v1.1.3...v1.2.0) (2023-03-17)\\n\\n\\n### Features\\n\\n* add advancedFormat plugin ([#20](https://github.com/gravity-ui/date-utils/issues/20)) ([b2a12e6](https://github.com/gravity-ui/date-utils/commit/b2a12e623574accdce0006cf55cee6ab924043c4))\\n\\n## [1.1.3](https://github.com/gravity-ui/date-utils/compare/v1.1.2...v1.1.3) (2023-02-13)\\n\\n\\n### Bug Fixes\\n\\n* import only used functions from lodash ([#16](https://github.com/gravity-ui/date-utils/issues/16)) ([cd8e057](https://github.com/gravity-ui/date-utils/commit/cd8e057963f8dc5f72051a36c4bed31e3771fc51))\\n\\n## [1.1.2](https://github.com/gravity-ui/date-utils/compare/v1.1.1...v1.1.2) (2023-02-08)\\n\\n\\n### Bug Fixes\\n\\n* properly export types dependent on dayjs plugins ([#14](https://github.com/gravity-ui/date-utils/issues/14)) ([8445819](https://github.com/gravity-ui/date-utils/commit/8445819eb4a3fc76e1da08287dd0393072d99a2b))\\n\\n## [1.1.1](https://github.com/gravity-ui/date-utils/compare/v1.1.0...v1.1.1) (2023-02-01)\\n\\n\\n### Bug Fixes\\n\\n* fix settings.loadLocale ([#12](https://github.com/gravity-ui/date-utils/issues/12)) ([753668b](https://github.com/gravity-ui/date-utils/commit/753668bb9189166a6b32034c6dbeea11addf2b6e))\\n\\n## [1.1.0](https://github.com/gravity-ui/date-utils/compare/v1.0.0...v1.1.0) (2023-01-31)\\n\\n\\n### Features\\n\\n* add localized formats plugin ([#11](https://github.com/gravity-ui/date-utils/issues/11)) ([a59640f](https://github.com/gravity-ui/date-utils/commit/a59640f27b77e0af09b1574f72ea641cbb60c03f))\\n\\n\\n### Bug Fixes\\n\\n* fix DateTime interface ([#9](https://github.com/gravity-ui/date-utils/issues/9)) ([c2ddeb4](https://github.com/gravity-ui/date-utils/commit/c2ddeb4180a19069d769ce4d88e3980af4893afc))\\n\\n## 1.0.0 (2023-01-18)\\n\\n\\n### Bug Fixes\\n\\n* fix readme install section ([#7](https://github.com/gravity-ui/date-utils/issues/7)) ([b0dd0a4](https://github.com/gravity-ui/date-utils/commit/b0dd0a47311c042993817e60ed56347552be48b3))\\n","contributors":[{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":15},{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":11},{"login":"KalachevDev","avatarUrl":"https://avatars.githubusercontent.com/u/30410979?v=4","url":"https://github.com/KalachevDev","contributions":3},{"login":"dividead","avatarUrl":"https://avatars.githubusercontent.com/u/4695397?v=4","url":"https://github.com/dividead","contributions":2},{"login":"a1eksandrk","avatarUrl":"https://avatars.githubusercontent.com/u/60098929?v=4","url":"https://github.com/a1eksandrk","contributions":1},{"login":"AlexeyW100","avatarUrl":"https://avatars.githubusercontent.com/u/45878152?v=4","url":"https://github.com/AlexeyW100","contributions":1},{"login":"chervyakovru","avatarUrl":"https://avatars.githubusercontent.com/u/14909082?v=4","url":"https://github.com/chervyakovru","contributions":1},{"login":"DarkGenius","avatarUrl":"https://avatars.githubusercontent.com/u/4076124?v=4","url":"https://github.com/DarkGenius","contributions":1},{"login":"catakot","avatarUrl":"https://avatars.githubusercontent.com/u/21214799?v=4","url":"https://github.com/catakot","contributions":1}],"codeOwners":[]},"date-components":{"stars":6,"version":"2.8.0","lastUpdate":"16.07.2024","license":"MIT License","issues":6,"readme":"# @gravity-ui/date-components &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/date-components)](https://www.npmjs.com/package/@gravity-ui/date-components) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/date-components/.github/workflows/ci.yml?label=CI&logo=github)](https://github.com/gravity-ui/date-components/actions/workflows/ci.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/date-components/)\\n\\n## Install\\n\\n```shell\\nnpm install --save-dev @gravity-ui/uikit @gravity-ui/date-components\\n```\\n\\n## Development\\n\\nTo start the development server with storybook run the following:\\n\\n```shell\\nnpm start\\n```\\n","changelog":"# Changelog\\n\\n## [2.8.0](https://github.com/gravity-ui/date-components/compare/v2.7.1...v2.8.0) (2024-07-16)\\n\\n\\n### Features\\n\\n* **RelativePickers:** add onOpenChange event handler ([#118](https://github.com/gravity-ui/date-components/issues/118)) ([8270119](https://github.com/gravity-ui/date-components/commit/82701198fe5c3bac1342356b2c6b412b86bfb895))\\n\\n\\n### Bug Fixes\\n\\n* **RelativeRangeDatePicker:** correctly close picker popup inside dialog ([#117](https://github.com/gravity-ui/date-components/issues/117)) ([f122950](https://github.com/gravity-ui/date-components/commit/f1229508a9091864d753a613c75af858f7ca81c2))\\n\\n## [2.7.1](https://github.com/gravity-ui/date-components/compare/v2.7.0...v2.7.1) (2024-07-12)\\n\\n\\n### Bug Fixes\\n\\n* **RelativeRangeDatePicker:** pass popupClassName into popup component ([#113](https://github.com/gravity-ui/date-components/issues/113)) ([c7860b5](https://github.com/gravity-ui/date-components/commit/c7860b59fab18c35ef518fd6d19bbf5177a8439d))\\n\\n## [2.7.0](https://github.com/gravity-ui/date-components/compare/v2.6.0...v2.7.0) (2024-07-10)\\n\\n\\n### Features\\n\\n* **RelativeRangeDatePicker:** add RelativeRangeDatePickerValue public type ([#107](https://github.com/gravity-ui/date-components/issues/107)) ([137a3d4](https://github.com/gravity-ui/date-components/commit/137a3d46bf89bf696adfad0840756cbfdeca6988))\\n* **RelativeRangeDatePicker:** export default presets ([#108](https://github.com/gravity-ui/date-components/issues/108)) ([95b9b4d](https://github.com/gravity-ui/date-components/commit/95b9b4deace290d09e34a55dea752355df24443c))\\n\\n\\n### Bug Fixes\\n\\n* **Pickers:** extract time format in pickers from format props ([#102](https://github.com/gravity-ui/date-components/issues/102)) ([9006c8f](https://github.com/gravity-ui/date-components/commit/9006c8fa9e54ad98b259bbbbe5d45cc57246f535))\\n* **RelativePickers:** always open popup on click on input ([#105](https://github.com/gravity-ui/date-components/issues/105)) ([27390e5](https://github.com/gravity-ui/date-components/commit/27390e59e924d316afe4829d06e5b895b2f026ad))\\n* **RelativeRangeDatePicker:** close popup on outside click after switch browser tabs ([#98](https://github.com/gravity-ui/date-components/issues/98)) ([e7ac61b](https://github.com/gravity-ui/date-components/commit/e7ac61be417eef64ca15ee85bc819d2debc0ba38))\\n* **RelativeRangeDatePicker:** close popup on select preset ([#111](https://github.com/gravity-ui/date-components/issues/111)) ([695bc2c](https://github.com/gravity-ui/date-components/commit/695bc2c2e3ddf51139a089bf3d7615bd5ab6b173))\\n* **RelativeRangeDatePicker:** do not show offset for default timezone ([#112](https://github.com/gravity-ui/date-components/issues/112)) ([c95cbc2](https://github.com/gravity-ui/date-components/commit/c95cbc2ed9d788af6a4a5554029601ac0b5b6025))\\n* **RelativeRangeDatePicker:** preset popup padding ([#91](https://github.com/gravity-ui/date-components/issues/91)) ([873703f](https://github.com/gravity-ui/date-components/commit/873703fc5e7dda129abd24f174f0654d40182c29))\\n* **RelativeRangeDatePicker:** transparent caret in the main input ([#104](https://github.com/gravity-ui/date-components/issues/104)) ([29016df](https://github.com/gravity-ui/date-components/commit/29016df042baf6cb7d9ce5b4e582382cd171201c))\\n\\n## [2.6.0](https://github.com/gravity-ui/date-components/compare/v2.5.0...v2.6.0) (2024-06-28)\\n\\n\\n### Features\\n\\n* **DatePicker, RangeDatePicker:** add popup trigger props ([#89](https://github.com/gravity-ui/date-components/issues/89)) ([5139151](https://github.com/gravity-ui/date-components/commit/5139151f89c07f1f281e725f8f95a80015323417))\\n\\n\\n### Bug Fixes\\n\\n* **RelativeRangeDatePicker:** set id on input ([#94](https://github.com/gravity-ui/date-components/issues/94)) ([f54f1b9](https://github.com/gravity-ui/date-components/commit/f54f1b912f6e58c85d8bcb3d6978103704a68c3a))\\n\\n## [2.5.0](https://github.com/gravity-ui/date-components/compare/v2.4.0...v2.5.0) (2024-06-18)\\n\\n\\n### Features\\n\\n* support form ([#85](https://github.com/gravity-ui/date-components/issues/85)) ([957aff4](https://github.com/gravity-ui/date-components/commit/957aff419999c7a978ceacfdea338ddd4c6a997c))\\n* support RSC ([#80](https://github.com/gravity-ui/date-components/issues/80)) ([a7724dc](https://github.com/gravity-ui/date-components/commit/a7724dc8f3dded9278ee075553e2824e442052e8))\\n* update @gravity-ui/date-utils to v2.5.1 ([#78](https://github.com/gravity-ui/date-components/issues/78)) ([5148679](https://github.com/gravity-ui/date-components/commit/5148679012c0c33af1f7fd1c92abbeeb8761326a))\\n\\n\\n### Bug Fixes\\n\\n* update @gravity-ui/date-utils to v2.5.3 ([#86](https://github.com/gravity-ui/date-components/issues/86)) ([4f8a22e](https://github.com/gravity-ui/date-components/commit/4f8a22e8218c4ffc0a5650d894ab36ce9d707797))\\n\\n## [2.4.0](https://github.com/gravity-ui/date-components/compare/v2.3.1...v2.4.0) (2024-05-15)\\n\\n\\n### Features\\n\\n* **RelativeRangeDatePicker:** remove dates hint  ([#75](https://github.com/gravity-ui/date-components/issues/75)) ([88cbce0](https://github.com/gravity-ui/date-components/commit/88cbce0f28410677d34a7327963c5e725ef62846))\\n\\n## [2.3.1](https://github.com/gravity-ui/date-components/compare/v2.3.0...v2.3.1) (2024-05-13)\\n\\n\\n### Bug Fixes\\n\\n* **RelativeRangeDatePicker:** correctly close popup on click outside ([#71](https://github.com/gravity-ui/date-components/issues/71)) ([6175356](https://github.com/gravity-ui/date-components/commit/61753562490cf40ce7245d839712cf2eac607a82))\\n\\n## [2.3.0](https://github.com/gravity-ui/date-components/compare/v2.2.1...v2.3.0) (2024-04-15)\\n\\n\\n### Features\\n\\n* **RelativeDate:** support custom relative date input parser ([#65](https://github.com/gravity-ui/date-components/issues/65)) ([f0036ff](https://github.com/gravity-ui/date-components/commit/f0036ff2ae49f4ffe4d219520580e06604bc236f))\\n\\n## [2.2.1](https://github.com/gravity-ui/date-components/compare/v2.2.0...v2.2.1) (2024-03-29)\\n\\n\\n### Bug Fixes\\n\\n* **RangeDatePicker:** add component export ([#62](https://github.com/gravity-ui/date-components/issues/62)) ([9cc9915](https://github.com/gravity-ui/date-components/commit/9cc991586f97b397e167dd7efe4fafa25a055ae6))\\n\\n## [2.2.0](https://github.com/gravity-ui/date-components/compare/v2.1.0...v2.2.0) (2024-03-27)\\n\\n\\n### Features\\n\\n* add a new range date picker component ([#47](https://github.com/gravity-ui/date-components/issues/47)) ([ce19b43](https://github.com/gravity-ui/date-components/commit/ce19b43950dedc6e039867825974aee126594d0f))\\n\\n\\n### Bug Fixes\\n\\n* correctly change date when switching day period ([#60](https://github.com/gravity-ui/date-components/issues/60)) ([43dc35a](https://github.com/gravity-ui/date-components/commit/43dc35a0db06137d7b64cb372850309e20d06adf))\\n\\n## [2.1.0](https://github.com/gravity-ui/date-components/compare/v2.0.1...v2.1.0) (2024-03-26)\\n\\n\\n### Features\\n\\n* **Calendar:** improve a11y ([#59](https://github.com/gravity-ui/date-components/issues/59)) ([082db0f](https://github.com/gravity-ui/date-components/commit/082db0f286a596bcb0de98cf0009ba013ff44648))\\n* **DatePicker:** show clock icon if select only time ([#57](https://github.com/gravity-ui/date-components/issues/57)) ([5400b90](https://github.com/gravity-ui/date-components/commit/5400b904591df28520ee89e289edf7093f5012bd))\\n\\n## [2.0.1](https://github.com/gravity-ui/date-components/compare/v2.0.0...v2.0.1) (2024-02-26)\\n\\n\\n### Bug Fixes\\n\\n* **build:** fix declarations generation ([#55](https://github.com/gravity-ui/date-components/issues/55)) ([dff7b25](https://github.com/gravity-ui/date-components/commit/dff7b259dc0637dae30215f0b5cc8dd67df48539))\\n\\n## [2.0.0](https://github.com/gravity-ui/date-components/compare/v1.6.0...v2.0.0) (2024-02-26)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update to @gravity-ui/uikit 6 ([#49](https://github.com/gravity-ui/date-components/issues/49))\\n* update date-utils ([#25](https://github.com/gravity-ui/date-components/issues/25))\\n\\n### Features\\n\\n* add a new range date field component ([#32](https://github.com/gravity-ui/date-components/issues/32)) ([041d5bc](https://github.com/gravity-ui/date-components/commit/041d5bcde226e0a9c981e5fe3faff78a40e68721))\\n* add RelativeRangeDatePicker component ([af74354](https://github.com/gravity-ui/date-components/commit/af743548fb2a92c724d7ff184e976e6adf3fc1d9))\\n* **DateField:** add hidden input for native form submissition ([810f06c](https://github.com/gravity-ui/date-components/commit/810f06c3a815bc00d62830d77f7250a61643a004))\\n* export RangeValue type from the library ([#50](https://github.com/gravity-ui/date-components/issues/50)) ([6828c6e](https://github.com/gravity-ui/date-components/commit/6828c6e556d2f419276f9ea1f9f0f32c7baac44d))\\n* **RelativeDateField:** add roundUp prop ([6a73684](https://github.com/gravity-ui/date-components/commit/6a7368498c9690c2053fc2c6ccf04586481afce5))\\n* **timezone:** use timeZone prop to show values ([#36](https://github.com/gravity-ui/date-components/issues/36)) ([d87923e](https://github.com/gravity-ui/date-components/commit/d87923ec78dbb1f129ddcb01907cf08b42eb58bd))\\n* update to @gravity-ui/uikit 6 ([#49](https://github.com/gravity-ui/date-components/issues/49)) ([7f6ef01](https://github.com/gravity-ui/date-components/commit/7f6ef01427736c278a53f22d47ce36f3f09c0fb5))\\n\\n\\n### Bug Fixes\\n\\n* accept events handlers with custom targets ([#45](https://github.com/gravity-ui/date-components/issues/45)) ([2a28389](https://github.com/gravity-ui/date-components/commit/2a2838938755ecd2a8db5d0de999d805a8dac897))\\n* **DateField:** correctly manage format changing ([cad9a7e](https://github.com/gravity-ui/date-components/commit/cad9a7e5a1e4bb7a7a7690ae0a134ea5a2d62104))\\n* **MobileCalendar:** fix trigger click area on iOS ([e252c31](https://github.com/gravity-ui/date-components/commit/e252c316c270f8cc8b47c43213adcf128f3b0f80))\\n* update date-utils ([#25](https://github.com/gravity-ui/date-components/issues/25)) ([76422ef](https://github.com/gravity-ui/date-components/commit/76422ef323569640a8b7e16907614e1525c0295c))\\n\\n## [1.6.0](https://github.com/gravity-ui/date-components/compare/v1.5.0...v1.6.0) (2024-02-21)\\n\\n\\n### Features\\n\\n* **Relative components:** Add description in README ([#48](https://github.com/gravity-ui/date-components/issues/48)) ([b91027a](https://github.com/gravity-ui/date-components/commit/b91027adf6d4949022aabfdffa7fd197f5edba66))\\n\\n## [1.5.0](https://github.com/gravity-ui/date-components/compare/v1.4.0...v1.5.0) (2024-02-06)\\n\\n\\n### Features\\n\\n* **DatePicker:** add description in README ([#43](https://github.com/gravity-ui/date-components/issues/43)) ([7a4a1dc](https://github.com/gravity-ui/date-components/commit/7a4a1dc0c25a0f0031cea0f837069bf7bc58218f))\\n\\n## [1.4.0](https://github.com/gravity-ui/date-components/compare/v1.3.0...v1.4.0) (2024-02-02)\\n\\n\\n### Features\\n\\n* **RangeCalendar:** add description for RangeCalendar ([#40](https://github.com/gravity-ui/date-components/issues/40)) ([6fed701](https://github.com/gravity-ui/date-components/commit/6fed701e7f4b1c84549dd0148926153c413a65ab))\\n\\n## [1.3.0](https://github.com/gravity-ui/date-components/compare/v1.2.0...v1.3.0) (2024-01-30)\\n\\n\\n### Features\\n\\n* **Calendar:** add README for Calendar ([#38](https://github.com/gravity-ui/date-components/issues/38)) ([95226dc](https://github.com/gravity-ui/date-components/commit/95226dcd8610eb4012ab73a9785419563554d078))\\n\\n## [1.2.0](https://github.com/gravity-ui/date-components/compare/v1.1.1...v1.2.0) (2024-01-26)\\n\\n\\n### Features\\n\\n* **DateField:** add component\'s description in README ([#35](https://github.com/gravity-ui/date-components/issues/35)) ([e8a015e](https://github.com/gravity-ui/date-components/commit/e8a015e4c0341f25eec0c944101ccf648bb72211))\\n* **DateField:** support rtl ([#28](https://github.com/gravity-ui/date-components/issues/28)) ([0d7bd16](https://github.com/gravity-ui/date-components/commit/0d7bd16b1fa740960679755c74e7a011692c196a))\\n\\n\\n### Bug Fixes\\n\\n* **Calendar:** prevent default behaviour on navigation ([#26](https://github.com/gravity-ui/date-components/issues/26)) ([5a9c51f](https://github.com/gravity-ui/date-components/commit/5a9c51fe10de8b8652196bcb2bcc22015cbf9d4b))\\n\\n## [1.1.1](https://github.com/gravity-ui/date-components/compare/v1.1.0...v1.1.1) (2023-11-20)\\n\\n\\n### Bug Fixes\\n\\n* correctly control popup open state in pickers ([#17](https://github.com/gravity-ui/date-components/issues/17)) ([3af332f](https://github.com/gravity-ui/date-components/commit/3af332ffddbe50d40c2260558d8d15fcc0b2a574))\\n* **DateField:** change field with numbers keys in Firefox ([#21](https://github.com/gravity-ui/date-components/issues/21)) ([0872c11](https://github.com/gravity-ui/date-components/commit/0872c114cb27324939b52ecfcb5e5d6c35de3b11))\\n* **DateField:** correctly work with 2-digits years ([#22](https://github.com/gravity-ui/date-components/issues/22)) ([0d23300](https://github.com/gravity-ui/date-components/commit/0d23300fa9f4eed7547eb3744b84c8ec4e9c13d8))\\n* **RangeCalendar:** select dates only on a minimum mode ([#18](https://github.com/gravity-ui/date-components/issues/18)) ([b59477a](https://github.com/gravity-ui/date-components/commit/b59477a27c2187299524cd2e186f4e267444168a))\\n\\n## [1.1.0](https://github.com/gravity-ui/date-components/compare/v1.0.0...v1.1.0) (2023-11-02)\\n\\n\\n### Features\\n\\n* **Calendar:** allow to controll available modes (days, months, quartes, years) ([ee6e797](https://github.com/gravity-ui/date-components/commit/ee6e797dfef9692bd120df281df7aeef3b7c083a))\\n* **Calendar:** respects prefers-reduced-motion: reduce ([#13](https://github.com/gravity-ui/date-components/issues/13)) ([cbd4016](https://github.com/gravity-ui/date-components/commit/cbd4016292e67c42a6f51ce2ed6be926bd59c148))\\n* **DatePicker, RelativeDatePicker:** allow to render custom calendar ([2bc50b6](https://github.com/gravity-ui/date-components/commit/2bc50b69a0c35fef8fd7971c4bcb30752f16ba6b))\\n\\n## 1.0.0 (2023-08-06)\\n\\n\\n### Features\\n\\n* **Calendar:** add new component ([#1](https://github.com/gravity-ui/date-components/issues/1)) ([c0b7776](https://github.com/gravity-ui/date-components/commit/c0b7776e58eec876af891f5cb9d59874384edcc0))\\n* **RangeCalendar:** add new component ([965e416](https://github.com/gravity-ui/date-components/commit/965e4164cbfe5b2cc0d633ce294c7aa32bbd09cd))\\n* **DateField:** add new component ([8ff3f2c](https://github.com/gravity-ui/date-components/commit/8ff3f2c7e1214e65726c18be14689f8bc2b9edab))\\n* **DatePicker:** add new commponent ([48c41fb](https://github.com/gravity-ui/date-components/commit/48c41fbdceffe7383a8eb11dcfdaaedeb1253146))\\n* **RelativeDateField:** add new component ([3346fc7](https://github.com/gravity-ui/date-components/commit/3346fc7df064da04b5d04761d6a4f5a47009aefe))\\n* **RelativeDatePicker:** add new component ([849b6ca](https://github.com/gravity-ui/date-components/commit/849b6ca2fa27a44d99e95fb49d0e65c39de34f75))\\n","contributors":[{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":61},{"login":"Arucard89","avatarUrl":"https://avatars.githubusercontent.com/u/13587201?v=4","url":"https://github.com/Arucard89","contributions":5},{"login":"saxumcordis","avatarUrl":"https://avatars.githubusercontent.com/u/42944548?v=4","url":"https://github.com/saxumcordis","contributions":4},{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":3},{"login":"krozhkov","avatarUrl":"https://avatars.githubusercontent.com/u/17095356?v=4","url":"https://github.com/krozhkov","contributions":2},{"login":"lxndr","avatarUrl":"https://avatars.githubusercontent.com/u/579459?v=4","url":"https://github.com/lxndr","contributions":1},{"login":"zamkovskaya","avatarUrl":"https://avatars.githubusercontent.com/u/128601366?v=4","url":"https://github.com/zamkovskaya","contributions":1},{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":1},{"login":"kseniya57","avatarUrl":"https://avatars.githubusercontent.com/u/31247233?v=4","url":"https://github.com/kseniya57","contributions":1}],"codeOwners":[{"pattern":"*","owners":["amje","ValeraS","korvin89"]}]},"axios-wrapper":{"stars":10,"version":"1.4.1","lastUpdate":"13.04.2023","license":"MIT License","issues":2,"readme":"# Axios Wrapper\\nThis library provides a convenient wrapper around Axios adding automatic cancelling of concurrent requests\\nto its features.\\n\\n## Install\\n\\n```shell\\nnpm install --save-dev @gravity-ui/axios-wrapper\\n```\\n\\n## HTTP API\\n\\n### Constructor parameters\\n\\n##### config [optional]\\nThe configuration of an `axios` instance.\\n\\n##### collector [optional]\\nThe configuration of requests collector is an object:\\n```json\\n{\\n    \\"collectErrors\\": 10,\\n    \\"collectRequests\\": 10\\n}\\n```\\n\\n### Basic methods\\nWrapper provides http-methods `get`, `head`, `put`, `post`, `delete`.\\n\\nMethods `get` and `head` have the signature `(url, params, options)`; `put`, `post`, while the `delete` method\\nhas `(url, data, params, options)` signature.\\n\\nThe `params` argument stands for query string parameters while `options` is a request settings.\\n\\nCurrently 4 request settings are supported:\\n- `concurrentId (string)`: optional request id\\n- `collectRequest (bool)`: optional flag, telling if the request should be logger (default `true`)\\n- `requestConfig (object)`: optional config with the custom request parameters\\n- `headers (object)`: optional object with custom request headers.\\n- `timeout (number)`: optional request timeout\\n- `onDownloadProgress (function)`: optional callback for processing file download progress\\n\\n### Headers\\nThe `setDefaultHeader({name (string), value (string), methods (array)})` method allows to add a default\\nrequest header.\\n\\nArguments `name` and `value` are required, optional argument `methods` specified all methods which get those\\ndefault headers (by default all methods will get those headers).\\n\\n### CSRF\\nThe `setCSRFToken` method allows specifying CSRF-token, which will be added to all `put`, `post` and `delete`\\nrequests.\\n\\n### Concurrent requests\\nSometimes it is better to cancel the request in flight if its results are no longer needed. To make this\\nhappen, one should pass to request\'s `options` the `concurrentId` id. When the next request with the same\\n`concurrentId` occurs the previous request with that id will be cancelled.\\n\\nOne cancel a request manually as well by invoking the `cancelRequest(concurrentId)` method.\\n\\n### Collecting requests\\nIt is possible to set up requests collection into the local storage using the `collector` option. It stores\\nall requests and errors separately. The following `apiInstance` will keep 10 last requests (both successful\\nand not) and 10 last erroneous requests.\\n```javascript\\nconst apiInstance = new API({\\n    collector: {\\n        collectErrors: 10,\\n        collectRequests: 10\\n    }\\n});\\n```\\n\\nTo obtain saved requests one have to invoke the `getCollectedRequests` method which returns the object\\n`{errors: [...], requests: [...]}`.\\n\\n### Usage\\nThe suggested usage is to subclass the base `AxiosWrapper` class:\\n```javascript\\nexport class API extends AxiosWrapper {\\n    getProjects() {\\n        return this.get(\'/projects\');\\n    }\\n    getSensors({project, selectors}) {\\n        return this.get(`/projects/${project}/sensors`, {selectors, pageSize: 200});\\n    }\\n    getNames({project, selectors}) {\\n        return this.get(`/projects/${project}/sensors/names`, {selectors});\\n    }\\n    getLabels({project, names, selectors}) {\\n        return this.get(`/projects/${project}/sensors/labels`, {names, selectors});\\n    }\\n}\\n```\\n\\nWhen the `baseURL` parameter is passed into `axios` config, all requested pathnames will be appended to it.\\n```javascript\\nconst apiInstance = new API({\\n    config: {\\n        baseURL: \'/api/v2\'\\n    }\\n});\\n```\\n","changelog":"# Changelog\\n\\n## [1.4.1](https://github.com/gravity-ui/axios-wrapper/compare/v1.4.0...v1.4.1) (2023-04-13)\\n\\n\\n### Bug Fixes\\n\\n* options types ([4324fb8](https://github.com/gravity-ui/axios-wrapper/commit/4324fb8508e8d553143f90f4646506a24c03a971))\\n\\n## [1.4.0](https://github.com/gravity-ui/axios-wrapper/compare/v1.3.0...v1.4.0) (2023-04-04)\\n\\n\\n### chore\\n\\n* update dependencies ([9f5f4a6](https://github.com/gravity-ui/axios-wrapper/commit/9f5f4a65b54867c632b26310d3a96c610a27fc07))\\n* use node 18 ([d6271b39](https://github.com/gravity-ui/axios-wrapper/commit/d6271b39b92a0b1cb54de2318f1d2ce23a6118a9))\\n\\n## [1.3.0](https://github.com/gravity-ui/axios-wrapper/compare/v1.2.2...v1.3.0) (2022-11-29)\\n\\n\\n### chore\\n\\n* add npmrc and nvmrc files ([#23](https://github.com/gravity-ui/axios-wrapper/issues/23)) ([6830deb](https://github.com/gravity-ui/axios-wrapper/commit/6830debffd7baa005a754d41d63a4a3c7fdd7702))\\n* bump version ([#25](https://github.com/gravity-ui/axios-wrapper/issues/25)) ([116131a](https://github.com/gravity-ui/axios-wrapper/commit/116131a0fbd7cec6b7ac491bfed2f63019185cbd))\\n\\n## [1.2.2](https://github.com/yandex-cloud/axios-wrapper/compare/v1.2.1...v1.2.2) (2022-07-15)\\n\\n\\n### Bug Fixes\\n\\n* correctly handle errors with the missing response ([6b9dc0e](https://github.com/yandex-cloud/axios-wrapper/commit/6b9dc0eab2496aa21cd27e6044b5c6ab235210d1)), closes [#17](https://github.com/yandex-cloud/axios-wrapper/issues/17)\\n\\n### [1.2.1](https://www.github.com/yandex-cloud/axios-wrapper/compare/v1.2.0...v1.2.1) (2022-04-05)\\n\\n\\n### Bug Fixes\\n\\n* onDownloadProgress should be passed into options ([5008ab3](https://www.github.com/yandex-cloud/axios-wrapper/commit/5008ab3727367c3e852398e5314cdbdf19e4ec68))\\n\\n## [1.2.0](https://www.github.com/yandex-cloud/axios-wrapper/compare/v1.1.0...v1.2.0) (2022-04-05)\\n\\n\\n### Features\\n\\n* handle onDownloadProgress ([65558d1](https://www.github.com/yandex-cloud/axios-wrapper/commit/65558d10679a202983747f0a1db3be1294f8431e))\\n\\n## [1.1.0](https://www.github.com/yandex-cloud/axios-wrapper/compare/v1.0.2...v1.1.0) (2022-02-25)\\n\\n\\n### Features\\n\\n* add commonjs build to package.json ([2747900](https://www.github.com/yandex-cloud/axios-wrapper/commit/27479003b85432022c68e9582732354f52fd798b))\\n\\n### [1.0.2](https://www.github.com/yandex-cloud/axios-wrapper/compare/v1.0.1...v1.0.2) (2021-12-23)\\n\\n\\n### Bug Fixes\\n\\n* **deps-dev:** bump axios from 0.19.2 to 0.21.2 ([4a045fa](https://www.github.com/yandex-cloud/axios-wrapper/commit/4a045fa427f99193a1226dabca1c9b7dffb08d73))\\n\\n### [1.0.1](https://www.github.com/yandex-cloud/axios-wrapper/compare/v1.0.0...v1.0.1) (2021-12-23)\\n\\n\\n### Bug Fixes\\n\\n* set correct scope for npm publish ([dfe5cdc](https://www.github.com/yandex-cloud/axios-wrapper/commit/dfe5cdc915e79e4bc95af7a1b944b47232f3dfde))\\n\\n## 1.0.0 (2021-12-23)\\n\\nInitial release\\n","contributors":[{"login":"tsufiev","avatarUrl":"https://avatars.githubusercontent.com/u/1240006?v=4","url":"https://github.com/tsufiev","contributions":10},{"login":"Raubzeug","avatarUrl":"https://avatars.githubusercontent.com/u/42094364?v=4","url":"https://github.com/Raubzeug","contributions":6},{"login":"SeqviriouM","avatarUrl":"https://avatars.githubusercontent.com/u/1071418?v=4","url":"https://github.com/SeqviriouM","contributions":3}],"codeOwners":[]},"dialog-fields":{"stars":4,"version":"5.0.8","lastUpdate":"27.06.2024","license":"MIT License","issues":0,"readme":"## Short description\\n\\nThe purpose of `DFDialog` component is to ease of creating of forms, it is used react-final-form internally.\\nIt supports several predefined types of fields but user can extend it by registering new ones by using `registerDialogControl`.\\n\\n### Controls\\n\\n- [Base controls](https://preview.yandexcloud.dev/dialog-fields/?path=/story/demo-00-base-controls)\\n  - `plain` - static text\\n  - `text` - editable text\\n  - `multi-text` - user defined array of string\\n  - `checkbox` - checkbox\\n  - `tumbler` - tumbler\\n  - `radio` - radio button\\n  - `editable-list` - list of removable strings\\n  - `multi-editable-list` - multi list of removable strings\\n  - `text area` - text area\\n  - `select` - select\\n  - `block` - allows to add ReactNode\\n- [Custom control registration](https://preview.yandexcloud.dev/dialog-fields/?path=/story/tutorials-custom-control-registration)\\n\\n### Features\\n\\n- Inplace and modal view\\n- [One tab](https://preview.yandexcloud.dev/dialog-fields/?path=/story/demo-01-one-tab) and [several tab forms](https://preview.yandexcloud.dev/dialog-fields/?path=/story/demo-02-several-tab--horizontal-tabs)\\n- [Vertical/Horizontal tabs](https://preview.yandexcloud.dev/dialog-fields/?path=/story/demo-02-several-tab)\\n- [Hidden fields and tabs](https://preview.yandexcloud.dev/dialog-fields/?path=/story/demo-04-visibility-condition)\\n- [Linked fields by values](https://preview.yandexcloud.dev/dialog-fields/?path=/story/demo-05-extras-and-linked-fields)\\n- [Field-level validation](https://preview.yandexcloud.dev/dialog-fields/?path=/story/demo-06-field-validators)\\n- [Form-level validation](https://preview.yandexcloud.dev/dialog-fields/?path=/story/demo-07-form-validation)\\n- [Virtualized tabs](https://preview.yandexcloud.dev/dialog-fields/?path=/story/demo-08-virtualized-tabs)\\n- [Cloneable tabs](https://preview.yandexcloud.dev/dialog-fields/?path=/story/demo-08-cloneable-tabs-)\\n- [Groupped fields](https://preview.yandexcloud.dev/dialog-fields/?path=/story/demo-03-sections)\\n\\n## Install\\n\\n```\\n$ npm install @gravity-ui/dialog-fields\\n```\\n\\nAlso you have to install all required peer-dependencies\\n\\n```\\n$ npm install -D  @gravity-ui/uikit@^5 @bem-react/classname@1.6 react@^17\\n```\\n\\n## Usage\\n\\n```ts\\nimport {DFDialog, FormApi} from \'@gravity-ui/dialog-fields\';\\n\\ninterface FormValues {\\n  firstName: string;\\n  lastName: string;\\n}\\n\\nfunction MyForm() {\\n  return (\\n    <DFDialog<FormValues>\\n      visible={true}\\n      headerProps={{\\n        title: \'My form\',\\n      }}\\n      onAdd={(form) => {\\n        console.log(form.getState().values);\\n        return Promise.resolve();\\n      }}\\n      fields={[\\n        {\\n          name: \'firstName\',\\n          type: \'text\',\\n          caption: \'First name\',\\n          tooltip: \'Description for first name field\',\\n        },\\n        {\\n          name: \'lastName\',\\n          type: \'text\',\\n          caption: \'LastName\',\\n          tooltip: \'Description for last name field\',\\n        },\\n      ]}\\n    />\\n  );\\n}\\n```\\n\\nSee more examples in [storybook](https://preview.yandexcloud.dev/dialog-fields).\\n","changelog":"# Changelog\\n\\n## [5.0.8](https://github.com/gravity-ui/dialog-fields/compare/v5.0.7...v5.0.8) (2024-06-27)\\n\\n\\n### Bug Fixes\\n\\n* better type for ValidatorType ([cc6077e](https://github.com/gravity-ui/dialog-fields/commit/cc6077ed56f3f135b35783d41ef850fb7ce03d0b))\\n* minor fix for styles [YTFRONT-4132] ([09664b8](https://github.com/gravity-ui/dialog-fields/commit/09664b8ad0964a123f0f1babb46397385729409c))\\n\\n## [5.0.7](https://github.com/gravity-ui/dialog-fields/compare/v5.0.6...v5.0.7) (2024-04-02)\\n\\n\\n### Bug Fixes\\n\\n* make autoFocus correct for text components ([6f63777](https://github.com/gravity-ui/dialog-fields/commit/6f63777f5d3e164702ef8f0972c2bbfc30de188f))\\n\\n## [5.0.6](https://github.com/gravity-ui/dialog-fields/compare/v5.0.5...v5.0.6) (2024-03-11)\\n\\n\\n### Bug Fixes\\n\\n* better styles for size:\'s\' ([b4c7ebd](https://github.com/gravity-ui/dialog-fields/commit/b4c7ebde579fe0f57a455611c1bec928d53be1cb))\\n* better type for textApply property ([dbacf6f](https://github.com/gravity-ui/dialog-fields/commit/dbacf6f4d8c4bb42445482c8cf89c1e2d3ed14b1))\\n\\n## [5.0.5](https://github.com/gravity-ui/dialog-fields/compare/v5.0.4...v5.0.5) (2024-03-07)\\n\\n\\n### Bug Fixes\\n\\n* better vertical align for labels ([4060084](https://github.com/gravity-ui/dialog-fields/commit/4060084953f1d66435cfb45feb4312a136313319))\\n\\n## [5.0.4](https://github.com/gravity-ui/dialog-fields/compare/v5.0.3...v5.0.4) (2024-03-06)\\n\\n\\n### Bug Fixes\\n\\n* additional to 99d7d701dd91470e641e058f46af3d23d72deaf8 ([743fcec](https://github.com/gravity-ui/dialog-fields/commit/743fcecaa8627e1e4325545a48b7103f89852f4d))\\n\\n## [5.0.3](https://github.com/gravity-ui/dialog-fields/compare/v5.0.2...v5.0.3) (2024-03-06)\\n\\n\\n### Bug Fixes\\n\\n* minor fix for release.yaml ([63d962f](https://github.com/gravity-ui/dialog-fields/commit/63d962fbb065932cdccc1a3af2386425aed97165))\\n\\n## [5.0.2](https://github.com/gravity-ui/dialog-fields/compare/v5.0.1...v5.0.2) (2024-03-06)\\n\\n\\n### Bug Fixes\\n\\n* minor fix for README ([4af0080](https://github.com/gravity-ui/dialog-fields/commit/4af008092b578d733342a00defcdd6d35abf4ff9))\\n\\n## [5.0.1](https://github.com/gravity-ui/dialog-fields/compare/v5.0.0...v5.0.1) (2024-03-06)\\n\\n\\n### Bug Fixes\\n\\n* better question-icon position ([258f9d7](https://github.com/gravity-ui/dialog-fields/commit/258f9d7c3a26211ce96735b116e91dffbd247a6f))\\n\\n## [5.0.0](https://github.com/gravity-ui/dialog-fields/compare/v4.3.1...v5.0.0) (2024-03-04)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update @gravity-ui/uikit v6\\n\\n### Features\\n\\n* update @gravity-ui/uikit v6 ([82689df](https://github.com/gravity-ui/dialog-fields/commit/82689df204f3df6ac40899f6f4463c66caefd961))\\n\\n## [4.3.1](https://github.com/gravity-ui/dialog-fields/compare/v4.3.0...v4.3.1) (2024-02-29)\\n\\n\\n### Bug Fixes\\n\\n* better tab errors detection ([737fc89](https://github.com/gravity-ui/dialog-fields/commit/737fc897d3469ec2735a98eec5eb3f18fad857e7))\\n\\n## [4.3.0](https://github.com/gravity-ui/dialog-fields/compare/v4.2.0...v4.3.0) (2023-12-22)\\n\\n\\n### Features\\n\\n* **PlainText:** add PlainText.props.placeholder property ([9cc5dfb](https://github.com/gravity-ui/dialog-fields/commit/9cc5dfb3b62b1df8a66556529ab21467fdf2622f))\\n\\n\\n### Bug Fixes\\n\\n* **PlainText:** add padding-top ([8cb7525](https://github.com/gravity-ui/dialog-fields/commit/8cb75256d1747a92051406348098473a2afee2c5))\\n\\n## [4.2.0](https://github.com/gravity-ui/dialog-fields/compare/v4.1.0...v4.2.0) (2023-11-28)\\n\\n\\n### Features\\n\\n* **DFDialog:** add DFDialog.props.footerProps.hidden field ([325cb3d](https://github.com/gravity-ui/dialog-fields/commit/325cb3ddc0b8f55fe1f9600e632321921287e50a))\\n\\n## [4.1.0](https://github.com/gravity-ui/dialog-fields/compare/v4.0.0...v4.1.0) (2023-11-27)\\n\\n\\n### Features\\n\\n* add \'_dirty\' modifier for \'.df-dialog__field-group\' ([f805d4e](https://github.com/gravity-ui/dialog-fields/commit/f805d4eabe4d5c96d7061e565e4903502d15580f))\\n\\n## [4.0.0](https://github.com/gravity-ui/dialog-fields/compare/v3.1.0...v4.0.0) (2023-11-27)\\n\\n### ⚠ BREAKING CHANGES\\n\\n- rework ControlField.extras ([9826b75](https://github.com/gravity-ui/dialog-fields/commit/9826b758ccc166bee88aff934f5edd37fd1056e8))\\n  - definition of function `extras(formValues, form)` is changed to `extras(formValues, {form, field, input})`\\n\\n### Features\\n\\n- add Select control ([4b33ffd](https://github.com/gravity-ui/dialog-fields/commit/4b33ffd6fadbf309794a484057490defc21764ef))\\n- rework ControlField.extras ([9826b75](https://github.com/gravity-ui/dialog-fields/commit/9826b758ccc166bee88aff934f5edd37fd1056e8))\\n\\n## [3.1.0](https://github.com/gravity-ui/dialog-fields/compare/v3.0.2...v3.1.0) (2023-11-01)\\n\\n### Features\\n\\n- make section collapsible ([4ebff66](https://github.com/gravity-ui/dialog-fields/commit/4ebff660534769b8e06947578a64d8c7f570f6b1))\\n\\n### Bug Fixes\\n\\n- **block:** block-element should be full-width with vertical tabs ([0496529](https://github.com/gravity-ui/dialog-fields/commit/0496529f697f9e5982beec6ff8650c3aa617a1f2))\\n\\n## [3.0.2](https://github.com/gravity-ui/dialog-fields/compare/v3.0.1...v3.0.2) (2023-10-04)\\n\\n### Bug Fixes\\n\\n- minor style fix for \'textarea\' ([71fb737](https://github.com/gravity-ui/dialog-fields/commit/71fb73712c07ece1afd73203ef8b9bea7afab1dc))\\n\\n## [3.0.1](https://github.com/gravity-ui/dialog-fields/compare/v3.0.0...v3.0.1) (2023-10-04)\\n\\n### Bug Fixes\\n\\n- **buid:** babel config should be used for storybook only ([663329e](https://github.com/gravity-ui/dialog-fields/commit/663329eb67c976ca556b9ec7ce546900b4e1ec19))\\n\\n## [3.0.0](https://github.com/gravity-ui/dialog-fields/compare/v2.0.1...v3.0.0) (2023-09-02)\\n\\n### ⚠ BREAKING CHANGES\\n\\n- rename `.page-dialog` classname to `.df-page-dialog`\\n\\n### chore\\n\\n- migrate to `@bem-react/classname` ([8e4f3d0](https://github.com/gravity-ui/dialog-fields/commit/8e4f3d01b86fa19011a70a60a21e01251d7a5a27))\\n\\n## [2.0.1](https://github.com/gravity-ui/dialog-fields/compare/v2.0.0...v2.0.1) (2023-08-17)\\n\\n### Bug Fixes\\n\\n- better peerDependencies ([8f9fcba](https://github.com/gravity-ui/dialog-fields/commit/8f9fcba1600580806025cd89228606f40f91c5a4))\\n\\n## [2.0.0](https://github.com/gravity-ui/dialog-fields/compare/v1.1.1...v2.0.0) (2023-07-25)\\n\\n### ⚠ BREAKING CHANGES\\n\\n- use @gravity-ui/uikit v5\\n\\n### chore\\n\\n- use @gravity-ui/uikit v5 ([0a4e8da](https://github.com/gravity-ui/dialog-fields/commit/0a4e8da1a4d5536a72a149bbe9f143ed36384873))\\n\\n## [1.1.1](https://github.com/gravity-ui/dialog-fields/compare/v1.1.0...v1.1.1) (2023-03-21)\\n\\n### Bug Fixes\\n\\n- vertical tabs should correctly display controls with fullWidth ([675fbd5](https://github.com/gravity-ui/dialog-fields/commit/675fbd5b2aeaf069db9ca99364bd50ecb56b21ac))\\n\\n## [1.1.0](https://github.com/gravity-ui/dialog-fields/compare/v1.0.1...v1.1.0) (2023-03-21)\\n\\n### Features\\n\\n- add ControlField.fullWidth property ([91dd461](https://github.com/gravity-ui/dialog-fields/commit/91dd461b49d3fc25d146c550ffc4105d2a23a783))\\n\\n## [1.0.1](https://github.com/gravity-ui/dialog-fields/compare/v1.0.0...v1.0.1) (2023-03-15)\\n\\n### Bug Fixes\\n\\n- for CODEOWNERS ([7c9d2e7](https://github.com/gravity-ui/dialog-fields/commit/7c9d2e7eacf093f51873216b494df755fec38417))\\n- minor fix for right padding ([45f4355](https://github.com/gravity-ui/dialog-fields/commit/45f4355286f147ac04c231d6858d5516f53ca0f3))\\n\\n## 1.0.0 (2023-02-22)\\n\\n- First release\\n","contributors":[{"login":"ma-efremoff","avatarUrl":"https://avatars.githubusercontent.com/u/64027148?v=4","url":"https://github.com/ma-efremoff","contributions":76},{"login":"rrewll","avatarUrl":"https://avatars.githubusercontent.com/u/28988763?v=4","url":"https://github.com/rrewll","contributions":1}],"codeOwners":[{"pattern":"*","owners":["ma-efremoff"]}]},"paranoid":{"stars":0,"version":"2.0.1","lastUpdate":"19.04.2024","license":"MIT License","issues":0,"readme":"# Paranoid\\nParanoid is the library for displaying cluster topologies.\\n\\n### Development mode and preview\\nTo start developing paranoid, invoke the following commands\\n```\\nnpm ci\\nnpm start\\n```\\nand make your changes to the sources.\\n\\n### API\\n\\n* `renderGraph(domNodeId: string, data: Data, opts?: Options)`:\\n  *  `domNodeId` - the id of DOM element where graph will be rendered\\n  *  `data` and `opts` - [data and options for rendering a graph](#models)\\n\\n\\n### Models\\n[See here](./src/lib/models.ts)\\n","changelog":"# Changelog\\n\\n## [2.0.1](https://github.com/gravity-ui/paranoid/compare/v2.0.0...v2.0.1) (2024-04-19)\\n\\n\\n### Bug Fixes\\n\\n* emit d.ts files ([#31](https://github.com/gravity-ui/paranoid/issues/31)) ([6413f3d](https://github.com/gravity-ui/paranoid/commit/6413f3d52371cb1b5a752bc9789e6517afe4c360))\\n\\n## [2.0.0](https://github.com/gravity-ui/paranoid/compare/v1.4.1...v2.0.0) (2024-04-19)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update colors, dependencies ([#29](https://github.com/gravity-ui/paranoid/issues/29))\\n\\n### Features\\n\\n* update colors, dependencies ([#29](https://github.com/gravity-ui/paranoid/issues/29)) ([0dfa869](https://github.com/gravity-ui/paranoid/commit/0dfa8697af790f1ff2bb99520dfdde66e7231646))\\n\\n## [1.4.1](https://github.com/gravity-ui/paranoid/compare/v1.4.0...v1.4.1) (2024-03-12)\\n\\n\\n### Bug Fixes\\n\\n* lodash imports ([#25](https://github.com/gravity-ui/paranoid/issues/25)) ([cfe5e35](https://github.com/gravity-ui/paranoid/commit/cfe5e35b1cf60c019c575565262d77d2e58fbb3b))\\n\\n## [1.4.0](https://github.com/gravity-ui/paranoid/compare/v1.3.0...v1.4.0) (2023-02-03)\\n\\n\\n### chore\\n\\n* change package organization ([#23](https://github.com/gravity-ui/paranoid/issues/23)) ([920f457](https://github.com/gravity-ui/paranoid/commit/920f4572f2bdc5b297f7440824c3512a8fa86d98))\\n\\n## [1.3.0](https://github.com/gravity-ui/paranoid/compare/v1.2.1...v1.3.0) (2022-11-11)\\n\\n\\n### Features\\n\\n* add support for explain plan CTE blocks ([#20](https://github.com/gravity-ui/paranoid/issues/20)) ([42dd293](https://github.com/gravity-ui/paranoid/commit/42dd293ad606c117ce5f70e679c854cf934fa4d6))\\n* remove YS Text ([#21](https://github.com/gravity-ui/paranoid/issues/21)) ([fd6fbdc](https://github.com/gravity-ui/paranoid/commit/fd6fbdc9161896cf691078c771c674264b57d872))\\n\\n## [1.2.1](https://github.com/gravity-ui/paranoid/compare/v1.2.0...v1.2.1) (2022-08-29)\\n\\n\\n### Bug Fixes\\n\\n* ydb explain view fixes ([#18](https://github.com/gravity-ui/paranoid/issues/18)) ([32659b5](https://github.com/gravity-ui/paranoid/commit/32659b5155f8a26513df4712350a55c4ce1082ee))\\n\\n## [1.2.0](https://github.com/gravity-ui/paranoid/compare/v1.1.0...v1.2.0) (2022-08-18)\\n\\n\\n### Features\\n\\n* update ydb plan nodes view ([#16](https://github.com/gravity-ui/paranoid/issues/16)) ([9ff53e8](https://github.com/gravity-ui/paranoid/commit/9ff53e8355694f7dc22de071801c8ec8a3645d4a))\\n\\n## [1.1.0](https://github.com/gravity-ui/paranoid/compare/v1.0.0...v1.1.0) (2022-07-18)\\n\\n\\n### Features\\n\\n* update ydb explain plan view ([#14](https://github.com/gravity-ui/paranoid/issues/14)) ([bc46eb1](https://github.com/gravity-ui/paranoid/commit/bc46eb1c0700288c165f572ee3dc075fabe954b6))\\n\\n\\n### Bug Fixes\\n\\n* remove deps carets ([#12](https://github.com/gravity-ui/paranoid/issues/12)) ([b844247](https://github.com/gravity-ui/paranoid/commit/b844247dc0c1faca51ea72184740f87e3aebeb2a))\\n\\n## [1.0.0](https://www.github.com/gravity-ui/paranoid/compare/v0.1.1...v1.0.0) (2022-01-17)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* instead of `renderGraph(domNodeId: string, data: Data, opts?: Options)` you should use now `getCompactTopology(domNodeId: string, data: Data, opts?: Options)`\\n\\n### Features\\n\\n* added new paranoid type ([#9](https://www.github.com/gravity-ui/paranoid/issues/9)) ([ad63b2b](https://www.github.com/gravity-ui/paranoid/commit/ad63b2b70d24f16662f46c64c9a86caaaa4d710a))\\n\\n### [0.1.1](https://www.github.com/gravity-ui/paranoid/compare/v0.1.0...v0.1.1) (2022-01-12)\\n\\n\\n### Bug Fixes\\n\\n* correctly expose the package entrypoint ([8cdcd56](https://www.github.com/gravity-ui/paranoid/commit/8cdcd560f18f8cd38c6299971db3be228c52d0e5))\\n\\n## 0.1.0 (2022-01-08)\\n\\n\\n### Features\\n\\n* initial library import ([78433bb](https://www.github.com/gravity-ui/paranoid/commit/78433bbffcb9e9cd0178cecd1fa02cc9e5470162))\\n","contributors":[{"login":"tsufiev","avatarUrl":"https://avatars.githubusercontent.com/u/1240006?v=4","url":"https://github.com/tsufiev","contributions":9},{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":6},{"login":"Raubzeug","avatarUrl":"https://avatars.githubusercontent.com/u/42094364?v=4","url":"https://github.com/Raubzeug","contributions":1},{"login":"pseudopirate","avatarUrl":"https://avatars.githubusercontent.com/u/16260137?v=4","url":"https://github.com/pseudopirate","contributions":1},{"login":"SeqviriouM","avatarUrl":"https://avatars.githubusercontent.com/u/1071418?v=4","url":"https://github.com/SeqviriouM","contributions":1},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":1}],"codeOwners":[]},"react-data-table":{"stars":7,"version":"2.1.1","lastUpdate":"06.05.2024","license":"MIT License","issues":1,"readme":"# React Data Table &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/react-data-table)](https://www.npmjs.com/package/@gravity-ui/react-data-table) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/react-data-table/.github/workflows/ci.yml?label=CI&logo=github)](https://github.com/gravity-ui/react-data-table/actions/workflows/ci.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/react-data-table/)\\n\\nA React component for rendering tables.\\n\\nCell grouping is supported: rows are first sorted by grouped columns. Grouping is incompatible with the `dynamicRender` option.\\n\\nMulti-column sorting is also supported. Ctrl+Click on a column adds a column at the end\\nof the sort list. A simple Click sorts the table by this column only. Sorting order is switched in the sequence: `none -> default -> reversed default -> none`.\\n\\n## Properties\\n\\n| Property          | Type       | Required | Default        | Description                                                                                                                                                                                                                                                             |\\n| :---------------- | :--------- | :------: | :------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\\n| columns           | `Array`    |    ✓     |                | List of [table columns](#Column)                                                                                                                                                                                                                                        |\\n| headerData        | `Array`    |          |                | A list of rows with data that will be shown inside the header. If the header is sticky, the rows will also stick. The same methods apply to them as to rows in `data` ([headerData](#headerData))                                                                       |\\n| data              | `Array`    |    ✓     |                | List of data rows                                                                                                                                                                                                                                                       |\\n| footerData        | `Array`    |          |                | A list of rows with data to be sent into the table footer. The same methods apply to them as to strings in `data`                                                                                                                                                       |\\n| startIndex        | `Number`   |          | `0`            | Initial index (used to show row indexes)                                                                                                                                                                                                                                |\\n| settings          | `Object`   |          |                | [Table settings](#Settings)                                                                                                                                                                                                                                             |\\n| emptyDataMessage  | `String`   |          | \'No data\'      | The message shown when the data is empty                                                                                                                                                                                                                                |\\n| renderEmptyRow    | `Function` |          |                | A custom renderer for an empty table row, accepts an array of columns `(columns) => ReactNode`                                                                                                                                                                          |\\n| rowClassName      | `Function` |          |                | A method that sets the class for a string `(row, index, isFooterRow, isHeaderRow) => (<string> )`                                                                                                                                                                       |\\n| rowKey            | `Function` |          |                | A method that returns the value of react-key `(row, index) => (<scalar_type_value> )`. The default method returns `row.id` &#124;&#124;` index`                                                                                                                         |\\n| initialSortOrder  | `Object`   |          |                | Initial sorting in the format`{columnId: <string>, order: <DataTable.ASCENDING `&#124;` DataTable.DESCENDING>}` or a list of such objects.                                                                                                                              |\\n| theme             | `String`   |          | \'yandex-cloud\' | The name of the theme. To use the built-in table theme, use the `\'legacy\'` value. For compatibility with @gravity-ui/uikit colors, use `\'yandex-cloud\'` (default)                                                                                                       |\\n| onSort            | `Function` |          |                | Sort listener `([{columnId: <string>, order: <DataTable.ASCENDING `&#124;` DataTable.DESCENDING>}]) => void`. Use it to save the sorting state and pass it to the `initialSortOrder` on page refresh.                                                                   |\\n| sortOrder         | `Object`   |          |                | Sorting in the format `{columnId: <string>, order: <DataTable.ASCENDING `&#124;` DataTable.DESCENDING>}` or a list of such objects.                                                                                                                                     |\\n| onResize          | `Function` |          |                | Resize listener `(columnId: string, newWidth: number) => void`. Use it to save new column width.                                                                                                                                                                        |\\n| visibleRowIndex   | `Function` |          |                | A method `(row, index) => number` that returns the row index shown in the column enabled by the `displayIndices` flag. Use it to specify a correct row index when applying external sorting                                                                             |\\n| onRowClick        | `Function` |          |                | Click listener for a row `(row, index, event) => void`                                                                                                                                                                                                                  |\\n| nullBeforeNumbers | `Boolean`  |          |                | A flag that sets the position of `null`/`undefined` values when sorting. If true, `null`/`undefined` values are shown at the top in the case of ascending order and at the bottom in the case of descending order. If `false`/`undefined`, they are shown at the bottom |\\n| getColSpansOfRow  | `Function` |          |                | Configuring column spanning for each row `({ row, columns, index, headerData, span, footer, odd }) => {[colName: string]: number} / undefined`                                                                                                                          |\\n\\n## Settings\\n\\n| Property                                    | Type                                       | Default               | Description                                                                                                                                                                                                                                                                                                                         |\\n| :------------------------------------------ | :----------------------------------------- | :-------------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\\n| displayIndices                              | `Boolean`                                  | `true`                | Whether to show row indexes (starting from `startIndex`)                                                                                                                                                                                                                                                                            |\\n| stickyHead                                  | `DataTable.FIXED DataTable.MOVING`         |                       | Enable sticky header in one of two modes. The `DataTable.FIXED` mode is used if the table container is fixed relative to the page. If the page with a container is scrollable, better use `DataTable.MOVING`, but for this your browser needs to support `position: sticky`. Otherwise, sticky header will be completely disabled.  |\\n| stickyTop                                   | `Number`                                   |                       | Stick the header at the desired height (in the `DataTable.MOVING` mode). Use it if the scrollable container includes other content apart from the table. If the header fails to stick to the edge of the container, better use exactly positioned spacers so that the table content does not bulge out above the top of the header. |\\n| stickyFooter                                | see stickyHead                             |                       | It\'s similar to `stickyHead` for `footerData`                                                                                                                                                                                                                                                                                       |\\n| stickyBottom                                | `Number`                                   |                       | Stick rows from `footerData` with proper bottom margin (in the `DataTable.MOVING` mode).                                                                                                                                                                                                                                            |\\n| syncHeadOnResize                            | `Boolean`                                  | `false`               | Sync the size of a sticky header when resizing the window                                                                                                                                                                                                                                                                           |\\n| dynamicInnerRef                             | `React.RefObject<DynamicInnerRefT>`        |                       | A ref to get a ReactList instance when you want to call methods directly, for example, [ReactList.scrollTo](https://github.com/caseywebdev/react-list#scrolltoindex). `DynamicInnerRefT` is also exported as Settings to correctly define the type without adding a project-dependent ReactList.                                    |\\n| dynamicRender                               | `Boolean`                                  | `false`               | Dynamic rendering of rows (viewport only). Requires a specific layout                                                                                                                                                                                                                                                               |\\n| dynamicRenderType                           | `String`                                   | `\'uniform\'`           | [ReactList.type](https://github.com/coderiety/react-list#type-one-of-simple-variable-or-uniform-defaults-to-simple)                                                                                                                                                                                                                 |\\n| dynamicItemSizeEstimator                    | `Function`                                 |                       | [ReactList.itemSizeEstimator](https://github.com/coderiety/react-list#itemsizeestimatorindex-cache)                                                                                                                                                                                                                                 |\\n| dynamicItemSizeGetter                       | `Function`                                 |                       | [ReactList.itemSizeGetter](https://github.com/coderiety/react-list#itemsizegetterindex)                                                                                                                                                                                                                                             |\\n| dynamicRenderMinSize                        | `Number`                                   | `1`                   | A minimum number of rows to be rendered in any case, even if a smaller number of rows fills the container height completely (this makes sense if dynamicRender is enabled). The value is passed [to the `minSize` property of the ReactList component](https://github.com/coderiety/react-list#minsize-defaults-to-1).              |\\n| dynamicRenderUseStaticSize                  | `Boolean`                                  | `false`               | [ReactList.useStaticSize](https://github.com/caseywebdev/react-list#usestaticsize-defaults-to-false)                                                                                                                                                                                                                                |\\n| dynamicRenderThreshold                      | `Number`                                   |                       | [ReactList.threshold](https://github.com/caseywebdev/react-list#threshold-defaults-to-100)                                                                                                                                                                                                                                          |\\n| dynamicRenderScrollParentGetter             | `Function`                                 |                       | [ReactList.scrollParentGetter](https://github.com/caseywebdev/react-list#scrollparentgetter-defaults-to-finding-the-nearest-scrollable-parent)                                                                                                                                                                                      |\\n| dynamicRenderScrollParentViewportSizeGetter | `Function`                                 |                       | [ReactList.scrollParentViewportSizeGetter](https://github.com/caseywebdev/react-list#scrollparentviewportsizegetter-defaults-to-scrollparents-viewport-size)                                                                                                                                                                        |\\n| sortable                                    | `Boolean`                                  | `true`                | Enable sorting for the entire table                                                                                                                                                                                                                                                                                                 |\\n| externalSort                                | `Boolean`                                  | `false`               | Disable data sorting on the component side. [Read more](#externalSort)                                                                                                                                                                                                                                                              |\\n| disableSortReset                            | `Boolean`                                  | `false`               | Disable sort reset (enables the `none -> default <-> reversed default` sort scheme)                                                                                                                                                                                                                                                 |\\n| defaultOrder                                | `DataTable.ASCENDING DataTable.DESCENDING` | `DataTable.ASCENDING` | Default sort order in the table                                                                                                                                                                                                                                                                                                     |\\n| defaultResizeable                           | `Boolean`                                  | `false`               | Value that is used to determine whether column is resizeable, if no explicit value for column is set                                                                                                                                                                                                                                |\\n| highlightRows                               | `Boolean`                                  |                       | Highlighting table rows on hover                                                                                                                                                                                                                                                                                                    |\\n| stripedRows                                 | `Boolean`                                  |                       | Whether to color even/odd rows                                                                                                                                                                                                                                                                                                      |\\n| headerMod                                   | `multiline` `pre`                          |                       | Enable a multi-line (the `multiline` value) or pre-formatted header (the `pre` value)                                                                                                                                                                                                                                               |\\n\\n### externalSort\\n\\nDisables data sorting on the component side. Please note that:\\n\\n- The table continues to be the primary source of the sort state (selected columns and sort direction) and is also responsible for the correct rendering of table headers in accordance with this state.\\n- The external environment must pass to the table correctly sorted rows in `props.data` responding to the `props.onSort` callback call.\\n- Grouping of column values is disabled (see [Column.group](#group)).\\n\\n---\\n\\n## Column\\n\\nColumns let you flexibly customize rendering of cells.\\nIn its simplest form, the column description looks as follows:\\n\\n```json\\n{\\n  \\"name\\": \\"column_name\\"\\n}\\n```\\n\\nThe cell will show `row.column_name` as it is.\\n\\nThe `name` field is the only mandatory field. The remaining fields are described below:\\n\\n| Property       | Type                                              | Description                                                                                                                                                                                                                                                                                     |\\n| :------------- | :------------------------------------------------ | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\\n| name           | `string`                                          | Column name and default value for the `header` and `accessor`                                                                                                                                                                                                                                   |\\n| header         | `string` or `node`                                | Column header                                                                                                                                                                                                                                                                                   |\\n| headerTitle    | `string`                                          | Header title                                                                                                                                                                                                                                                                                    |\\n| className      | `string`                                          | Column class                                                                                                                                                                                                                                                                                    |\\n| width \xa0 \xa0 \xa0 \xa0  | `string \\\\| number`                                | Column width                                                                                                                                                                                                                                                                                    |\\n| resizeable \xa0 \xa0 | `boolean`                                         | Determines whether column width can be changed. Applied only if `onResize` function is passed.                                                                                                                                                                                                  |\\n| resizeMinWidth | `number`                                          | Min column width for resize.                                                                                                                                                                                                                                                                    |\\n| resizeMaxWidth | `number`                                          | Max column width for resize.                                                                                                                                                                                                                                                                    |\\n| align          | `DataTable.LEFT DataTable.CENTER DataTable.RIGHT` | Text alignment in a cell                                                                                                                                                                                                                                                                        |\\n| accessor       | `func`                                            | Callback `(row) => (value)`. Use it if you want to display deeply \\"hidden\\" values in the column. For example: `(row) => (row.child1.child2[0].value)`                                                                                                                                           |\\n| title          | `string` or `func:string`                         | Callback `(row) => (title)`. Lets you set a fixed title (in the case of `string`) or a dynamic title for column cells. Returns a string.                                                                                                                                                        |\\n| render         | `func:node`                                       | Callback `({value, row, index}) => (node)`. Lets you render a cell in an arbitrary way. As an input, it gets a value, a whole row, or a row index. Returns a React node.                                                                                                                        |\\n| customStyle    | `func`                                            | Callback `({row, index, header, name}) => (styleObject)`. Lets you set a custom style for the cell. In the callback, you pass a string with data, an index, a column name, and a flag whether the cell is a header. At the output, you expect an object with styles following the React syntax. |\\n| onClick        | `func`                                            | Callback `(row, column) => ()`. The onClick listener on the cell.                                                                                                                                                                                                                               |\\n| sortable       | `Boolean`                                         | Whether the column is sortable.                                                                                                                                                                                                                                                                 |\\n| defaultOrder   | `DataTable.ASCENDING DataTable.DESCENDING`        | A default sorting order in the column.                                                                                                                                                                                                                                                          |\\n| sortAccessor   | `func`                                            | Callback `(row) => (value)`. Use it if you want to sort by a value other than `value`, or if `value` is non-scalar.                                                                                                                                                                             |\\n| sortAscending  | `func`                                            | Callback `({row, index, span?}, {row, index, span?}) => (sortValue)`. Use if you want to customize sorting completely.                                                                                                                                                                          |\\n| sub            | `array`                                           | Nested columns                                                                                                                                                                                                                                                                                  |\\n| group          | `Boolean`                                         | Groups the same values into one cell, allowing you to create complex tables. [More details](#group)                                                                                                                                                                                             |\\n| autogroup      | `Boolean`                                         | Enables ascending sorting across all columns with group, resulting in autogrouping. Defaults to `true`                                                                                                                                                                                          |\\n\\n### group\\n\\nGroups the same values into one cell. Please note that:\\n\\n- Grouping is incompatible with the `Settings.dynamicRender` option, and, when they are enabled together, the table might work poorly.\\n- Grouping is disabled when the `Settings.externalSort` option is enabled\\n- It is worth disabling the `Settings.stripedRows` and `Settings.highlightRows` settings.\\n\\n---\\n\\n### Multi-level header\\n\\nNested columns are set up in the `sub` field. For columns with attachments, except for the `sub` field,\\nonly fields that affect the header make sense: `name`, `header`, `headerTitle`, `align`, and `customStyle`.\\n\\n### headerData\\n\\nThe `headerData` property lets you add rows to the beginning of the table. However, if the header is sticky, the rows will stick along with the header. In the sticky header mode, such rows won\'t affect the column width, so you might need to specify the column width.\\n\\n### Customizing with themes\\n\\nThe table contains several customized elements.\\nTo set colors for them, use CSS variables (in the example, the topic values are `internal`):\\n\\n```css\\n--data-table-color-base: #ffffff;\\n--data-table-color-stripe: rgba(0, 0, 0, 0.03);\\n--data-table-border-color: #dddddd;\\n--data-table-color-hover-area: #ffeba0;\\n--data-table-color-footer-area: var(--data-table-color-base);\\n```\\n\\n### Custom cell colors\\n\\nTable cells can be rendered using an arbitrary style. **If used incorrectly, it might break the layout!**\\n\\n### Using react-data-table with non-standard fonts\\n\\nWhen using the `stickyHead` prop and a non-standard font for table data, sizes of header columns and table columns might mismatch. This might be the issue if the table data has been loaded and the table rendered before the browser has loaded a specific font.\\n\\nTo avoid this problem, load the desired font before rendering the table. You can do this in one\\nof the following ways:\\n\\n1. Use `<link rel=\\"preload\\">` in the `<head>` element of your HTML code\\n\\n```html\\n<head>\\n  <meta charset=\\"utf-8\\" />\\n  <title>Web font example</title>\\n\\n  <link\\n    rel=\\"preload\\"\\n    href=\\"fonts/my-font.woff2\\"\\n    as=\\"font\\"\\n    type=\\"font/woff2\\"\\n    crossorigin=\\"crossorigin\\"\\n  />\\n  <link\\n    rel=\\"preload\\"\\n    href=\\"fonts/my-font.woff\\"\\n    as=\\"font\\"\\n    type=\\"font/woff\\"\\n    crossorigin=\\"crossorigin\\"\\n  />\\n  <link\\n    rel=\\"preload\\"\\n    href=\\"fonts/my-font.ttf\\"\\n    as=\\"font\\"\\n    type=\\"font/ttf\\"\\n    crossorigin=\\"crossorigin\\"\\n  />\\n\\n  <link href=\\"style.css\\" rel=\\"stylesheet\\" type=\\"text/css\\" />\\n</head>\\n<body>\\n  ...\\n</body>\\n```\\n\\nPlease note that in this case, the font is loaded before all the content on the page is received and loaded. If you use this font only to render tables in your service, and tables aren\'t core to your service, the user will have to wait for a font they might never need again to upload. This method is also not supported by some modern browsers. Read more about this [here](https://developer.mozilla.org/ru/docs/Web/HTML/Preloading_content).\\n\\n2. Use the [fontfaceobserver](https://github.com/bramstein/fontfaceobserver) package\\n\\nTo load a font from the JS code, first define it by the @font-face directive in the CSS code:\\n\\n```scss\\n@font-face {\\n  font-family: \'My font\';\\n  src: url(\'fonts/my-font.woff2\') format(\'woff2\'),\\n       url(\'fonts/my-font.woff\') format(\'woff\');\\n       url(\'fonts/my-font.ttf\') format(\'ttf\');\\n  font-weight: 400;\\n  font-style: normal;\\n}\\n```\\n\\nThen you can preload the font directly with loading data for the table itself.\\n\\nFor one font face:\\n\\n```js\\nimport FontFaceObserver from \'fontfaceobserver\';\\n\\nfunction preloadTableFont() {\\n    return new FontFaceObserver(\'My font\').load();\\n}\\n\\nfunction fetchData() {\\n    ...\\n}\\n\\nfunction getTableData() {\\n  return Promise.all([\\n    fetchData(),\\n    preloadTableFont(),\\n  ])\\n  .then([data] => {\\n    ...\\n  })\\n  .catch((err) => {\\n    ...\\n  })\\n}\\n```\\n\\nFor multiple font faces:\\n\\n```js\\nimport FontFaceObserver from \'fontfaceobserver\';\\n\\nconst lightFont = new FontFaceObserver(\'My font\', {weight: 300});\\nconst regularFont = new FontFaceObserver(\'My font\', {weight: 400});\\n\\nfunction preloadTableFont() {\\n    return Promise.all([\\n        lightFont.load(),\\n        regularFont.load(),\\n    ]);\\n}\\n\\nfunction fetchData() {\\n    ...\\n}\\n\\nfunction getTableData() {\\n  return Promise.all([\\n    fetchData(),\\n    preloadTableFont(),\\n  ])\\n  .then([data] => {\\n    ...\\n  })\\n  .catch((err) => {\\n    ...\\n  })\\n}\\n```\\n\\nThis method is fully supported by browsers and lets you download the font only for users who have opened the table.\\n\\n### Usage\\n\\n```jsx harmony\\nconst data = [];\\nconst columns = [];\\nconst startIndex = 0;\\n\\nreturn <DataTable data={data} columns={columns} startIndex={startIndex} />;\\n```\\n\\nFor more information, see the sample code.\\n","changelog":"# Changelog\\n\\n## [2.1.1](https://github.com/gravity-ui/react-data-table/compare/v2.1.0...v2.1.1) (2024-05-06)\\n\\n\\n### Bug Fixes\\n\\n* enable first column resize ([#43](https://github.com/gravity-ui/react-data-table/issues/43)) ([659541d](https://github.com/gravity-ui/react-data-table/commit/659541dc8eb3abd495a4241c45cd57f774138758))\\n\\n## [2.1.0](https://github.com/gravity-ui/react-data-table/compare/v2.0.1...v2.1.0) (2024-04-12)\\n\\n\\n### Features\\n\\n* add columns resize ([#41](https://github.com/gravity-ui/react-data-table/issues/41)) ([2d3f79f](https://github.com/gravity-ui/react-data-table/commit/2d3f79f003966411b9630df073d9c07f3b302bde))\\n\\n## [2.0.1](https://github.com/gravity-ui/react-data-table/compare/v2.0.0...v2.0.1) (2024-03-12)\\n\\n\\n### Bug Fixes\\n\\n* add tslib to dependencies ([e1895db](https://github.com/gravity-ui/react-data-table/commit/e1895dbd2b006ac297ed6c2b4196a46a1ec35507))\\n\\n## [2.0.0](https://github.com/gravity-ui/react-data-table/compare/v1.3.0...v2.0.0) (2024-03-01)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* remove obsolete css-variables from \\"yandex-cloud\\" theme\\n* update @gravity-ui/uikit v5 (+others)\\n\\n### refactor\\n\\n* remove obsolete css-variables from \\"yandex-cloud\\" theme ([56e46d9](https://github.com/gravity-ui/react-data-table/commit/56e46d982d442a1a4699ded7aeb11e145eb30d90))\\n\\n\\n### chore\\n\\n* update @gravity-ui/uikit v5 (+others) ([ad0f8fd](https://github.com/gravity-ui/react-data-table/commit/ad0f8fdb78ea7f4ee43b663d96c275ccb39c2fcc))\\n\\n## [1.3.0](https://github.com/gravity-ui/react-data-table/compare/v1.2.0...v1.3.0) (2024-02-28)\\n\\n\\n### Features\\n\\n* add custom colspan for table row ([3316f62](https://github.com/gravity-ui/react-data-table/commit/3316f6283a1f504035c381f1baed6245f086e086))\\n\\n## [1.2.0](https://github.com/gravity-ui/react-data-table/compare/v1.1.0...v1.2.0) (2023-09-05)\\n\\n\\n### Features\\n\\n* migrate to @bem-react/classname ([#32](https://github.com/gravity-ui/react-data-table/issues/32)) ([af0987e](https://github.com/gravity-ui/react-data-table/commit/af0987e65e68766747a7956ff8521014c6037648))\\n\\n## [1.1.0](https://github.com/gravity-ui/react-data-table/compare/v1.0.3...v1.1.0) (2023-05-05)\\n\\n\\n### Features\\n\\n* add event in cell click handler ([#26](https://github.com/gravity-ui/react-data-table/issues/26)) ([11e7a00](https://github.com/gravity-ui/react-data-table/commit/11e7a0067d980f6e3a215468d86df9b6a691428f))\\n\\n## [1.0.3](https://github.com/gravity-ui/react-data-table/compare/v1.0.2...v1.0.3) (2023-02-02)\\n\\n\\n### Bug Fixes\\n\\n* move to gravity uikit ([#24](https://github.com/gravity-ui/react-data-table/issues/24)) ([98c7fa6](https://github.com/gravity-ui/react-data-table/commit/98c7fa6b89b2253a9f8df9909f017b556295c36b))\\n\\n### [1.0.2](https://www.github.com/yandex-cloud/react-data-table/compare/v1.0.1...v1.0.2) (2022-03-21)\\n\\n\\n### chore\\n\\n* freeze direct dependencies ([a842bf4](https://www.github.com/yandex-cloud/react-data-table/commit/a842bf48ccd09c2f8a6158bb1250b5b6643844b5))\\n\\n### [1.0.1](https://www.github.com/yandex-cloud/react-data-table/compare/v1.0.0...v1.0.1) (2022-02-25)\\n\\n\\n### Bug Fixes\\n\\n* clarify column width property type ([4b43afe](https://www.github.com/yandex-cloud/react-data-table/commit/4b43afe96ac0fe515b08e492ede12f9ed3299dec))\\n\\n## [1.0.0](https://www.github.com/yandex-cloud/react-data-table/compare/v0.2.2...v1.0.0) (2022-02-03)\\n\\n\\n### docs\\n\\n* translate README.md ([160c576](https://www.github.com/yandex-cloud/react-data-table/commit/160c576a9869ea03f4b80ce172c2f537036aeae4))\\n\\n### [0.2.2](https://www.github.com/yandex-cloud/react-data-table/compare/v0.2.1...v0.2.2) (2022-01-13)\\n\\n\\n### Bug Fixes\\n\\n* emit a warning when columns with duplicate names are provided ([08d0294](https://www.github.com/yandex-cloud/react-data-table/commit/08d029422cceae9145b3aa65d99b2931ec106441))\\n\\n### [0.2.1](https://www.github.com/yandex-cloud/react-data-table/compare/v0.2.0...v0.2.1) (2022-01-12)\\n\\n\\n### Bug Fixes\\n\\n* put back missing styles into package ([c7d3ba0](https://www.github.com/yandex-cloud/react-data-table/commit/c7d3ba0c9b08af7c517249bcca5abef4f1b9fff8))\\n* use THEMES type for theme prop ([af0bb33](https://www.github.com/yandex-cloud/react-data-table/commit/af0bb3319a483bd19bab8d503d01611871e8ef31))\\n\\n## [0.2.0](https://www.github.com/yandex-cloud/react-data-table/compare/v0.1.0...v0.2.0) (2022-01-11)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* theme previously known as \'common\' is now called \'yandex-cloud\' and is a default one, theme previously known as \'internal\' is now called \'legacy\'.\\n\\n### Bug Fixes\\n\\n* make \'yandex-cloud\' theme a new default theme ([ec2ead6](https://www.github.com/yandex-cloud/react-data-table/commit/ec2ead60cb3244a493db12bc5cd8d844e084e4d4))\\n\\n## 0.1.0 (2022-01-04)\\n\\n\\n### Features\\n\\n* initial import of library files ([5d15cab](https://www.github.com/yandex-cloud/react-data-table/commit/5d15cabc78c44eb8e502fe3e74328b456a981710))\\n","contributors":[{"login":"tsufiev","avatarUrl":"https://avatars.githubusercontent.com/u/1240006?v=4","url":"https://github.com/tsufiev","contributions":15},{"login":"ma-efremoff","avatarUrl":"https://avatars.githubusercontent.com/u/64027148?v=4","url":"https://github.com/ma-efremoff","contributions":7},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":4},{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":3},{"login":"artemmufazalov","avatarUrl":"https://avatars.githubusercontent.com/u/67755036?v=4","url":"https://github.com/artemmufazalov","contributions":3},{"login":"pavel-klimov","avatarUrl":"https://avatars.githubusercontent.com/u/42768217?v=4","url":"https://github.com/pavel-klimov","contributions":2},{"login":"Marginy605","avatarUrl":"https://avatars.githubusercontent.com/u/98329176?v=4","url":"https://github.com/Marginy605","contributions":1},{"login":"vitshev","avatarUrl":"https://avatars.githubusercontent.com/u/3217636?v=4","url":"https://github.com/vitshev","contributions":1}],"codeOwners":[]},"unipika":{"stars":1,"version":"5.2.0","lastUpdate":"02.07.2024","license":"MIT License","issues":1,"readme":"# unipika\\n\\nCommon YT/YQL/QC data formatting library.\\n\\n## format(data[, settings[, converter]])\\n\\nFunction accepts data in Unipika-YSON format (hereinafter referred to as the - Unipika), or, if converter is presented, in any other format and formats data according to its type. Currently two built-in converters are presented:\\n\\n- YSON to Unipikа\\n- YQL to Unipika\\n\\n### List of supported types:\\n\\n| Source format | Types                                                                                                                            |\\n| ------------- | -------------------------------------------------------------------------------------------------------------------------------- |\\n| YSON          | `string`, `number`, `int64`, `uint64`, `double`, `map`, `list`, `null`                                                           |\\n| YQL           | `yql.string`, `yql.int64`, `yql.uint64`, `yql.double`, `yql.struct`, `yql.dict`, `yql.list`, `yql.tuple`, `yql.null`, `yql.yson`, `yql.pg.*` - PostgreSQL Data Types in YQL are being formatted as string |\\n\\nSimilar in meaning types are displayed similarly. For example, `int64` and `yql.int64`, `map` and `yql.struct`, etc.\\n\\nIt is assumed that types can\'t be mixed in arbitrary way, that is, for example, `list` can\'t have elements of type `yql.string`, nevertheless, library doesn\'t attempt to fix invalid data in this case. When using built-in converter this situation shouldn\'t happen. Also, for example, only YSON types can have attributes, for the rest of types special field `$attributes` is pointless.\\n\\n### Formatter settings:\\n\\n| Name                      | Type                       | Default value                      | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |\\n| ------------------------- | -------------------------- | ---------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\\n| normalizeUrl              | `(url: string) => string`  | `(url) => new URL(url).toString()` | Optional pararmeter that allows to override default behavior of `utils.normalizeUrl`. Default implementation uses `encodeURI(url)` and returns empty string if the call throws an exception. The result of call `settings.normalizeUrl(url)` injects to DOM tree \\"as is\\" as value of `href`-attributes, so you have to sanitize returned value to prevent XSS.                                                                                                                   |\\n| validateSrcUrl            | `(url: string) => boolean` | `() => false`                      | Function, which accepts source url for `TaggedType` types and returns whether it is allowed to be downloaded. If settings in not defined, `TaggedType` types (images, audio, video) will be formatted as `StructType`                                                                                                                                                                                                                                                            |\\n| format                    | String                     | `\'json\'`                           | `[YSON-specific]` Affects displaying YSON types. Serialization to text `yson` or `json` is supported. These ways of representation are described in YT documentation.                                                                                                                                                                                                                                                                                                            |\\n| decodeUTF8                | Boolean                    | `true`                             | `[YSON-Converter][YSON-specific]` Setting is passed to the converter (YSON to Unipikа). Indicated whether to try decode the data. The data received from YT with the setting { encode_utf8 = false } should not be decoded (also is means that all strings are valid UTF-8 sequences, that is, they are not binary). By default the data from YT is received with the setting { encode_utf8 = true } and should be decoded; strings that cannot be decoded are marked as binary. |\\n| showDecoded               | Boolean                    | `true`                             | `[NCP][YSON-specific]` Indicates whether the decoded data should be displayed or the data in the form in which it is received from YT.                                                                                                                                                                                                                                                                                                                                           |\\n| binaryAsHex               | Boolean                    | `true`                             | `[NCP][YSON-specific]` Indicates whether binary strings should be displayed as a sequence of HEX-digits.                                                                                                                                                                                                                                                                                                                                                                         |\\n| asHTML                    | Boolean                    | `true`                             | Return serialized data in `plain text` or `html`.                                                                                                                                                                                                                                                                                                                                                                                                                                |\\n| break                     | Boolean                    | `true`                             | Put hyphens and indents or return everything as a single line.                                                                                                                                                                                                                                                                                                                                                                                                                   |\\n| indent                    | Number                     | `4`                                | Indent size.                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |\\n| compact                   | Boolean                    | `false`                            | The mode in which complex types like `map`, `list`, `yql.struct` and so on, are displayed more compact if contain only one element.                                                                                                                                                                                                                                                                                                                                              |\\n| highlightControlCharacter | Boolean                    | `false`                            | Enables highlighting of special control characters in html strings.                                                                                                                                                                                                                                                                                                                                                                                                              |\\n| escapeWhitespace          | Boolean                    | `true`                             | `[NCP]`The mode in which hyphens and tab characters are not escaped. With this option it is convenient to view formatted data like stack-traces.                                                                                                                                                                                                                                                                                                                                 |\\n| escapeYQLStrings          | Boolean                    | `true`                             | `[NCP][YQL-Converter]`The mode in which no symbols are escaped at all, so that user can get \\"raw\\" data.                                                                                                                                                                                                                                                                                                                                                                          |\\n| nonBreakingIndent         | Boolean                    | `true`                             | The mode in which indents, spaces in key-value separator, and spaces in string binary representation are nonbreaking ( `&nbsp;` symbol).                                                                                                                                                                                                                                                                                                                                         |\\n| omitStructNull            | Boolean                    | `false`                            | `[YQL-Converter]` Indicates whether to skip keys with `null` value in `yql.struct` type.                                                                                                                                                                                                                                                                                                                                                                                         |\\n| maxListSize               | Number                     | `undefined`                        | `[YQL-Converter]` Maximum allowed size of list nodes (`yql.list`, `yql.dict`, `yql.struct`, `yql.tuple`, `yql.stream`). If value > 0 is set, node will be truncated to this value.                                                                                                                                                                                                                                                                                               |\\n| maxStringSize             | Number                     | `undefined`                        | `[YQL-Converter]` Maximum allowed size of strings (`yql.string`, `yql.utf8`). If value > 0 is set, string will be truncated to this value.                                                                                                                                                                                                                                                                                                                                       |\\n| limitMapLength            | Number                     | `undefined`                        | Maximum allowed size of all map nodes. If value > 0 is set, node will be truncated to this (value - 1).                                                                                                                                                                                                                                                                                                                                                                          |\\n| limitListLength           | Number                     | `undefined`                        | Maximum allowed size of all list nodes. If value > 0 is set, node will be truncated to this (value - 1).                                                                                                                                                                                                                                                                                                                                                                         |\\n| treatValAsData           | Boolean                     | `false`                        | If `val` is among data fields, it may be treated two ways: as normal object key (if `treatValAsData` is not set or is set to `false`) or it\'s value will be set as overall $value (if `treatValAsData` is set to `true`). In most cases this setting should not be set.                                                                                                                                                                                                                                                                                                                                                                          |\\n\\n`[YQL-Converter]` - Options affects only data conversion from YQL format.\\n`[YSON-Converter]` - Options affects only data conversion from YSON format.\\n`[YSON-Specific]` - Options affects only YSON types representation and should not affect other types representation.\\n`[NCP]` - (Non copy-pastable) this representation is used to improve readability, but is not valid; copying and using such data may cause an error.\\n\\n## formatFromYSON(data[, settings])\\n\\nFormat function wrapper, data is passed in YSON format, YSON to Unipika converter is used.\\n\\n## formatFromYQL(data[, settings])\\n\\nFormat function wrapper, data is passed in YQL format (in the list `[data, dataType]`), YQL to Unipika converter is used.\\n\\n## TODO\\n\\nPlugins `yql-date`, `yql-datetime` and `yql-timestamp` do formatting of date by `Date.prototype.toISOString()`.\\nIf it is required it is better to use `moment.js` and rewrite the plugins.\\n","changelog":"# Changelog\\n\\n## [5.2.0](https://github.com/gravity-ui/unipika/compare/v5.1.0...v5.2.0) (2024-07-02)\\n\\n\\n### Features\\n\\n* support tzdate32, tzdatetime64, tztimestamp64 [YQLFRONT-2732] ([#42](https://github.com/gravity-ui/unipika/issues/42)) ([2d34a84](https://github.com/gravity-ui/unipika/commit/2d34a843bf5f63e5c76323c6cbebc55ee2659c77))\\n\\n## [5.1.0](https://github.com/gravity-ui/unipika/compare/v5.0.0...v5.1.0) (2024-06-19)\\n\\n\\n### Features\\n\\n* date32 datetime64 timestamp64 interval64 [YTFRONT-4087] ([#38](https://github.com/gravity-ui/unipika/issues/38)) ([9e3c84b](https://github.com/gravity-ui/unipika/commit/9e3c84b075e1231089a6106601990ae9e1d0915d))\\n\\n## [5.0.0](https://github.com/gravity-ui/unipika/compare/v4.0.1...v5.0.0) (2024-05-06)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* move to node 18 and add linters ([#35](https://github.com/gravity-ui/unipika/issues/35))\\n\\n### Features\\n\\n* move to node 18 and add linters ([#35](https://github.com/gravity-ui/unipika/issues/35)) ([46e5fee](https://github.com/gravity-ui/unipika/commit/46e5fee52ccbf0add26a8826ff43f3b554edfe15))\\n* **YQL:** use pg categories for colorizing result [YQLFRONT-2386] ([#34](https://github.com/gravity-ui/unipika/issues/34)) ([478d78c](https://github.com/gravity-ui/unipika/commit/478d78c4f5e6db56ff10c3431c516b537971c649))\\n\\n\\n### Bug Fixes\\n\\n* use node 18 in github actions ([#36](https://github.com/gravity-ui/unipika/issues/36)) ([3921895](https://github.com/gravity-ui/unipika/commit/3921895844d6ba13af0c88dc8234da2dbffeddac))\\n\\n## [4.0.1](https://github.com/gravity-ui/unipika/compare/v4.0.0...v4.0.1) (2024-04-26)\\n\\n\\n### Bug Fixes\\n\\n* convert yql jsondocument [CLOUDFRONT-27245] ([b749f9c](https://github.com/gravity-ui/unipika/commit/b749f9cada880ee92c2cda0967eb75a7a8d4ab06))\\n\\n## [4.0.0](https://github.com/gravity-ui/unipika/compare/v3.2.1...v4.0.0) (2024-04-10)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* add `settings.treatValAsData` to operate with incomplete data\\n\\n### Features\\n\\n* add `settings.treatValAsData` to operate with incomplete data ([e0e7ca7](https://github.com/gravity-ui/unipika/commit/e0e7ca70d7f6797df69642232ae41c00b0f68966))\\n\\n## [3.2.1](https://github.com/gravity-ui/unipika/compare/v3.2.0...v3.2.1) (2024-04-02)\\n\\n\\n### Bug Fixes\\n\\n* escape title for incomplete strings ([327c181](https://github.com/gravity-ui/unipika/commit/327c181b7577f48c41b61c20b3a8b3b159d936db))\\n\\n## [3.2.0](https://github.com/gravity-ui/unipika/compare/v3.1.0...v3.2.0) (2024-02-08)\\n\\n\\n### Features\\n\\n* yql_null should be normal-style and  uppercase ([a704975](https://github.com/gravity-ui/unipika/commit/a704975a33efa71a2ca6320bf7e27a78eeb7187d))\\n\\n## [3.1.0](https://github.com/gravity-ui/unipika/compare/v3.0.0...v3.1.0) (2023-10-27)\\n\\n\\n### Features\\n\\n* **format:** add html title for incomplete strings ([c69382c](https://github.com/gravity-ui/unipika/commit/c69382c4ecb2f6d42417e758064dc826a85faded))\\n\\n\\n### Bug Fixes\\n\\n* tests ([da85816](https://github.com/gravity-ui/unipika/commit/da85816869602746f09a2a3e33ed9ef9570a376c))\\n\\n## [3.0.0](https://github.com/gravity-ui/unipika/compare/v2.0.2...v3.0.0) (2023-10-05)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n- [unipika.utils.format.hidereferrer](https://github.com/gravity-ui/unipika/blob/a35528d190e6b8e2a57bfba97d482083fc0c1647/lib/utils/format.js#L92-L94) is removed. As result wrapping of urls by \'https://h.yandex-team.ru\' is removed, and if you need it you have to provide corresponding value for `settings.normalizeUrl`-option.\\n\\n### Features\\n\\n* add settings.normalizeUrl ([eef8e96](https://github.com/gravity-ui/unipika/commit/eef8e9667fd077d2f63e1572368162991fa9b9b4))\\n* **converters:** add support for PgType ([fa7316d](https://github.com/gravity-ui/unipika/commit/fa7316d365be939f834f77088d9c67f4f58cac02))\\n\\n## [2.0.2](https://github.com/gravity-ui/unipika/compare/v2.0.1...v2.0.2) (2023-05-05)\\n\\n\\n### Bug Fixes\\n\\n* should validate only AsTagged with url source ([06cdb96](https://github.com/gravity-ui/unipika/commit/06cdb9642b795d912537441aeccd721f8df94d1f))\\n\\n## [2.0.1](https://github.com/gravity-ui/unipika/compare/v2.0.0...v2.0.1) (2023-04-27)\\n\\n\\n### Bug Fixes\\n\\n* add src url validation if value is not StructType ([e499304](https://github.com/gravity-ui/unipika/commit/e49930442c800729cc13c09e8bf68d77a4d7a859))\\n\\n## [2.0.0](https://github.com/gravity-ui/unipika/compare/v1.0.2...v2.0.0) (2023-04-25)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* add setting validateDomain.\\\\\\n\\n### Features\\n\\n* add setting validateDomain.\\\\ ([72c7fc9](https://github.com/gravity-ui/unipika/commit/72c7fc98ce2dcf890cc49f4b7bf5d45cd70eb494))\\n\\n## [1.0.2](https://github.com/gravity-ui/unipika/compare/v1.0.1...v1.0.2) (2023-04-19)\\n\\n\\n### Bug Fixes\\n\\n* tagged type with invalid structure ([e28bdad](https://github.com/gravity-ui/unipika/commit/e28bdad6e5c50689c993d45eeaa914dda61f6d6c))\\n\\n## [1.0.1](https://github.com/gravity-ui/unipika/compare/v1.0.0...v1.0.1) (2023-03-23)\\n\\n\\n### Bug Fixes\\n\\n* **truncateLargeString:** truncate binary strings properly ([2096af3](https://github.com/gravity-ui/unipika/commit/2096af3eaeab5c8e3dc1f50bc1db8f26b45dce45))\\n\\n## 1.0.0 (2023-02-22)\\n\\n\\n### Features\\n\\n* first release ([924b91b](https://github.com/gravity-ui/unipika/commit/924b91b32986ed9f0142e384f02632d3cc6b496e))\\n","contributors":[{"login":"Raubzeug","avatarUrl":"https://avatars.githubusercontent.com/u/42094364?v=4","url":"https://github.com/Raubzeug","contributions":18},{"login":"ma-efremoff","avatarUrl":"https://avatars.githubusercontent.com/u/64027148?v=4","url":"https://github.com/ma-efremoff","contributions":13},{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":3},{"login":"kiraind","avatarUrl":"https://avatars.githubusercontent.com/u/23224613?v=4","url":"https://github.com/kiraind","contributions":2},{"login":"itwillwork","avatarUrl":"https://avatars.githubusercontent.com/u/15855766?v=4","url":"https://github.com/itwillwork","contributions":1},{"login":"SimbiozizV","avatarUrl":"https://avatars.githubusercontent.com/u/3991919?v=4","url":"https://github.com/SimbiozizV","contributions":1}],"codeOwners":[{"pattern":"*","owners":["ma-efremoff","Raubzeug"]}]},"ui-logger":{"stars":0,"version":"1.1.0","lastUpdate":"02.02.2023","license":"MIT License","issues":1,"readme":"# UI logger\\n\\n## Usage\\n\\n```bash\\nnpm i @gravity-ui/ui-logger\\n```\\n\\n```ts\\nimport logger from \'@gravity-ui/ui-logger\';\\n\\ntry {\\n  // logger.log(message: string, extraData?: Record<string, unknown>);\\n  logger.log(\'Info event\', {extraInfo: \'Extra data\'});\\n} catch (error) {\\n  // logger.logError(message: string, error?: Error, extraData?: Record<string, unknown>);\\n  logger.logError(\'Error event\', error, {extraError: \'Extra data\'});\\n}\\n\\n// get all recorded logs\\nconst logs = logger.getLogs();\\n```\\n\\n## Named loggers\\n\\nBy default, logs are written to `namespace` with the name `default`.\\n\\nPossible reasons to create your own `namespace`:\\n\\n- Logically split logs of a large application.\\n- For certain errors, you need a custom [error parser](#settings).\\n\\n```ts\\nimport logger from \'@gravity-ui/ui-logger\';\\n\\n// Returns or creates a new logger instance with the name my_namespace\\nconst namedLogger = logger.get(\'my_namespace\');\\nnamedLogger.log(\'Will record to scope my_namespace\');\\n\\nconst anotherOneLogger = namedLogger.get(\'another_one\');\\nnamedLogger.log(\'Will record to scope another_one\');\\n```\\n\\n## Settings\\n\\nThe settings can be either global for all loggers or local for a specific logger.\\n\\n```ts\\nimport logger from \'@gravity-ui/ui-logger\';\\n\\ntype DefaultSettings = {\\n  // The number of log records for each namespace. By default, 1000.\\n  bufferSize: number;\\n  // Function for error parsing in logError.\\n  parseError: (error: Error) => Record<string, unknown>;\\n  // Print log, logError to the console. By default, true.\\n  printLog: boolean;\\n  // Callback function that is called every time logError is called with the same arguments as logError\\n  logErrorCallback: ((message: string, error?: Error, data?: ExtraData) => void) | null;\\n};\\n\\n// will change the number of records for all loggers\\nlogger.setDefault({bufferSize: 200});\\n\\ntype LoggerSettings = {\\n  bufferSize: number;\\n  parseError: (error: Error) => Record<string, unknown>;\\n  logErrorCallback: ((message: string, error?: Error, data?: ExtraData) => void) | null;\\n};\\n\\nconst namedLogger = logger.get(\'name\');\\nfunction namedParseError(error: Error) {\\n  return {message: error.message, meta: {}};\\n}\\n\\n// will change ParseError only for logger `name`\\nnamedLogger.setSettings({parseError: namedParseError});\\n```\\n","changelog":"# Changelog\\n\\n## [1.1.0](https://github.com/gravity-ui/ui-logger/compare/v1.0.0...v1.1.0) (2023-02-02)\\n\\n\\n### Features\\n\\n* change organization ([#4](https://github.com/gravity-ui/ui-logger/issues/4)) ([5b4a0c0](https://github.com/gravity-ui/ui-logger/commit/5b4a0c02529b64990b24f72969aafb469ba203d9))\\n\\n## 1.0.0 (2022-07-28)\\n\\n\\n### Bug Fixes\\n\\n* try publish ([#1](https://github.com/yandex-cloud/ui-logger/issues/1)) ([2266e4f](https://github.com/yandex-cloud/ui-logger/commit/2266e4f886e767cd6bb63e81c8ef3fed0be7c1d8))\\n","contributors":[{"login":"jhoncool","avatarUrl":"https://avatars.githubusercontent.com/u/11226935?v=4","url":"https://github.com/jhoncool","contributions":4}],"codeOwners":[]},"oauth-clients":{"stars":0,"version":"1.1.0","lastUpdate":"22.08.2023","license":"MIT License","issues":0,"readme":"# @gravity-ui/oauth-clients &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/oauth-clients)](https://www.npmjs.com/package/@gravity-ui/oauth-clients) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/oauth-clients/.github/workflows/ci.yml?branch=main&logo=github)](https://github.com/gravity-ui/oauth-clients/actions/workflows/ci.yml?query=branch:main)\\n\\nClient for Yandex oAuth, and base client for oAuth code flow.\\n\\n## Install\\n\\n```shell\\nnpm install @gravity-ui/oauth-clients\\n```\\n","changelog":"# Changelog\\n\\n## [1.1.0](https://github.com/gravity-ui/oauth-clients/compare/v1.0.3...v1.1.0) (2023-08-22)\\n\\n\\n### Features\\n\\n* make `window.open` async ([#14](https://github.com/gravity-ui/oauth-clients/issues/14)) ([1f574e7](https://github.com/gravity-ui/oauth-clients/commit/1f574e7ebf72047326d7a59f9c97e2321822545b))\\n\\n## [1.0.3](https://github.com/gravity-ui/oauth-clients/compare/v1.0.2...v1.0.3) (2023-01-24)\\n\\n\\n### Bug Fixes\\n\\n* **YandexOAuthClient:** types ([#8](https://github.com/gravity-ui/oauth-clients/issues/8)) ([4351f4f](https://github.com/gravity-ui/oauth-clients/commit/4351f4f099f4ccf35b7e39926ca65fec0361664b))\\n\\n## [1.0.2](https://github.com/gravity-ui/oauth-clients/compare/v1.0.1...v1.0.2) (2023-01-24)\\n\\n\\n### Bug Fixes\\n\\n* build before publish ([#6](https://github.com/gravity-ui/oauth-clients/issues/6)) ([c45f2a2](https://github.com/gravity-ui/oauth-clients/commit/c45f2a2b6c801e28cf135736260451ba7765e5f4))\\n\\n## [1.0.1](https://github.com/gravity-ui/oauth-clients/compare/v1.0.0...v1.0.1) (2023-01-23)\\n\\n\\n### Bug Fixes\\n\\n* move `nanoid` to dependencies ([#4](https://github.com/gravity-ui/oauth-clients/issues/4)) ([3f02b30](https://github.com/gravity-ui/oauth-clients/commit/3f02b30108db961f60011e1e3ba07e447cab0d0e))\\n\\n## 1.0.0 (2023-01-23)\\n\\n\\n### Features\\n\\n* initial version ([#1](https://github.com/gravity-ui/oauth-clients/issues/1)) ([c0277f1](https://github.com/gravity-ui/oauth-clients/commit/c0277f126a3fd717bb2fca87c4725a424a7bea0a))\\n","contributors":[{"login":"ogonkov","avatarUrl":"https://avatars.githubusercontent.com/u/1091927?v=4","url":"https://github.com/ogonkov","contributions":9},{"login":"resure","avatarUrl":"https://avatars.githubusercontent.com/u/168296?v=4","url":"https://github.com/resure","contributions":1}],"codeOwners":[]},"i18n":{"stars":8,"version":"1.6.0","lastUpdate":"12.07.2024","license":"MIT License","issues":0,"readme":"# @gravity-ui/i18n &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/i18n)](https://www.npmjs.com/package/@gravity-ui/i18n) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/i18n/.github/workflows/ci.yml?branch=main&label=CI&logo=github)](https://github.com/gravity-ui/i18n/actions/workflows/ci.yml?query=branch:main)\\n\\n## I18N utilities\\n\\nUtilities in the I18N package are designed for internationalization of Gravity UI services.\\n\\n### Install\\n\\n`npm install --save @gravity-ui/i18n`\\n\\n### API\\n\\n#### constructor(options)\\n\\nAccepts `options` object with optional `logger` that would be used for logging library warnings.\\n\\n##### logger\\n\\nLogger should have explicit `log` method with following signature:\\n\\n * `message` - string of message that would be logged\\n * `options` - object of logging options:\\n   * `level` - level for logging message, always `\'info\'`\\n   * `logger` - where to log library messages\\n   * `extra` - additional options object, with a single `type` string, that is always `i18n`\\n\\n### Use examples\\n\\n#### `keysets/en.json`\\n\\n```json\\n{\\n  \\"wizard\\": {\\n    \\"label_error-widget-no-access\\": \\"No access to the chart\\"\\n  }\\n}\\n```\\n\\n#### `keysets/ru.json`\\n\\n```json\\n{\\n  \\"wizard\\": {\\n    \\"label_error-widget-no-access\\": \\"Нет доступа к чарту\\"\\n  }\\n}\\n```\\n\\n#### `index.js`\\n\\n```js\\nconst ru = require(\'./keysets/ru.json\');\\nconst en = require(\'./keysets/en.json\');\\n\\nconst {I18N} = require(\'@gravity-ui/i18n\');\\n\\nconst i18n = new I18N();\\ni18n.registerKeysets(\'ru\', ru);\\ni18n.registerKeysets(\'en\', en);\\n\\ni18n.setLang(\'ru\');\\nconsole.log(\\n    i18n.i18n(\'wizard\', \'label_error-widget-no-access\')\\n); // -> \\"Нет доступа к чарту\\"\\n\\ni18n.setLang(\'en\');\\nconsole.log(\\n    i18n.i18n(\'wizard\', \'label_error-widget-no-access\')\\n); // -> \\"No access to the chart\\n\\n// Keyset allows for a simpler translations retrieval\\nconst keyset = i18n.keyset(\'wizard\');\\nconsole.log(\\n    keyset(\'label_error-widget-no-access\')\\n); // -> \\"No access to the chart\\"\\n\\n\\ni18n.setLang(\'ru\');\\nconsole.log(\\n    keyset(\'label_error-widget-no-access\')\\n); // -> \\"Нет доступа к чарту\\"\\n\\n// Checking if keyset has a key\\nif (i18n.has(\'wizard\', \'label_error-widget-no-access\')) {\\n    i18n.i18n(\'wizard\', \'label_error-widget-no-access\')\\n}\\n```\\n\\n### Templating\\n\\nThe library supports templating. Templated variables are enclosed in double curly brackets, and the values are passed to the i18n function as a key-value dictionary:\\n\\n#### `keysets.json`\\n\\n```json\\n{\\n  \\"label_template\\": \\"No matches found for \'{{inputValue}}\' in \'{{folderName}}\'\\"\\n}\\n```\\n\\n#### `index.js`\\n\\n```js\\ni18n(\'label_template\', {inputValue: \'something\', folderName: \'somewhere\'});  // => No matches found for \\"something\\" in \\"somewhere\\"\\n```\\n\\n### Pluralization\\n\\nPluralization can be used for easy localization of keys that depend on numeric values. Current library uses [CLDR Plural Rules](https://unicode-org.github.io/cldr-staging/charts/latest/supplemental/language_plural_rules.html) via [Intl.PluralRules API](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/PluralRules).\\n\\nYou may need to [polyfill](https://github.com/eemeli/intl-pluralrules) the [Intl.Plural Rules API](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/PluralRules) if it is not available in the browser.\\n\\nThere are 6 plural forms (see [resolvedOptions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/PluralRules/resolvedOptions)):\\n\\n- zero (also will be used when count = 0 even if the form is not supported in the language)\\n- one (singular)\\n- two (dual)\\n- few (paucal)\\n- many (also used for fractions if they have a separate class)\\n- other (required form for all languages — general plural form — also used if the language only has a single form)\\n\\n#### Example of `keysets.json` with plural key\\n\\n```json\\n{\\n  \\"label_seconds\\": {\\n    \\"one\\": \\"{{count}} second is left\\",\\n    \\"other\\":\\"{{count}} seconds are left\\",\\n    \\"zero\\": \\"No time left\\"\\n  }\\n}\\n```\\n\\n#### Usage in JS\\n\\n```js\\ni18n(\'label_seconds\', {count: 1});  // => 1 second\\ni18n(\'label_seconds\', {count: 3});  // => 3 seconds\\ni18n(\'label_seconds\', {count: 7});  // => 7 seconds\\ni18n(\'label_seconds\', {count: 10}); // => 10 seconds\\ni18n(\'label_seconds\', {count: 0});  // => No time left\\n```\\n\\n#### [Deprecated] Old plurals format\\n\\nOld format will be removed in v2.\\n\\n```json\\n{\\n  \\"label_seconds\\": [\\"{{count}} second is left\\", \\"{{count}} seconds are left\\", \\"{{count}} seconds are left\\", \\"No time left\\"]\\n}\\n```\\n\\nA pluralized key contains 4 values, each |corresponding to a `PluralForm` enum value. The enum values are: `One`, `Few`, `Many`, and `None`, respectively. Template variable name for pluralization is `count`.\\n\\n#### [Deprecated] Custom pluralization\\n\\nSince every language has its own way of pluralization, the library provides a method to configure the rules for any chosen language.\\n\\nThe configuration function accepts an object with languages as keys, and pluralization functions as values.\\n\\nA pluralization function accepts a number and the `PluralForm` enum, and is expected to return one of the enum values depending on the provided number.\\n\\n```js\\nconst {I18N} = require(\'@gravity-ui/i18n\');\\n\\nconst i18n = new I18N();\\n\\ni18n.configurePluralization({\\n  en: (count, pluralForms) => {\\n    if (!count) return pluralForms.None;\\n    if (count === 1) return pluralForms.One;\\n    return pluralForms.Many;\\n  },\\n});\\n```\\n\\n#### [Deprecated] Provided pluralization rulesets\\n\\nThe two languages supported out of the box are English and Russian.\\n\\n##### English\\n\\nLanguage key: `en`.\\n* `One` corresponds to 1 and -1.\\n* `Few` is not used.\\n* `Many` corresponds to any other number, except 0.\\n* `None` corresponds to 0.\\n\\n##### Russian\\n\\nLanguage key: `ru`.\\n* `One` corresponds to any number ending in 1, except \xb111.\\n* `Few` corresponds to any number ending in 2, 3 or 4, except \xb112, \xb113 and \xb114.\\n* `Many` corresponds to any other number, except 0.\\n* `None` corresponds to 0.\\n\\n##### Default\\n\\nThe English ruleset is used by default, for any language without a configured pluralization function.\\n\\n### Nesting\\n\\n<span style=\\"color:red\\">Max nesting depth limited - only 1 level (for glossary)</span>\\n\\nNesting allows you to reference other keys in a translation. Could be useful to build glossary terms.\\n\\n#### Basic\\n\\nkeys\\n\\n```json\\n{\\n  \\"nesting1\\": \\"1 $t{nesting2}\\",\\n  \\"nesting2\\": \\"2\\",\\n}\\n```\\n\\nsample\\n\\n```ts\\ni18n(\'nesting1\'); // -> \\"1 2\\"\\n```\\n\\nYou can reference keys from other keyset by prepending the keysetName: \\n```json\\n// global/en.json\\n{\\n  \\"app\\": \\"App\\"\\n}\\n\\n// service/en.json\\n{\\n  \\"app-service\\": \\"$t{global::app} service\\"\\n}\\n```\\n\\n### Typing\\n\\nTo type the `i18nInstance.i18n` function, follow the steps:\\n\\n#### Preparation\\n\\nPrepare a JSON keyset file so that the typing procedure can fetch data. Where you fetch keysets from, add creation of an additional `data.json` file. To decrease the file size and speed up IDE parsing, you can replace all values by `\'str\'`.\\n\\n```ts\\nasync function createFiles(keysets: Record<Lang, LangKeysets>) {\\n    await mkdirp(DEST_PATH);\\n\\n    const createFilePromises = Object.keys(keysets).map((lang) => {\\n        const keysetsJSON = JSON.stringify(keysets[lang as Lang], null, 4);\\n        const content = umdTemplate(keysetsJSON);\\n        const hash = getContentHash(content);\\n        const filePath = path.resolve(DEST_PATH, `${lang}.${hash.slice(0, 8)}.js`);\\n\\n        // <New lines>\\n        let typesPromise;\\n\\n        if (lang === \'ru\') {\\n            const keyset = keysets[lang as Lang];\\n            Object.keys(keyset).forEach((keysetName) => {\\n                const keyPhrases = keyset[keysetName];\\n                Object.keys(keyPhrases).forEach((keyName) => {\\n                    // mutate object!\\n                    keyPhrases[keyName] = \'str\';\\n                });\\n            });\\n\\n            const JSONForTypes = JSON.stringify(keyset, null, 4);\\n            typesPromise = writeFile(path.resolve(DEST_PATH, `data.json`), JSONForTypes, \'utf-8\');\\n        }\\n        // </New lines>\\n\\n        return Promise.all([typesPromise, writeFile(filePath, content, \'utf-8\')]);\\n    });\\n\\n    await Promise.all(createFilePromises);\\n}\\n```\\n\\n#### Connection\\n\\nIn your `ui/utils/i18n` directories (where you configure i18n and export it to be used by all interfaces), import the typing function `I18NFn` with your `Keysets`. After your i18n has been configured, return the casted function\\n\\n```ts\\nimport {I18NFn} from \'@gravity-ui/i18n\';\\n// This must be a typed import!\\nimport type Keysets from \'../../../dist/public/build/i18n/data.json\';\\n\\nconst i18nInstance = new I18N();\\ntype TypedI18n = I18NFn<typeof Keysets>;\\n// ...\\nexport const ci18n = (i18nInstance.i18n as TypedI18n).bind(i18nInstance, \'common\');\\nexport const cui18n = (i18nInstance.i18n as TypedI18n).bind(i18nInstance, \'common.units\');\\nexport const i18n = i18nInstance.i18n.bind(i18nInstance) as TypedI18n;\\n```\\n\\n#### Additional issues\\n\\n**Typing logic**\\n\\nThere are several typing use cases:\\n\\n- Calling a function with keys passed as string literals\\n\\n```ts\\ni18n(\'common\', \'label_subnet\'); // ok\\ni18n(\'dcommon\', \'label_dsubnet\'); // error: Argument of type \'\\"dcommon\\"\' is not assignable to parameter of type ...\\ni18n(\'common\', \'label_dsubnet\'); // error: Argument of type \'\\"label_dsubnet\\"\' is not assignable to parameter of type ...\\n```\\n\\n- Calling a function, passing to it strings that can\'t be converted into literals (if ts can\'t derive the string type, it doesn\'t throw an error)\\n\\n```ts\\nconst someUncomputebleString = `label_random-index-${Math.floor(Math.random() * 4)}`;\\ni18n(\'some_service\', someUncomputebleString); // ok\\n\\nfor (let i = 0; i < 4; i++) {\\n    i18n(\'some_service\', `label_random-index-${i}`); // ok\\n}\\n```\\n\\n- Calling a function, passing to it strings that can be converted into literals\\n\\n```ts\\nconst labelColors = [\'red\', \'green\', \'yelllow\', \'white\'] as const;\\nfor (let i = 0; i < 4; i++) {\\n    i18n(\'some_service\', `label_color-${labelColors[i]}`); // ok\\n}\\n\\nconst labelWrongColors = [\'red\', \'not-existing\', \'yelllow\', \'white\'] as const;\\nfor (let i = 0; i < 4; i++) {\\n    i18n(\'some_service\', `label_color-${labelWrongColors[i]}`); // error: Argument of type \'\\"not-existing\\"\' is not assignable to parameter of type ...\\n}\\n```\\n\\n**Why typing via a class isn\'t supported**\\n\\nThis function can break or complicate some i18n scenarios, so it was added as a functional extension. If it proves effective, we would probably add it to a class to avoid casting exported functions.\\n\\n**Why built-in methods might fail**\\n\\nImplementing of traversal of nested structures and conditional types using typed built-in function methods is a complex enough task. That\'s why typing works only when using a direct function call and a `bind` call up to the third argument.\\n\\n**Why can\'t I generate a ts file straightforwardly to typecast key values as well?**\\n\\nYou can do that by passing the result type to I18NFn. However, with large file sizes, ts starts consuming huge amounts of resources, slowing down the IDE dramatically, but with JSON file this is not the case.\\n\\n**Why other methods of the I18N class haven\'t been typed?**\\n\\nThey can be typed, we\'ll appreciate if you help implementing it. The case is that other methods are used in 1% of cases.\\n\\n","changelog":"# Changelog\\n\\n## [1.6.0](https://github.com/gravity-ui/i18n/compare/v1.5.1...v1.6.0) (2024-07-12)\\n\\n\\n### Features\\n\\n* add translations nesting ([#52](https://github.com/gravity-ui/i18n/issues/52)) ([2ecbaa4](https://github.com/gravity-ui/i18n/commit/2ecbaa4e3783efff36e84e2e3de28ee08eddb3ac))\\n\\n## [1.5.1](https://github.com/gravity-ui/i18n/compare/v1.5.0...v1.5.1) (2024-05-20)\\n\\n\\n### Bug Fixes\\n\\n* optional other plural form ([e6ee304](https://github.com/gravity-ui/i18n/commit/e6ee30469c25f6d64b53ad4df32d14265f2f3a62))\\n\\n## [1.5.0](https://github.com/gravity-ui/i18n/compare/v1.4.0...v1.5.0) (2024-05-04)\\n\\n\\n### Features\\n\\n* make other form optional ([#49](https://github.com/gravity-ui/i18n/issues/49)) ([cec6a95](https://github.com/gravity-ui/i18n/commit/cec6a9552359783afa61c836738cee38d552ac03))\\n\\n## [1.4.0](https://github.com/gravity-ui/i18n/compare/v1.3.0...v1.4.0) (2024-03-22)\\n\\n\\n### Features\\n\\n* use Intl.PluralRules for plural keys ([#43](https://github.com/gravity-ui/i18n/issues/43)) ([1777df6](https://github.com/gravity-ui/i18n/commit/1777df667eef9c6d10ed1170375b6b547ac68da8))\\n\\n## [1.3.0](https://github.com/gravity-ui/i18n/compare/v1.2.0...v1.3.0) (2024-02-02)\\n\\n\\n### Features\\n\\n* do not throw an error on duplicated keysets out of production ([#45](https://github.com/gravity-ui/i18n/issues/45)) ([aa46095](https://github.com/gravity-ui/i18n/commit/aa4609583a7a5d7215347b6f0d84b31e9f0bb1a7))\\n\\n## [1.2.0](https://github.com/gravity-ui/i18n/compare/v1.1.0...v1.2.0) (2024-01-26)\\n\\n\\n### Features\\n\\n* add codeowners ([#41](https://github.com/gravity-ui/i18n/issues/41)) ([9907b8c](https://github.com/gravity-ui/i18n/commit/9907b8c82769447cabce152473f9f2534c162ed6))\\n* add data, fallbackLang & lang options as constructor arguments ([#40](https://github.com/gravity-ui/i18n/issues/40)) ([a26ee50](https://github.com/gravity-ui/i18n/commit/a26ee507db1d87162ae4486ef99f54db9749be5c))\\n\\n## [1.1.0](https://github.com/gravity-ui/i18n/compare/v1.0.0...v1.1.0) (2023-05-03)\\n\\n\\n### Features\\n\\n* **keyset:** allow to narrow the type of keyset keys ([#33](https://github.com/gravity-ui/i18n/issues/33)) ([e2c0076](https://github.com/gravity-ui/i18n/commit/e2c00765acc400b25e06ea05ed3a0f895adb92b7))\\n\\n## [1.0.0](https://github.com/gravity-ui/i18n/compare/v0.6.0...v1.0.0) (2022-09-08)\\n\\n\\n### Features\\n\\n* transfer package to gravity-ui ([#32](https://github.com/gravity-ui/i18n/issues/32)) ([c61a0bf](https://github.com/gravity-ui/i18n/commit/c61a0bfe17139431b4948cc7cbd67fd667830e33))\\n\\n\\n### Bug Fixes\\n\\n* **pluralize:** add pluralization configuration & fix english ([#31](https://github.com/gravity-ui/i18n/issues/31)) ([1d01348](https://github.com/gravity-ui/i18n/commit/1d013481a81f0e57ca23929b3c369843fecca73b))\\n* **replaceParams:** correctly substitute params with special content ([#29](https://github.com/gravity-ui/i18n/issues/29)) ([4f791c5](https://github.com/gravity-ui/i18n/commit/4f791c56822dc9d1645cbe852738056412d5d0e6))\\n\\n## [0.6.0](https://github.com/yandex-cloud/i18n/compare/v0.5.0...v0.6.0) (2022-05-24)\\n\\n\\n### Features\\n\\n* remove static methods for prior instance method setLang, remove default rumLogger ([#25](https://github.com/yandex-cloud/i18n/issues/25)) ([9a07c54](https://github.com/yandex-cloud/i18n/commit/9a07c5465fc8ddd6a0cfa833a07582e90776d75b))\\n\\n## [0.5.0](https://www.github.com/yandex-cloud/i18n/compare/v0.4.0...v0.5.0) (2022-04-14)\\n\\n\\n### Features\\n\\n* add cjs build ([#22](https://www.github.com/yandex-cloud/i18n/issues/22)) ([59c09a2](https://www.github.com/yandex-cloud/i18n/commit/59c09a272e9537a2bd1a269a19a3b8a8d71c8031))\\n\\n## [0.4.0](https://www.github.com/yandex-cloud/i18n/compare/v0.3.0...v0.4.0) (2022-04-04)\\n\\n\\n### Features\\n\\n* add `logger` option to constructor ([#20](https://www.github.com/yandex-cloud/i18n/issues/20)) ([b135807](https://www.github.com/yandex-cloud/i18n/commit/b1358071a215b85c9e34d611a84b184d85511bfc))\\n\\n## [0.3.0](https://www.github.com/yandex-cloud/i18n/compare/v0.2.2...v0.3.0) (2022-03-23)\\n\\n\\n### Features\\n\\n* add fallback for missing `count` 0 key ([#18](https://www.github.com/yandex-cloud/i18n/issues/18)) ([fff521f](https://www.github.com/yandex-cloud/i18n/commit/fff521f7228693af1f1a94b6c279b2234b63138e))\\n\\n### [0.2.2](https://www.github.com/yandex-cloud/i18n/compare/v0.2.1...v0.2.2) (2022-03-22)\\n\\n\\n### Bug Fixes\\n\\n* correctly export types from package ([1d29acd](https://www.github.com/yandex-cloud/i18n/commit/1d29acd69f339808c1246074bcddadb9c63d4215))\\n\\n### [0.2.1](https://www.github.com/yandex-cloud/i18n/compare/v0.2.0...v0.2.1) (2022-03-21)\\n\\n\\n### chore\\n\\n* freeze direct dependencies ([e741995](https://www.github.com/yandex-cloud/i18n/commit/e7419950840a85b7c23d53464903a6589829b052))\\n\\n## [0.2.0](https://www.github.com/yandex-cloud/i18n/compare/v0.1.1...v0.2.0) (2022-02-07)\\n\\n\\n### build\\n\\n* compile with tsc instead of babel ([22cf7ed](https://www.github.com/yandex-cloud/i18n/commit/22cf7ededf4be276259f5177b45333a23602b6f6))\\n\\n### [0.1.1](https://www.github.com/yandex-cloud/i18n/compare/v0.1.0...v0.1.1) (2022-01-04)\\n\\n\\n### Bug Fixes\\n\\n* set correct npm package scope ([14f34c6](https://www.github.com/yandex-cloud/i18n/commit/14f34c6a1d0fb59d32271463f9f5d54b9b0ab78b))\\n\\n## 0.1.0 (2022-01-04)\\n\\n\\n### Features\\n\\n* initial import of i18n library ([3551a26](https://www.github.com/yandex-cloud/i18n/commit/3551a26f402cfe5dc9ca270a3f950307ca5f57fb))\\n","contributors":[{"login":"tsufiev","avatarUrl":"https://avatars.githubusercontent.com/u/1240006?v=4","url":"https://github.com/tsufiev","contributions":9},{"login":"ogonkov","avatarUrl":"https://avatars.githubusercontent.com/u/1091927?v=4","url":"https://github.com/ogonkov","contributions":6},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":5},{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":2},{"login":"vladimirfilosof","avatarUrl":"https://avatars.githubusercontent.com/u/58009491?v=4","url":"https://github.com/vladimirfilosof","contributions":2},{"login":"dgaponov","avatarUrl":"https://avatars.githubusercontent.com/u/13693437?v=4","url":"https://github.com/dgaponov","contributions":2},{"login":"kvestus","avatarUrl":"https://avatars.githubusercontent.com/u/36218446?v=4","url":"https://github.com/kvestus","contributions":1},{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":1},{"login":"danigorokhov","avatarUrl":"https://avatars.githubusercontent.com/u/49070059?v=4","url":"https://github.com/danigorokhov","contributions":1},{"login":"jhoncool","avatarUrl":"https://avatars.githubusercontent.com/u/11226935?v=4","url":"https://github.com/jhoncool","contributions":1},{"login":"ariser","avatarUrl":"https://avatars.githubusercontent.com/u/3864424?v=4","url":"https://github.com/ariser","contributions":1},{"login":"dihar","avatarUrl":"https://avatars.githubusercontent.com/u/12913462?v=4","url":"https://github.com/dihar","contributions":1},{"login":"imechoim","avatarUrl":"https://avatars.githubusercontent.com/u/8857511?v=4","url":"https://github.com/imechoim","contributions":1}],"codeOwners":[{"pattern":"*","owners":["dgaponov"]}]},"eslint-config":{"stars":5,"version":"3.2.0","lastUpdate":"15.04.2024","license":"MIT License","issues":2,"readme":"# @gravity-ui/eslint-config\\n\\n## Install\\n\\n```\\nnpm install --save-dev eslint @gravity-ui/eslint-config\\n```\\n\\n## Usage\\n\\nAdd `.eslintrc` file in the project root with the following content:\\n\\n```json\\n{\\n  \\"extends\\": \\"@gravity-ui/eslint-config\\",\\n  \\"root\\": true\\n}\\n```\\n\\nAdd client and server config files in corresponding directories:\\n\\n```json\\n{\\n  \\"extends\\": \\"@gravity-ui/eslint-config/server\\"\\n}\\n```\\n\\n```json\\n{\\n  \\"extends\\": \\"@gravity-ui/eslint-config/client\\"\\n}\\n```\\n\\n### Prettier\\n\\nIf you are using Prettier, extend root config with the additional rules:\\n\\n```json\\n{\\n  \\"extends\\": [\\"@gravity-ui/eslint-config\\", \\"@gravity-ui/eslint-config/prettier\\"],\\n  \\"root\\": true\\n}\\n```\\n\\n### a11y\\n\\nIf you want to spot accessibility issues, extend root config with the additional rules:\\n\\n```json\\n{\\n  \\"extends\\": [\\"@gravity-ui/eslint-config\\", \\"@gravity-ui/eslint-config/a11y\\"],\\n  \\"root\\": true\\n}\\n```\\n\\n### Order\\n\\nif you want to enforce a convention in module import order, extend root config with the additional rules:\\n\\n```json\\n{\\n  \\"extends\\": [\\"@gravity-ui/eslint-config\\", \\"@gravity-ui/eslint-config/import-order\\"],\\n  \\"root\\": true\\n}\\n```\\n","changelog":"# Changelog\\n\\n## [3.2.0](https://github.com/gravity-ui/eslint-config/compare/v3.1.1...v3.2.0) (2024-04-15)\\n\\n\\n### Features\\n\\n* bump deps ([#27](https://github.com/gravity-ui/eslint-config/issues/27)) ([f744d2d](https://github.com/gravity-ui/eslint-config/commit/f744d2d17b01b883a3dc82faa5c40cf0ac9f68f8))\\n\\n## [3.1.1](https://github.com/gravity-ui/eslint-config/compare/v3.1.0...v3.1.1) (2023-10-02)\\n\\n\\n### Bug Fixes\\n\\n* revert \\"add consistent-type-imports rule ([#22](https://github.com/gravity-ui/eslint-config/issues/22))\\" ([#24](https://github.com/gravity-ui/eslint-config/issues/24)) ([ed5f6c2](https://github.com/gravity-ui/eslint-config/commit/ed5f6c267a5fbcdfdc135260a29240a0da52cc42))\\n\\n## [3.1.0](https://github.com/gravity-ui/eslint-config/compare/v3.0.0...v3.1.0) (2023-10-02)\\n\\n\\n### Features\\n\\n* add consistent-type-imports rule ([#22](https://github.com/gravity-ui/eslint-config/issues/22)) ([42e852e](https://github.com/gravity-ui/eslint-config/commit/42e852ebdb4945d0748dbdac6d9192c8cc1fb296))\\n\\n## [3.0.0](https://github.com/gravity-ui/eslint-config/compare/v2.2.0...v3.0.0) (2023-09-15)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* support typescript v5 and prettier v3, order imports is optional ([#18](https://github.com/gravity-ui/eslint-config/issues/18))\\n\\n### Features\\n\\n* add \'import/no-extraneous-dependencies\' rule ([#17](https://github.com/gravity-ui/eslint-config/issues/17)) ([0bc3163](https://github.com/gravity-ui/eslint-config/commit/0bc3163569a716ec6294ac60b1a0ab1ee0e1a368))\\n* support typescript v5 and prettier v3, order imports is optional ([#18](https://github.com/gravity-ui/eslint-config/issues/18)) ([e68fc37](https://github.com/gravity-ui/eslint-config/commit/e68fc370ab1dd49b181c80c3dc68f35ab6f38781))\\n\\n## [2.2.0](https://github.com/gravity-ui/eslint-config/compare/v2.1.1...v2.2.0) (2023-08-10)\\n\\n\\n### Features\\n\\n* enable pre-pr lint ([#15](https://github.com/gravity-ui/eslint-config/issues/15)) ([f99fdee](https://github.com/gravity-ui/eslint-config/commit/f99fdee32f4823803f110ada188fa4d5adb955fd))\\n* update node version ([#14](https://github.com/gravity-ui/eslint-config/issues/14)) ([6a0f632](https://github.com/gravity-ui/eslint-config/commit/6a0f63223420cbf55a08b4a43ae5c4108bcf7aeb))\\n* update outdated typescript plugin ([#13](https://github.com/gravity-ui/eslint-config/issues/13)) ([fd6c1cd](https://github.com/gravity-ui/eslint-config/commit/fd6c1cdf7050235ef540bc8f31b112210540c4a3))\\n\\n## [2.1.1](https://github.com/gravity-ui/eslint-config/compare/v2.1.0...v2.1.1) (2023-05-30)\\n\\n\\n### Bug Fixes\\n\\n* **a11y:** add missing file ([#11](https://github.com/gravity-ui/eslint-config/issues/11)) ([37eafc8](https://github.com/gravity-ui/eslint-config/commit/37eafc8f1275656e852d832ce0c4ef933346b003))\\n\\n## [2.1.0](https://github.com/gravity-ui/eslint-config/compare/v2.0.0...v2.1.0) (2023-05-30)\\n\\n\\n### Features\\n\\n* **a11y:** add eslint-plugin-jsx-a11y plugin ([#9](https://github.com/gravity-ui/eslint-config/issues/9)) ([c71fd18](https://github.com/gravity-ui/eslint-config/commit/c71fd18ac618b1450d200821659a751d1f1538a5))\\n\\n## [2.0.0](https://github.com/gravity-ui/eslint-config/compare/v1.0.2...v2.0.0) (2022-12-22)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* add `import-order` plugin and rule ([#5](https://github.com/gravity-ui/eslint-config/issues/5))\\n* add `sort-imports` rule ([#4](https://github.com/gravity-ui/eslint-config/issues/4))\\n\\n### Features\\n\\n* add `import-order` plugin and rule ([#5](https://github.com/gravity-ui/eslint-config/issues/5)) ([019d25d](https://github.com/gravity-ui/eslint-config/commit/019d25d18cf2ad907d917aa65d842c546fa8bb7c))\\n* add `sort-imports` rule ([#4](https://github.com/gravity-ui/eslint-config/issues/4)) ([0366bdc](https://github.com/gravity-ui/eslint-config/commit/0366bdce1d81f83acb9222f9cbff538883b5bec8))\\n* made \'no-param-reassign\' rule stricter ([#8](https://github.com/gravity-ui/eslint-config/issues/8)) ([8091f46](https://github.com/gravity-ui/eslint-config/commit/8091f46a9aef819fa4907a565ac8571331aa6f73))\\n\\n\\n### Bug Fixes\\n\\n* add more files to sort-imports rule ([#7](https://github.com/gravity-ui/eslint-config/issues/7)) ([9527126](https://github.com/gravity-ui/eslint-config/commit/9527126c472b533b5107073c0bcb0a164f9deb9c))\\n\\n## [1.0.2](https://github.com/gravity-ui/eslint-config/compare/v1.0.1...v1.0.2) (2022-08-24)\\n\\n\\n### Bug Fixes\\n\\n* package files ([46eb340](https://github.com/gravity-ui/eslint-config/commit/46eb340661058f9eec269cf7fe16c0c2924b1977))\\n\\n## 1.0.1 (2022-08-23)\\n\\n\\n### Bug Fixes\\n\\n* add no-console rule ([5ce4b15](https://github.com/gravity-ui/eslint-config/commit/5ce4b1530ae00e1876806f0cd0617b433727d2a8))\\n* add test npm-script ([cfcda1e](https://github.com/gravity-ui/eslint-config/commit/cfcda1e9c45a0eba0c5851edea009aa5297f20e0))\\n* freeze deps ([a93812f](https://github.com/gravity-ui/eslint-config/commit/a93812ff0b1804365c793d592a68c2d1a63cbb52))\\n\\n\\n### chore\\n\\n* bump release version ([7c20d99](https://github.com/gravity-ui/eslint-config/commit/7c20d9942618a9ec4500aefadc95be7473bd74fd))\\n","contributors":[{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":11},{"login":"KirillDyachkovskiy","avatarUrl":"https://avatars.githubusercontent.com/u/81510334?v=4","url":"https://github.com/KirillDyachkovskiy","contributions":3},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":3},{"login":"melikhov-dev","avatarUrl":"https://avatars.githubusercontent.com/u/1742586?v=4","url":"https://github.com/melikhov-dev","contributions":3},{"login":"ogonkov","avatarUrl":"https://avatars.githubusercontent.com/u/1091927?v=4","url":"https://github.com/ogonkov","contributions":1},{"login":"goshander","avatarUrl":"https://avatars.githubusercontent.com/u/5037509?v=4","url":"https://github.com/goshander","contributions":1},{"login":"main-kun","avatarUrl":"https://avatars.githubusercontent.com/u/13281662?v=4","url":"https://github.com/main-kun","contributions":1},{"login":"kkirik","avatarUrl":"https://avatars.githubusercontent.com/u/29181473?v=4","url":"https://github.com/kkirik","contributions":1},{"login":"korvin89","avatarUrl":"https://avatars.githubusercontent.com/u/26501073?v=4","url":"https://github.com/korvin89","contributions":1},{"login":"axtk","avatarUrl":"https://avatars.githubusercontent.com/u/24575250?v=4","url":"https://github.com/axtk","contributions":1},{"login":"yuberdysheva","avatarUrl":"https://avatars.githubusercontent.com/u/22456330?v=4","url":"https://github.com/yuberdysheva","contributions":1}],"codeOwners":[]},"tsconfig":{"stars":1,"version":"1.0.0","lastUpdate":"24.08.2022","license":"MIT License","issues":0,"readme":"# @gravity-ui/tsconfig\\n\\n## Install\\n```\\nnpm install --save-dev @gravity-ui/tsconfig\\n```\\n\\n## Usage\\nAdd `tsconfig.json` file in the project root with the following content: \\n\\n```json\\n{\\n    \\"extends\\": \\"@gravity-ui/tsconfig/tsconfig.json\\"\\n}\\n```\\n","changelog":"# Changelog\\n\\n## 1.0.0 (2022-08-24)\\n\\n\\n### Bug Fixes\\n\\n* trigger release ([c563ea3](https://github.com/gravity-ui/tsconfig/commit/c563ea342f0bf8c5a75374bf780295947f3e039e))\\n","contributors":[{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":3}],"codeOwners":[]},"prettier-config":{"stars":0,"version":"1.1.0","lastUpdate":"06.09.2023","license":"MIT License","issues":0,"readme":"# @gravity-ui/prettier-config\\n\\n## Install\\n\\n```\\nnpm install --save-dev prettier @gravity-ui/prettier-config\\n```\\n\\n## Usage\\n\\nAdd `.prettierrc.js` file in the project root with the following content:\\n\\n```js\\nmodule.exports = require(\'@gravity-ui/prettier-config\');\\n```\\n","changelog":"# Changelog\\n\\n## [1.1.0](https://github.com/gravity-ui/prettier-config/compare/v1.0.1...v1.1.0) (2023-09-06)\\n\\n\\n### Features\\n\\n* weaker dependency on prettier, use prettier on project files ([#3](https://github.com/gravity-ui/prettier-config/issues/3)) ([59541b9](https://github.com/gravity-ui/prettier-config/commit/59541b9b34ff59028c794450fe4d94379e14af29))\\n\\n## [1.0.1](https://github.com/gravity-ui/prettier-config/compare/v1.0.0...v1.0.1) (2022-08-24)\\n\\n\\n### Bug Fixes\\n\\n* package files ([cbc0064](https://github.com/gravity-ui/prettier-config/commit/cbc0064cda4a41a9b3bd8f8a59e0ac4d0d30cf60))\\n\\n## 1.0.0 (2022-08-24)\\n\\n\\n### Bug Fixes\\n\\n* trigger release ([931693a](https://github.com/gravity-ui/prettier-config/commit/931693a15c7c6dd3167ddc6ffd72adfae42b6008))\\n","contributors":[{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":4},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":2}],"codeOwners":[]},"stylelint-config":{"stars":1,"version":"4.0.1","lastUpdate":"18.10.2023","license":"MIT License","issues":1,"readme":"# @gravity-ui/stylelint-config\\n\\n## Install\\n\\n```\\nnpm install --save-dev stylelint postcss @gravity-ui/stylelint-config\\n```\\n\\n## Usage\\n\\nAdd `.stylelintrc` file in the project root with the following content:\\n\\n```json\\n{\\n  \\"extends\\": \\"@gravity-ui/stylelint-config\\"\\n}\\n```\\n\\n### Prettier\\n\\nIf you are using Prettier, extend root config with the additional rules:\\n\\n```json\\n{\\n  \\"extends\\": [\\"@gravity-ui/stylelint-config\\", \\"@gravity-ui/stylelint-config/prettier\\"]\\n}\\n```\\n\\n### Order\\n\\nIf you want to order properties in your css files, extend root config with the additional rules:\\n\\n```json\\n{\\n  \\"extends\\": [\\"@gravity-ui/stylelint-config\\", \\"@gravity-ui/stylelint-config/order\\"]\\n}\\n```\\n","changelog":"# Changelog\\n\\n## [4.0.1](https://github.com/gravity-ui/stylelint-config/compare/v4.0.0...v4.0.1) (2023-10-18)\\n\\n\\n### Bug Fixes\\n\\n* linting is broken if dependant project doesn\'t have `postcss-scss` package in deps ([#15](https://github.com/gravity-ui/stylelint-config/issues/15)) ([0c785a7](https://github.com/gravity-ui/stylelint-config/commit/0c785a7b454949e02b07e5b68dfd8ee797d6f0cb))\\n\\n## [4.0.0](https://github.com/gravity-ui/stylelint-config/compare/v3.0.0...v4.0.0) (2023-09-12)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* support prettier v3, order gap properties ([#13](https://github.com/gravity-ui/stylelint-config/issues/13))\\n\\n### Features\\n\\n* support prettier v3, order gap properties ([#13](https://github.com/gravity-ui/stylelint-config/issues/13)) ([acd39d0](https://github.com/gravity-ui/stylelint-config/commit/acd39d00d3d462c7f7253f4a17ece3a32c1d33d0))\\n\\n## [3.0.0](https://github.com/gravity-ui/stylelint-config/compare/v2.0.0...v3.0.0) (2023-08-18)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* `stylelint@15` support ([#8](https://github.com/gravity-ui/stylelint-config/issues/8))\\n\\n### Features\\n\\n* `stylelint@15` support ([#8](https://github.com/gravity-ui/stylelint-config/issues/8)) ([7468153](https://github.com/gravity-ui/stylelint-config/commit/746815330e4ed2d170499b269ad5c0b99c05eb3a))\\n* force only `[@media](https://github.com/media)` sort ([#11](https://github.com/gravity-ui/stylelint-config/issues/11)) ([d703050](https://github.com/gravity-ui/stylelint-config/commit/d7030503721587a353541e18d9f9f457dd9d2255))\\n\\n## [2.0.0](https://github.com/gravity-ui/stylelint-config/compare/v1.0.1...v2.0.0) (2022-10-25)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* **order:** add logical properties (#4)\\n\\n### Features\\n\\n* **order:** add logical properties ([#4](https://github.com/gravity-ui/stylelint-config/issues/4)) ([09ce7a7](https://github.com/gravity-ui/stylelint-config/commit/09ce7a7505db5b7a702ed1cc0eb1f506762e3c16))\\n\\n## [1.0.1](https://github.com/gravity-ui/stylelint-config/compare/v1.0.0...v1.0.1) (2022-08-24)\\n\\n\\n### Bug Fixes\\n\\n* package files ([cf69db3](https://github.com/gravity-ui/stylelint-config/commit/cf69db355dea45c38db313f775a22a07001e337d))\\n\\n## 1.0.0 (2022-08-24)\\n\\n\\n### Features\\n\\n* added order plugin ([2c27c74](https://github.com/gravity-ui/stylelint-config/commit/2c27c7441ce3cdfb98e35879690f4d8697f05e55))\\n* change at-rule order ([59e2b36](https://github.com/gravity-ui/stylelint-config/commit/59e2b36f8463284417a8c813a85f4d5f4ef61f87))\\n* relax `value-keyword-case` rule ([#2](https://github.com/gravity-ui/stylelint-config/issues/2)) ([0213abf](https://github.com/gravity-ui/stylelint-config/commit/0213abf536b5af7668ed1627eb2674b6dc2391dd))\\n\\n\\n### Bug Fixes\\n\\n* freeze deps ([ea5ceae](https://github.com/gravity-ui/stylelint-config/commit/ea5ceae8c73bfefaf8ac90cd03d9048c4f19c6d0))\\n","contributors":[{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":10},{"login":"ogonkov","avatarUrl":"https://avatars.githubusercontent.com/u/1091927?v=4","url":"https://github.com/ogonkov","contributions":6},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":3},{"login":"NikitaCG","avatarUrl":"https://avatars.githubusercontent.com/u/36075690?v=4","url":"https://github.com/NikitaCG","contributions":2},{"login":"zzzorgo","avatarUrl":"https://avatars.githubusercontent.com/u/17454987?v=4","url":"https://github.com/zzzorgo","contributions":1},{"login":"kkirik","avatarUrl":"https://avatars.githubusercontent.com/u/29181473?v=4","url":"https://github.com/kkirik","contributions":1}],"codeOwners":[]},"babel-preset":{"stars":0,"version":"1.0.1","lastUpdate":"24.08.2022","license":"MIT License","issues":0,"readme":"# @gravity-ui/babel-preset\\n\\nBabel preset for Gravity UI projects\\n\\n## Install\\n```\\nnpm install --save-dev @gravity-ui/babel-preset\\n```\\n\\n## Usage\\n\\n### Via `.babelrc`\\n\\n```json5\\n{\\n  \\"presets\\": [\\n      \\"@gravity-ui/babel-preset\\",\\n      {\\n        \\"env\\": {modules: false}, // defaults to {}\\n        \\"runtime\\": {useESModules: true}, // defaults to {}\\n        \\"typescript\\": true, // defaults to false\\n        \\"react\\": {runtime: \\"automatic\\"} // defaults to {}\\n      }\\n  ]\\n}\\n```\\n","changelog":"# Changelog\\n\\n## [1.0.1](https://github.com/gravity-ui/babel-preset/compare/v1.0.0...v1.0.1) (2022-08-24)\\n\\n\\n### Bug Fixes\\n\\n* package files ([252c849](https://github.com/gravity-ui/babel-preset/commit/252c8496af95f491dc6d765cb84d3d8ca1da8e13))\\n\\n## 1.0.0 (2022-08-24)\\n\\n\\n### Bug Fixes\\n\\n* set husky script executable ([e8227e7](https://github.com/gravity-ui/babel-preset/commit/e8227e74e78243ebaa89a7c7c525cc1a59add339))\\n","contributors":[{"login":"amje","avatarUrl":"https://avatars.githubusercontent.com/u/3368839?v=4","url":"https://github.com/amje","contributions":4}],"codeOwners":[]},"browserslist-config":{"stars":0,"version":"4.3.0","lastUpdate":"17.01.2024","license":"MIT License","issues":1,"readme":"# Browserslist config of Gravity UI packages family\\n\\n## Compatible browsers\\n\\nYou can check compatible browsers on [browsersl.ist](https://browsersl.ist/#q=last%202%20major%20versions%20and%20last%202%20years%20and%20fully%20supports%20es6%20and%20%3E%200.05%25%0Anot%20dead%0Anot%20op_mini%20all%0Anot%20and_qq%20%3E%200%0Anot%20and_uc%20%3E%200%0AFirefox%20ESR%0AChrome%20%3E%200%20and%20last%202%20years%20and%20%3E%200.05%25%0ASafari%20%3E%200%20and%20last%202%20years%20and%20%3E%200.05%25%0AFirefox%20%3E%200%20and%20last%202%20years%20and%20%3E%200.01%25).\\n\\n## Install\\n\\n```bash\\nnpm i --save-dev @gravity-ui/browserslist-config\\n```\\n\\nAdd config to `package.json` in `browserslist` section:\\n\\n```json\\n{\\n  \\"browserslist\\": [\\n    \\"extends @gravity-ui/browserslist-config\\"\\n  ]\\n}\\n```\\n\\nYou can specify additional browsers based on your audience, like:\\n```json\\n{\\n  \\"browserslist\\": [\\n    \\"extends @gravity-ui/browserslist-config\\",\\n    \\"Chrome >= 100\\",\\n    \\"Firefox >= 100\\"\\n  ]\\n}\\n```\\n\\n## Usage\\n\\nPackage provides production version of browserslist.\\n","changelog":"# Changelog\\n\\n## [4.3.0](https://github.com/gravity-ui/browserslist-config/compare/v4.2.0...v4.3.0) (2024-01-17)\\n\\n\\n### Features\\n\\n* Update config with year-based browsers selection ([#30](https://github.com/gravity-ui/browserslist-config/issues/30)) ([8f881de](https://github.com/gravity-ui/browserslist-config/commit/8f881de80d6bf602a2ab0bd2c64dace4e7f9ccf4))\\n\\n## [4.2.0](https://github.com/gravity-ui/browserslist-config/compare/v4.1.1...v4.2.0) (2023-12-08)\\n\\n\\n### Features\\n\\n* Fix for some not-so-old browsers ([#28](https://github.com/gravity-ui/browserslist-config/issues/28)) ([62e7804](https://github.com/gravity-ui/browserslist-config/commit/62e78040252042d9e8c99782dcfda9aa65f5987e))\\n\\n## [4.1.1](https://github.com/gravity-ui/browserslist-config/compare/v4.1.0...v4.1.1) (2023-11-17)\\n\\n\\n### Bug Fixes\\n\\n* problem with FF is always treated as deprecated ([#26](https://github.com/gravity-ui/browserslist-config/issues/26)) ([4bb47f2](https://github.com/gravity-ui/browserslist-config/commit/4bb47f2042e66f454ae32310919ba27c4a329d27))\\n\\n## [4.1.0](https://github.com/gravity-ui/browserslist-config/compare/v4.0.0...v4.1.0) (2023-06-27)\\n\\n\\n### Features\\n\\n* Use last 3 versions for Chrome ([#20](https://github.com/gravity-ui/browserslist-config/issues/20)) ([d64820b](https://github.com/gravity-ui/browserslist-config/commit/d64820b4e4d1fb9a4af3634c0f5ea1c5da5df90c))\\n\\n## [4.0.0](https://github.com/gravity-ui/browserslist-config/compare/v3.0.0...v4.0.0) (2023-05-18)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* update browsers list ([#17](https://github.com/gravity-ui/browserslist-config/issues/17))\\n\\n### Features\\n\\n* update browsers list ([#17](https://github.com/gravity-ui/browserslist-config/issues/17)) ([e5f437f](https://github.com/gravity-ui/browserslist-config/commit/e5f437fc28f3997c49d66fb928d30407efe6b7a8))\\n\\n## [3.0.0](https://github.com/gravity-ui/browserslist-config/compare/v2.0.0...v3.0.0) (2023-02-03)\\n\\n\\n### build\\n\\n* migrate ([#15](https://github.com/gravity-ui/browserslist-config/issues/15)) ([d65f66d](https://github.com/gravity-ui/browserslist-config/commit/d65f66dc565c7005cf87b4436ef1951b1264a376))\\n\\n## [2.0.0](https://github.com/gravity-ui/browserslist-config/compare/v1.1.0...v2.0.0) (2022-06-22)\\n\\n\\n### ⚠ BREAKING CHANGES\\n\\n* remove environment from config (#11)\\n\\n### Features\\n\\n* exclude opera mini, QQ and UC browsers ([#12](https://github.com/gravity-ui/browserslist-config/issues/12)) ([806d614](https://github.com/gravity-ui/browserslist-config/commit/806d6145a6e36f5a3d0fa5273de8fe45322291a0))\\n\\n\\n### Bug Fixes\\n\\n* remove environment from config ([#11](https://github.com/gravity-ui/browserslist-config/issues/11)) ([50000e3](https://github.com/gravity-ui/browserslist-config/commit/50000e375a9aa33931369ac53d4b44d6c3fe20c6))\\n\\n## [1.1.0](https://github.com/gravity-ui/browserslist-config/compare/v1.0.1...v1.1.0) (2022-06-15)\\n\\n\\n### Features\\n\\n* add types ([#9](https://github.com/gravity-ui/browserslist-config/issues/9)) ([d7949dc](https://github.com/gravity-ui/browserslist-config/commit/d7949dcc043c66e516406dc00543cd676f34b71b))\\n\\n### [1.0.1](https://www.github.com/gravity-ui/browserslist-config/compare/v1.0.0...v1.0.1) (2022-03-18)\\n\\n\\n### chore\\n\\n* fix dependencies ([#7](https://www.github.com/gravity-ui/browserslist-config/issues/7)) ([2d757f9](https://www.github.com/gravity-ui/browserslist-config/commit/2d757f9a3e46eccc2f0751cacbd0ee76686cce37))\\n\\n## 1.0.0 (2022-03-16)\\n\\n\\n### Features\\n\\n* initial browserslist config ([#1](https://www.github.com/gravity-ui/browserslist-config/issues/1)) ([a74b7ff](https://www.github.com/gravity-ui/browserslist-config/commit/a74b7ff149680e9bed45718507950b2541bee1a6))\\n\\n\\n### Bug Fixes\\n\\n* release action branch ([#2](https://www.github.com/gravity-ui/browserslist-config/issues/2)) ([8bf3e21](https://www.github.com/gravity-ui/browserslist-config/commit/8bf3e21f2667041946c08721e48a662f75a00b9b))\\n","contributors":[{"login":"ogonkov","avatarUrl":"https://avatars.githubusercontent.com/u/1091927?v=4","url":"https://github.com/ogonkov","contributions":12},{"login":"Avol-V","avatarUrl":"https://avatars.githubusercontent.com/u/7325152?v=4","url":"https://github.com/Avol-V","contributions":4},{"login":"ValeraS","avatarUrl":"https://avatars.githubusercontent.com/u/10867286?v=4","url":"https://github.com/ValeraS","contributions":2},{"login":"AlexeyW100","avatarUrl":"https://avatars.githubusercontent.com/u/45878152?v=4","url":"https://github.com/AlexeyW100","contributions":1},{"login":"Raubzeug","avatarUrl":"https://avatars.githubusercontent.com/u/42094364?v=4","url":"https://github.com/Raubzeug","contributions":1}],"codeOwners":[]}}'),b=e(24480),p=e(95415);let l=()=>{let t=[];return p.x.forEach(i=>{let e=d[i.id];if(!e)throw Error("Can't find fetched data for lib with id – ".concat(i.id));t.push({config:i,data:e})}),t},v=t=>{let i=p.x.find(i=>i.id===t);if(!i)throw Error("Can't find config for lib with id – ".concat(t));let e=d[t];if(!e)throw Error("Can't find fetched data for lib with id – ".concat(t));return{config:i,data:e}},f=t=>{let i;if(t){try{i=b[t]}catch{i=void 0}return i}},y=()=>h,k=function(t){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"/",{contributors:e,codeOwners:a}=t.data,n=a.reduce((t,e)=>{let{pattern:a,owners:n}=e;return m().isMatch(i,a)&&t.push(...n),t},[]);return u().uniq(n).map(t=>e.find(i=>i.login===t)||(console.warn("code owner ".concat(t," is not a contributor")),{login:t,name:t,url:"https://github.com/".concat(t),avatarUrl:"",contributions:0})).sort((t,i)=>i.contributions-t.contributions)};var x=e(80045);let w=t=>{let i=x.x.find(i=>i.id===t);if(!i)throw Error("Can't find config for lib with id – ".concat(t));let e=i.components;if(!e)throw Error("Can't find components for lib with id – ".concat(t));return e},F=/^https:\/\/raw\.githubusercontent\.com\/gravity-ui\/(?<repoName>[^/]+)\/(?<repoBranch>[^/]+)\/src\/components\/(?<componentName>[^/]+)(\/README\.md)?(?<hash>#.+)?$/;function B(t){var i,e,a,n,o;let s=t.match(F);if(s)return"/components/".concat(null===(i=s.groups)||void 0===i?void 0:i.repoName,"/").concat((o=null===(e=s.groups)||void 0===e?void 0:e.componentName)?Array.from(o).map((t,i)=>t===t.toUpperCase()?(0===i?"":"-")+t.toLowerCase():t).join(""):o).concat(null!==(n=null===(a=s.groups)||void 0===a?void 0:a.hash)&&void 0!==n?n:"")}e(75401);var C=e(35315),U=e.n(C);let S=(t,i)=>{let e=i.language===U().i18n.defaultLocale?"":"/".concat(i.language);return""!==e&&"/"===t?e:"".concat(e).concat(t)}},51351:function(){},40816:function(){},95415:function(t,i,e){"use strict";e.d(i,{x:function(){return a}});let a=[{id:"uikit",githubId:"gravity-ui/uikit",npmId:"@gravity-ui/uikit",title:"UIKit",primary:!0,landing:!0,tags:["ui"],storybookUrl:"https://preview.gravity-ui.com/uikit/",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/uikit/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/uikit/main/CHANGELOG.md",mainBranch:"main"},{id:"components",githubId:"gravity-ui/components",npmId:"@gravity-ui/components",title:"Components",primary:!1,landing:!1,tags:["ui"],storybookUrl:"https://preview.gravity-ui.com/components/?path=/story/components-adaptivetabs--default",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/components/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/components/main/CHANGELOG.md",mainBranch:"main"},{id:"icons",githubId:"gravity-ui/icons",npmId:"@gravity-ui/icons",title:"Icons",primary:!1,landing:!1,tags:["ui"],storybookUrl:"https://preview.gravity-ui.com/icons/",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/icons/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/icons/main/CHANGELOG.md",mainBranch:"main"},{id:"illustrations",githubId:"gravity-ui/illustrations",npmId:"@gravity-ui/illustrations",title:"Illustrations",primary:!1,landing:!1,tags:["ui"],storybookUrl:"https://preview.gravity-ui.com/illustrations/",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/illustrations/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/illustrations/main/CHANGELOG.md",mainBranch:"main"},{id:"dynamic-forms",githubId:"gravity-ui/dynamic-forms",npmId:"@gravity-ui/dynamic-forms",title:"Dynamic Forms",primary:!1,landing:!1,tags:["ui"],storybookUrl:"https://preview.gravity-ui.com/dynamic-forms/",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/dynamic-forms/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/dynamic-forms/main/CHANGELOG.md",mainBranch:"main"},{id:"page-constructor",githubId:"gravity-ui/page-constructor",npmId:"@gravity-ui/page-constructor",title:"Page constructor",primary:!1,landing:!0,tags:["ui"],storybookUrl:"https://preview.gravity-ui.com/page-constructor/",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/page-constructor/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/page-constructor/main/CHANGELOG.md",mainBranch:"main"},{id:"blog-constructor",githubId:"gravity-ui/blog-constructor",npmId:"@gravity-ui/blog-constructor",title:"Blog Constructor",primary:!1,landing:!1,tags:["ui"],storybookUrl:"https://preview.yandexcloud.dev/blog-constructor/",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/blog-constructor/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/blog-constructor/main/CHANGELOG.md",mainBranch:"main"},{id:"chartkit",githubId:"gravity-ui/chartkit",npmId:"@gravity-ui/chartkit",title:"ChartKit",primary:!1,landing:!0,tags:["ui"],storybookUrl:"https://preview.gravity-ui.com/chartkit/",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/chartkit/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/chartkit/main/CHANGELOG.md",mainBranch:"main"},{id:"dashkit",githubId:"gravity-ui/dashkit",npmId:"@gravity-ui/dashkit",title:"DashKit",primary:!1,landing:!0,tags:["ui"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/dashkit/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/dashkit/main/CHANGELOG.md",mainBranch:"main"},{id:"yagr",githubId:"gravity-ui/yagr",npmId:"@gravity-ui/yagr",title:"Yagr",primary:!1,landing:!0,tags:["ui"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/yagr/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/yagr/main/CHANGELOG.md",mainBranch:"main"},{id:"markdown-editor",githubId:"gravity-ui/markdown-editor",npmId:"@gravity-ui/markdown-editor",title:"Markdown editor",primary:!1,landing:!1,tags:["markdown","prosemirror","wysiwyg","codemirror","yfm","diplodoc","gfm","react"],storybookUrl:"https://preview.gravity-ui.com/md-editor/",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/markdown-editor/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/markdown-editor/main/CHANGELOG.md",mainBranch:"main"},{id:"nodekit",githubId:"gravity-ui/nodekit",npmId:"@gravity-ui/nodekit",title:"NodeKit",primary:!1,landing:!1,tags:["nodejs"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/nodekit/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/nodekit/main/CHANGELOG.md",mainBranch:"main"},{id:"expresskit",githubId:"gravity-ui/expresskit",npmId:"@gravity-ui/expresskit",title:"ExpressKit",primary:!1,landing:!1,tags:["nodejs"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/expresskit/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/expresskit/main/CHANGELOG.md",mainBranch:"main"},{id:"app-layout",githubId:"gravity-ui/app-layout",npmId:"@gravity-ui/app-layout",title:"App Layout",primary:!1,landing:!1,tags:["nodejs"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/app-layout/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/app-layout/main/CHANGELOG.md",mainBranch:"main"},{id:"navigation",githubId:"gravity-ui/navigation",npmId:"@gravity-ui/navigation",title:"Navigation",primary:!1,landing:!0,tags:["ui"],storybookUrl:"https://preview.gravity-ui.com/navigation/",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/navigation/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/navigation/main/CHANGELOG.md",mainBranch:"main"},{id:"date-utils",githubId:"gravity-ui/date-utils",npmId:"@gravity-ui/date-utils",title:"Date Utils",primary:!1,landing:!1,tags:["ui","nodejs"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/date-utils/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/date-utils/main/CHANGELOG.md",mainBranch:"main"},{id:"date-components",githubId:"gravity-ui/date-components",npmId:"@gravity-ui/date-components",title:"Date Components",primary:!1,landing:!1,tags:["ui"],storybookUrl:"https://preview.gravity-ui.com/date-components/?path=/docs/components-calendar--docs",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/date-components/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/date-components/main/CHANGELOG.md",mainBranch:"main"},{id:"axios-wrapper",githubId:"gravity-ui/axios-wrapper",npmId:"@gravity-ui/axios-wrapper",title:"Axios wrapper",primary:!1,landing:!1,tags:["ui","nodejs"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/axios-wrapper/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/axios-wrapper/main/CHANGELOG.md",mainBranch:"main"},{id:"dialog-fields",githubId:"gravity-ui/dialog-fields",npmId:"@gravity-ui/dialog-fields",title:"Dialog Fields",primary:!1,landing:!1,tags:["ui"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/dialog-fields/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/dialog-fields/main/CHANGELOG.md",mainBranch:"main"},{id:"paranoid",githubId:"gravity-ui/paranoid",npmId:"@gravity-ui/paranoid",title:"Paranoid",primary:!1,landing:!1,tags:["ui"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/paranoid/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/paranoid/main/CHANGELOG.md",mainBranch:"main"},{id:"react-data-table",githubId:"gravity-ui/react-data-table",npmId:"@gravity-ui/react-data-table",title:"React Data Table",primary:!1,landing:!1,tags:["ui"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/react-data-table/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/react-data-table/main/CHANGELOG.md",mainBranch:"main"},{id:"unipika",githubId:"gravity-ui/unipika",npmId:"@gravity-ui/unipika",title:"Unipika",primary:!1,landing:!1,tags:["ui","nodejs"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/unipika/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/unipika/main/CHANGELOG.md",mainBranch:"main"},{id:"ui-logger",githubId:"gravity-ui/ui-logger",npmId:"@gravity-ui/ui-logger",title:"UI Logger",primary:!1,landing:!1,tags:["ui"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/ui-logger/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/ui-logger/main/CHANGELOG.md",mainBranch:"main"},{id:"oauth-clients",githubId:"gravity-ui/oauth-clients",npmId:"@gravity-ui/oauth-clients",title:"OAuth Clients",primary:!1,landing:!1,tags:["ui"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/oauth-clients/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/oauth-clients/main/CHANGELOG.md",mainBranch:"main"},{id:"i18n",githubId:"gravity-ui/i18n",npmId:"@gravity-ui/i18n",title:"I18n",primary:!1,landing:!1,tags:["ui"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/i18n/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/i18n/main/CHANGELOG.md",mainBranch:"main"},{id:"eslint-config",githubId:"gravity-ui/eslint-config",npmId:"@gravity-ui/eslint-config",title:"ESlint Config",primary:!1,landing:!1,tags:["infrastructure"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/eslint-config/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/eslint-config/main/CHANGELOG.md",mainBranch:"main"},{id:"tsconfig",githubId:"gravity-ui/tsconfig",npmId:"@gravity-ui/tsconfig",title:"TSconfig",primary:!1,landing:!1,tags:["infrastructure"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/tsconfig/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/tsconfig/main/CHANGELOG.md",mainBranch:"main"},{id:"prettier-config",githubId:"gravity-ui/prettier-config",npmId:"@gravity-ui/prettier-config",title:"Prettier Config",primary:!1,landing:!1,tags:["infrastructure"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/prettier-config/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/prettier-config/main/CHANGELOG.md",mainBranch:"main"},{id:"stylelint-config",githubId:"gravity-ui/stylelint-config",npmId:"@gravity-ui/stylelint-config",title:"Stylelint Config",primary:!1,landing:!1,tags:["infrastructure"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/stylelint-config/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/stylelint-config/main/CHANGELOG.md",mainBranch:"main"},{id:"babel-preset",githubId:"gravity-ui/babel-preset",npmId:"@gravity-ui/babel-preset",title:"Babel Preset",primary:!1,landing:!1,tags:["infrastructure"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/babel-preset/main/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/babel-preset/main/CHANGELOG.md",mainBranch:"main"},{id:"browserslist-config",githubId:"gravity-ui/browserslist-config",npmId:"@gravity-ui/browserslist-config",title:"Browserslist Config",primary:!1,landing:!1,tags:["infrastructure"],storybookUrl:"",readmeUrl:"https://raw.githubusercontent.com/gravity-ui/browserslist-config/master/README.md",changelogUrl:"https://raw.githubusercontent.com/gravity-ui/browserslist-config/master/CHANGELOG.md",mainBranch:"master"}]},24480:function(t){"use strict";t.exports=JSON.parse('{"uikit":"6.20.1","components":"3.7.0","date-components":"2.7.1"}')}}]);
\ No newline at end of file
diff --git a/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js b/_next/static/chunks/webpack-fe264aa6032598c4.js
similarity index 97%
rename from _next/static/chunks/webpack-cbcd823a0f9c9a0f.js
rename to _next/static/chunks/webpack-fe264aa6032598c4.js
index 5d241c3affa..e9435f4ecd6 100644
--- a/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js
+++ b/_next/static/chunks/webpack-fe264aa6032598c4.js
@@ -1 +1 @@
-!function(){"use strict";var e,c,a,f,d,t,b,n,r,o,u,i,s={},l={};function h(e){var c=l[e];if(void 0!==c)return c.exports;var a=l[e]={id:e,loaded:!1,exports:{}},f=!0;try{s[e].call(a.exports,a,a.exports,h),f=!1}finally{f&&delete l[e]}return a.loaded=!0,a.exports}h.m=s,e=[],h.O=function(c,a,f,d){if(a){d=d||0;for(var t=e.length;t>0&&e[t-1][2]>d;t--)e[t]=e[t-1];e[t]=[a,f,d];return}for(var b=1/0,t=0;t<e.length;t++){for(var a=e[t][0],f=e[t][1],d=e[t][2],n=!0,r=0;r<a.length;r++)b>=d&&Object.keys(h.O).every(function(e){return h.O[e](a[r])})?a.splice(r--,1):(n=!1,d<b&&(b=d));if(n){e.splice(t--,1);var o=f();void 0!==o&&(c=o)}}return c},h.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return h.d(c,{a:c}),c},a=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},h.t=function(e,f){if(1&f&&(e=this(e)),8&f||"object"==typeof e&&e&&(4&f&&e.__esModule||16&f&&"function"==typeof e.then))return e;var d=Object.create(null);h.r(d);var t={};c=c||[null,a({}),a([]),a(a)];for(var b=2&f&&e;"object"==typeof b&&!~c.indexOf(b);b=a(b))Object.getOwnPropertyNames(b).forEach(function(c){t[c]=function(){return e[c]}});return t.default=function(){return e},h.d(d,t),d},h.d=function(e,c){for(var a in c)h.o(c,a)&&!h.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:c[a]})},h.f={},h.e=function(e){return Promise.all(Object.keys(h.f).reduce(function(c,a){return h.f[a](e,c),c},[]))},h.u=function(e){return 2083===e?"static/chunks/2083-51ca91edb7e4ede9.js":5031===e?"static/chunks/5031-cd612d5ec6e0b0ac.js":5303===e?"static/chunks/5303-4d496b101eb2e098.js":5237===e?"static/chunks/5237-09f49a8b48d3230e.js":3740===e?"static/chunks/3740-0667d7da11b67bbf.js":2315===e?"static/chunks/2315-ec82473a3dcdfab2.js":8931===e?"static/chunks/8931-dc43826710dd0800.js":5706===e?"static/chunks/5706-4541e96504eaab52.js":2538===e?"static/chunks/2538-78e70c87024347c2.js":630===e?"static/chunks/bee240a3-9b12f04e83c1245e.js":3849===e?"static/chunks/3849-64b52a143be6bcc1.js":1355===e?"static/chunks/1355-92b3d0302fdc2eb9.js":2725===e?"static/chunks/2725-6caae717408a62a1.js":9031===e?"static/chunks/9031-a050d9a576423e0e.js":5527===e?"static/chunks/5527-51292bfeb8b8520b.js":3066===e?"static/chunks/3066-98496c872f09593c.js":7533===e?"static/chunks/7533-41dac230e5c0c3fc.js":4013===e?"static/chunks/4013-9fc79ad11b455809.js":1137===e?"static/chunks/1137-670af734dbdc155f.js":"static/chunks/"+e+"."+({123:"ed2f09e344db781f",167:"9dcfd7f633aaafae",219:"14b43cbcac72171e",229:"336b8170fb6eb7e0",261:"715028b655afb6e9",302:"78957114a690754b",313:"bf3db6cde1f42565",466:"7fc7b6d5d89746f5",504:"93360328caa2ae3c",600:"3e1922083512dfab",617:"e0ed9bf9e3200abe",758:"cd00afef51fa5ee6",772:"daf15e79a5027709",790:"172105aad548b0af",853:"a77b67405767e39a",874:"1e04d41c089449f0",953:"7eb522aa8fc4459d",1113:"22f4d6bc91f78774",1134:"a2bc057c2010efae",1228:"f80d06fad51671e5",1560:"8223c32dfa180ee7",1573:"8d7be3a6d2416e9f",1709:"733c8919cd514ced",1759:"fab2cebcd4782e2b",1794:"5103ea717e48d223",1796:"ba4ad0e9e58e864b",1876:"af22b729aa7024dd",1890:"b78ada330a3d4ed2",1987:"f4282253c019680c",1989:"3320f322862bc534",2009:"874a29f6fc70b0eb",2019:"55e6ebf7ac27ecd2",2030:"bef43313847e3bcb",2035:"76c1a4913830280d",2376:"c24a52ab7b3298de",2390:"a059bcaccb100433",2502:"7bb0838644700247",2544:"9222e7e00f76cde0",2641:"eb2b791dfbcff69a",2722:"6368496a136c2a05",2921:"14e16231ef18dc36",2957:"bc318e783984e02a",2966:"1f1dc28b108cd6f7",3035:"0395271513534f22",3220:"90dc4e7ea7636cd9",3237:"235622ed1c139bc9",3521:"7fcf38b1249b37f3",3608:"f5e9d42c0dfe94d1",3646:"d248e96f1bc3332e",3706:"acd1ef987e08fc8d",3783:"b83084fa42517400",3827:"c371b90ea065aedd",3852:"f9c972534b8ada6e",3864:"48565df37c4881c6",3901:"01c2afe9778f96b5",3939:"9d3701042c72586d",4017:"ec97d2d0d9d39889",4067:"1db751e6c02e70b5",4127:"13b13fe88b206e75",4139:"45cc500d63997477",4144:"59b81be835e13799",4149:"0bb22087d69a67f6",4254:"70ea30deea47d212",4417:"3a5b2272b9e6e937",4425:"ed26d2bb8516a0b6",4502:"969baa268e6d3c77",4653:"90d0c42cbfd04c79",4717:"ba6fb97217c64d0a",4722:"214ac6bf74382d22",4724:"9f55cbe7e5b72e00",4830:"b38ceb873d4f3d64",4855:"eb36194208250704",4888:"8c4a854de6e65ccf",4990:"63a7f67e9977eadc",5001:"af803e8e15856cab",5005:"d330fbf13674ad3d",5054:"50b8234ae670eca6",5105:"9383e46096ed7926",5109:"453dfe1a0d36a86a",5159:"ab1578c77ffca6ed",5254:"b08ea696238ef2ed",5287:"a5ce17c12176921d",5321:"250d442bcae1be8b",5418:"941b9c6e23033b39",5423:"bcdc464082b12085",5437:"b696d525ba9df529",5473:"97b9771598579500",5551:"be333bf1a8475626",5567:"87580b69f20f4477",5596:"75c5c0b8bd168677",5627:"8a4a6b5fbaef2994",5742:"a694777554f1e469",5805:"5dd2004d9f965755",5817:"ba9e84785103a1db",5903:"37b948f5cf8fc26c",5914:"add6de1b23502108",5941:"93296bc05da2e71d",6023:"eb027d8b2eca9d08",6148:"ba8d37a051dd4902",6159:"d0436d555eb22120",6165:"6165eb98dc1f02ed",6183:"7dc69f5c2ab497ef",6257:"c0abd4eb2ac6d8de",6312:"7243246479c30255",6509:"3651ad430de74023",6513:"283f480037c6ded1",6522:"54ba00f7f4986ad2",6622:"9dd27e1f01cc0569",6629:"be86a0ff9fe873e9",6636:"8a6e6e549a06a916",6817:"7ab68eb553bbad63",6831:"22fb05c3ff44b775",6901:"f16e313305c48d5c",6953:"f62cd2dc2c219e8b",7101:"77f25c7b13b9d785",7109:"ac6bc2a626e74a35",7118:"896ab2eee4b6b260",7131:"0f67c2fbf6a752db",7200:"2b53c8aa7f54379a",7296:"366da0748aa8343a",7387:"c9f96ce568c8118f",7427:"e59e1f22524a25ce",7467:"2e8ec97269f8ac5a",7486:"417cead5c5c37b91",7496:"b4ba2ffc82c8792d",7548:"7566d64aa6758a21",7553:"c02e48079e410b71",7573:"0e8dd080196f2970",7632:"d89f853c24b56050",7719:"c0674f1dc7ee7c7b",7763:"388ef9f1e59537d2",7797:"efb9bbd2b4e863c9",7822:"92bad71d8733c2fd",7989:"504643288aabb057",8066:"5838e1d48d47e03c",8092:"79e6ecbcedfe16db",8108:"861149cd97a09cce",8122:"476a737aeeaa2d0e",8146:"7d9afb5b8801d8bd",8148:"d73dba6a65d3a5a5",8242:"a7e775a311754d4f",8341:"676795ccd874b45b",8426:"b9499200d8601c76",8477:"7d435bb54e4f60db",8507:"6d27a18cdcf61be8",8529:"866b5cab22515216",8540:"5a260a5ca033c435",8562:"81c2f2b032cbab7f",8602:"af8e53a837fc327e",8614:"0564e875d72f0681",8663:"1f7aef2a4dd5e5bd",8727:"ce3e4f8821f7687d",8730:"019e1fe4c6d02d69",8768:"041bd0a96127acc5",8785:"af448ccad05e8712",8792:"41a97cc7e7a3bbda",8864:"e5b9bcd7300e215e",8889:"0cd67876bd2c8c68",8894:"eb996d6de184bc37",8909:"d40bbc6d9421586d",8980:"b1a2533117de3fea",9091:"f3600790d5d4ac34",9132:"a5eb0d03cd401311",9149:"d56d99cd36250598",9157:"c69754f4ec15d295",9182:"21df13920e6ac5c0",9197:"73e92c5e304a2e84",9339:"550132d14ade7aee",9469:"d529cf2c4712d0ad",9517:"be12240ccb5b30ed",9549:"ec2ab74a225828c6",9670:"167bacf079fba032",9682:"a57f215b9595b0e6",9800:"34889db9b755e541",9854:"5b5fba24189fc37f",9911:"9d380fd2fbaf6757",9928:"b4cf59268c4aa78d"})[e]+".js"},h.miniCssF=function(e){return"static/css/"+({167:"47c572a0e0e98005",219:"c8e51b2ac1f20d44",316:"d67b507bd1e4e312",853:"a4e1213062753696",874:"ff630f79f3442b3a",1134:"feeefd7d2cca89b1",1137:"5ece0def56552f83",1228:"40baee1367dd8873",1670:"6b20060496b3e2b4",1759:"68708d9e5e99fbb8",1912:"691d7a23370ad563",1989:"991016d6d0cbaf32",2071:"d67b507bd1e4e312",2888:"d9243dcbc517c1bf",3551:"03d5dda4c47a80a4",3598:"d67b507bd1e4e312",3671:"27562778c74b5dd4",3827:"7783205c7309e00b",4139:"f3a3d829b1006a1c",4294:"8fa1ef1a550859ef",4372:"334332efb6324f58",4417:"22a2cde4032d787f",4425:"b754a85acf334733",4769:"432b7a842f3e3e88",4830:"497fab69ae2034a5",5005:"bcac7b3141d344f3",5194:"5e540c6c59d90d8c",5770:"28f476dec360fd43",6383:"1d0fb2e8f9c8f2e1",6522:"77ce5b8fc3fb8d3c",6613:"45174bcef828b9b6",6901:"33d16dcaa0a5bc0d",7216:"cd14e480e01879db",7505:"d67b507bd1e4e312",8108:"2ea2b892f5da46f1",8122:"898bfdd7158927d2",8426:"87a82e268fce9ee6",8529:"b5a4f7addbbb4b38",8663:"86f6698f0aac586e",8689:"147ea10312f637e9",8785:"24432ef0543a9b30",8909:"6fa2b52fcff4f30e",8931:"9b24f9c4024ad1f6",9031:"2527601b316e338b",9549:"0bd3a314b706e098",9712:"c29e7d5472540dc3",9800:"5f96b91f11316983",9854:"2343400057c01ce3"})[e]+".css"},h.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),h.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},f={},d="_N_E:",h.l=function(e,c,a,t){if(f[e]){f[e].push(c);return}if(void 0!==a)for(var b,n,r=document.getElementsByTagName("script"),o=0;o<r.length;o++){var u=r[o];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==d+a){b=u;break}}b||(n=!0,(b=document.createElement("script")).charset="utf-8",b.timeout=120,h.nc&&b.setAttribute("nonce",h.nc),b.setAttribute("data-webpack",d+a),b.src=h.tu(e)),f[e]=[c];var i=function(c,a){b.onerror=b.onload=null,clearTimeout(s);var d=f[e];if(delete f[e],b.parentNode&&b.parentNode.removeChild(b),d&&d.forEach(function(e){return e(a)}),c)return c(a)},s=setTimeout(i.bind(null,void 0,{type:"timeout",target:b}),12e4);b.onerror=i.bind(null,b.onerror),b.onload=i.bind(null,b.onload),n&&document.head.appendChild(b)},h.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},h.nmd=function(e){return e.paths=[],e.children||(e.children=[]),e},h.tt=function(){return void 0===t&&(t={createScriptURL:function(e){return e}},"undefined"!=typeof trustedTypes&&trustedTypes.createPolicy&&(t=trustedTypes.createPolicy("nextjs#bundler",t))),t},h.tu=function(e){return h.tt().createScriptURL(e)},h.p="/_next/",b=function(e,c,a,f){var d=document.createElement("link");return d.rel="stylesheet",d.type="text/css",d.onerror=d.onload=function(t){if(d.onerror=d.onload=null,"load"===t.type)a();else{var b=t&&("load"===t.type?"missing":t.type),n=t&&t.target&&t.target.href||c,r=Error("Loading CSS chunk "+e+" failed.\n("+n+")");r.code="CSS_CHUNK_LOAD_FAILED",r.type=b,r.request=n,d.parentNode.removeChild(d),f(r)}},d.href=c,document.head.appendChild(d),d},n=function(e,c){for(var a=document.getElementsByTagName("link"),f=0;f<a.length;f++){var d=a[f],t=d.getAttribute("data-href")||d.getAttribute("href");if("stylesheet"===d.rel&&(t===e||t===c))return d}for(var b=document.getElementsByTagName("style"),f=0;f<b.length;f++){var d=b[f],t=d.getAttribute("data-href");if(t===e||t===c)return d}},r={2272:0},h.f.miniCss=function(e,c){r[e]?c.push(r[e]):0!==r[e]&&({167:1,219:1,853:1,874:1,1134:1,1137:1,1228:1,1759:1,1989:1,3827:1,4139:1,4417:1,4425:1,4830:1,5005:1,6522:1,6901:1,8108:1,8122:1,8426:1,8529:1,8663:1,8785:1,8909:1,8931:1,9031:1,9549:1,9800:1,9854:1})[e]&&c.push(r[e]=new Promise(function(c,a){var f=h.miniCssF(e),d=h.p+f;if(n(f,d))return c();b(e,d,c,a)}).then(function(){r[e]=0},function(c){throw delete r[e],c}))},o={2272:0},h.f.j=function(e,c){var a=h.o(o,e)?o[e]:void 0;if(0!==a){if(a)c.push(a[2]);else if(/^(219|2272|8122|8663|9549|9800)$/.test(e))o[e]=0;else{var f=new Promise(function(c,f){a=o[e]=[c,f]});c.push(a[2]=f);var d=h.p+h.u(e),t=Error();h.l(d,function(c){if(h.o(o,e)&&(0!==(a=o[e])&&(o[e]=void 0),a)){var f=c&&("load"===c.type?"missing":c.type),d=c&&c.target&&c.target.src;t.message="Loading chunk "+e+" failed.\n("+f+": "+d+")",t.name="ChunkLoadError",t.type=f,t.request=d,a[1](t)}},"chunk-"+e,e)}}},h.O.j=function(e){return 0===o[e]},u=function(e,c){var a,f,d=c[0],t=c[1],b=c[2],n=0;if(d.some(function(e){return 0!==o[e]})){for(a in t)h.o(t,a)&&(h.m[a]=t[a]);if(b)var r=b(h)}for(e&&e(c);n<d.length;n++)f=d[n],h.o(o,f)&&o[f]&&o[f][0](),o[f]=0;return h.O(r)},(i=self.webpackChunk_N_E=self.webpackChunk_N_E||[]).forEach(u.bind(null,0)),i.push=u.bind(null,i.push.bind(i))}();
\ No newline at end of file
+!function(){"use strict";var e,c,a,f,d,t,b,n,r,o,u,i,s={},l={};function h(e){var c=l[e];if(void 0!==c)return c.exports;var a=l[e]={id:e,loaded:!1,exports:{}},f=!0;try{s[e].call(a.exports,a,a.exports,h),f=!1}finally{f&&delete l[e]}return a.loaded=!0,a.exports}h.m=s,e=[],h.O=function(c,a,f,d){if(a){d=d||0;for(var t=e.length;t>0&&e[t-1][2]>d;t--)e[t]=e[t-1];e[t]=[a,f,d];return}for(var b=1/0,t=0;t<e.length;t++){for(var a=e[t][0],f=e[t][1],d=e[t][2],n=!0,r=0;r<a.length;r++)b>=d&&Object.keys(h.O).every(function(e){return h.O[e](a[r])})?a.splice(r--,1):(n=!1,d<b&&(b=d));if(n){e.splice(t--,1);var o=f();void 0!==o&&(c=o)}}return c},h.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return h.d(c,{a:c}),c},a=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},h.t=function(e,f){if(1&f&&(e=this(e)),8&f||"object"==typeof e&&e&&(4&f&&e.__esModule||16&f&&"function"==typeof e.then))return e;var d=Object.create(null);h.r(d);var t={};c=c||[null,a({}),a([]),a(a)];for(var b=2&f&&e;"object"==typeof b&&!~c.indexOf(b);b=a(b))Object.getOwnPropertyNames(b).forEach(function(c){t[c]=function(){return e[c]}});return t.default=function(){return e},h.d(d,t),d},h.d=function(e,c){for(var a in c)h.o(c,a)&&!h.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:c[a]})},h.f={},h.e=function(e){return Promise.all(Object.keys(h.f).reduce(function(c,a){return h.f[a](e,c),c},[]))},h.u=function(e){return 2083===e?"static/chunks/2083-51ca91edb7e4ede9.js":5031===e?"static/chunks/5031-cd612d5ec6e0b0ac.js":5303===e?"static/chunks/5303-4d496b101eb2e098.js":5237===e?"static/chunks/5237-09f49a8b48d3230e.js":3740===e?"static/chunks/3740-0667d7da11b67bbf.js":2315===e?"static/chunks/2315-ec82473a3dcdfab2.js":8931===e?"static/chunks/8931-dc43826710dd0800.js":5706===e?"static/chunks/5706-4541e96504eaab52.js":2538===e?"static/chunks/2538-78e70c87024347c2.js":630===e?"static/chunks/bee240a3-9b12f04e83c1245e.js":3849===e?"static/chunks/3849-64b52a143be6bcc1.js":1355===e?"static/chunks/1355-92b3d0302fdc2eb9.js":2725===e?"static/chunks/2725-6caae717408a62a1.js":9031===e?"static/chunks/9031-a050d9a576423e0e.js":5527===e?"static/chunks/5527-51292bfeb8b8520b.js":3066===e?"static/chunks/3066-98496c872f09593c.js":7533===e?"static/chunks/7533-41dac230e5c0c3fc.js":4013===e?"static/chunks/4013-9fc79ad11b455809.js":1137===e?"static/chunks/1137-670af734dbdc155f.js":"static/chunks/"+e+"."+({123:"ed2f09e344db781f",167:"9dcfd7f633aaafae",219:"14b43cbcac72171e",229:"336b8170fb6eb7e0",261:"715028b655afb6e9",302:"78957114a690754b",313:"bf3db6cde1f42565",466:"7fc7b6d5d89746f5",504:"93360328caa2ae3c",600:"3e1922083512dfab",617:"e0ed9bf9e3200abe",758:"cd00afef51fa5ee6",772:"daf15e79a5027709",790:"172105aad548b0af",853:"a77b67405767e39a",874:"1e04d41c089449f0",953:"7eb522aa8fc4459d",1113:"22f4d6bc91f78774",1134:"a2bc057c2010efae",1228:"f80d06fad51671e5",1560:"8223c32dfa180ee7",1573:"8d7be3a6d2416e9f",1709:"733c8919cd514ced",1759:"fab2cebcd4782e2b",1794:"5103ea717e48d223",1796:"ba4ad0e9e58e864b",1876:"af22b729aa7024dd",1890:"b78ada330a3d4ed2",1987:"f4282253c019680c",1989:"3320f322862bc534",2009:"874a29f6fc70b0eb",2019:"55e6ebf7ac27ecd2",2030:"bef43313847e3bcb",2035:"76c1a4913830280d",2376:"c24a52ab7b3298de",2390:"a059bcaccb100433",2502:"7bb0838644700247",2544:"9222e7e00f76cde0",2641:"eb2b791dfbcff69a",2722:"6368496a136c2a05",2921:"14e16231ef18dc36",2957:"bc318e783984e02a",2966:"1f1dc28b108cd6f7",3035:"0395271513534f22",3220:"90dc4e7ea7636cd9",3237:"235622ed1c139bc9",3521:"7fcf38b1249b37f3",3608:"f5e9d42c0dfe94d1",3646:"d248e96f1bc3332e",3706:"acd1ef987e08fc8d",3783:"b83084fa42517400",3827:"c371b90ea065aedd",3852:"f9c972534b8ada6e",3864:"48565df37c4881c6",3901:"01c2afe9778f96b5",3939:"9d3701042c72586d",4017:"ec97d2d0d9d39889",4067:"1db751e6c02e70b5",4127:"13b13fe88b206e75",4139:"45cc500d63997477",4144:"59b81be835e13799",4149:"0bb22087d69a67f6",4254:"70ea30deea47d212",4417:"3a5b2272b9e6e937",4425:"ed26d2bb8516a0b6",4502:"969baa268e6d3c77",4653:"90d0c42cbfd04c79",4717:"ba6fb97217c64d0a",4722:"214ac6bf74382d22",4724:"9f55cbe7e5b72e00",4830:"b38ceb873d4f3d64",4855:"eb36194208250704",4888:"8c4a854de6e65ccf",4990:"63a7f67e9977eadc",5001:"af803e8e15856cab",5005:"d330fbf13674ad3d",5054:"50b8234ae670eca6",5105:"9383e46096ed7926",5109:"453dfe1a0d36a86a",5159:"ab1578c77ffca6ed",5254:"b08ea696238ef2ed",5287:"a5ce17c12176921d",5321:"250d442bcae1be8b",5418:"941b9c6e23033b39",5423:"bcdc464082b12085",5437:"b696d525ba9df529",5473:"97b9771598579500",5551:"be333bf1a8475626",5567:"87580b69f20f4477",5596:"75c5c0b8bd168677",5627:"8a4a6b5fbaef2994",5742:"a694777554f1e469",5805:"5dd2004d9f965755",5817:"ba9e84785103a1db",5903:"37b948f5cf8fc26c",5914:"add6de1b23502108",5941:"93296bc05da2e71d",6023:"eb027d8b2eca9d08",6148:"ba8d37a051dd4902",6159:"d0436d555eb22120",6165:"6165eb98dc1f02ed",6183:"7dc69f5c2ab497ef",6257:"c0abd4eb2ac6d8de",6312:"7243246479c30255",6509:"3651ad430de74023",6513:"283f480037c6ded1",6522:"54ba00f7f4986ad2",6622:"9dd27e1f01cc0569",6629:"be86a0ff9fe873e9",6636:"8a6e6e549a06a916",6817:"7ab68eb553bbad63",6831:"22fb05c3ff44b775",6901:"f16e313305c48d5c",6953:"f62cd2dc2c219e8b",7101:"77f25c7b13b9d785",7109:"ac6bc2a626e74a35",7118:"896ab2eee4b6b260",7131:"0f67c2fbf6a752db",7200:"2b53c8aa7f54379a",7296:"366da0748aa8343a",7387:"c9f96ce568c8118f",7427:"e59e1f22524a25ce",7467:"2e8ec97269f8ac5a",7486:"417cead5c5c37b91",7496:"b4ba2ffc82c8792d",7548:"7566d64aa6758a21",7553:"c02e48079e410b71",7573:"0e8dd080196f2970",7632:"d89f853c24b56050",7719:"c0674f1dc7ee7c7b",7763:"388ef9f1e59537d2",7797:"efb9bbd2b4e863c9",7822:"92bad71d8733c2fd",7989:"504643288aabb057",8066:"5838e1d48d47e03c",8092:"79e6ecbcedfe16db",8108:"861149cd97a09cce",8122:"476a737aeeaa2d0e",8146:"7d9afb5b8801d8bd",8148:"d73dba6a65d3a5a5",8242:"a7e775a311754d4f",8341:"676795ccd874b45b",8426:"b9499200d8601c76",8477:"7d435bb54e4f60db",8507:"6d27a18cdcf61be8",8529:"866b5cab22515216",8540:"5a260a5ca033c435",8562:"81c2f2b032cbab7f",8602:"af8e53a837fc327e",8614:"0564e875d72f0681",8663:"1f7aef2a4dd5e5bd",8727:"ce3e4f8821f7687d",8730:"019e1fe4c6d02d69",8768:"041bd0a96127acc5",8785:"af448ccad05e8712",8792:"41a97cc7e7a3bbda",8864:"e5b9bcd7300e215e",8889:"0cd67876bd2c8c68",8894:"eb996d6de184bc37",8909:"d40bbc6d9421586d",8980:"b1a2533117de3fea",9091:"f3600790d5d4ac34",9132:"a5eb0d03cd401311",9149:"d56d99cd36250598",9157:"c69754f4ec15d295",9182:"21df13920e6ac5c0",9197:"73e92c5e304a2e84",9339:"550132d14ade7aee",9469:"d529cf2c4712d0ad",9517:"be12240ccb5b30ed",9549:"ec2ab74a225828c6",9670:"167bacf079fba032",9682:"a57f215b9595b0e6",9800:"34889db9b755e541",9854:"5b5fba24189fc37f",9911:"9d380fd2fbaf6757",9928:"b4cf59268c4aa78d"})[e]+".js"},h.miniCssF=function(e){return"static/css/"+({167:"47c572a0e0e98005",219:"c8e51b2ac1f20d44",316:"d67b507bd1e4e312",853:"a4e1213062753696",874:"ff630f79f3442b3a",1134:"feeefd7d2cca89b1",1137:"5ece0def56552f83",1228:"40baee1367dd8873",1670:"6b20060496b3e2b4",1759:"68708d9e5e99fbb8",1912:"691d7a23370ad563",1989:"991016d6d0cbaf32",2071:"d67b507bd1e4e312",2888:"d9243dcbc517c1bf",3551:"03d5dda4c47a80a4",3598:"d67b507bd1e4e312",3671:"27562778c74b5dd4",3827:"7783205c7309e00b",4139:"f3a3d829b1006a1c",4294:"f1d55a7418659088",4372:"334332efb6324f58",4417:"22a2cde4032d787f",4425:"b754a85acf334733",4769:"432b7a842f3e3e88",4830:"497fab69ae2034a5",5005:"bcac7b3141d344f3",5194:"5e540c6c59d90d8c",5770:"28f476dec360fd43",6383:"58ac9afbacb44c1e",6522:"77ce5b8fc3fb8d3c",6613:"45174bcef828b9b6",6901:"33d16dcaa0a5bc0d",7216:"cd14e480e01879db",7505:"d67b507bd1e4e312",8108:"2ea2b892f5da46f1",8122:"898bfdd7158927d2",8426:"87a82e268fce9ee6",8529:"b5a4f7addbbb4b38",8663:"86f6698f0aac586e",8689:"147ea10312f637e9",8785:"24432ef0543a9b30",8909:"6fa2b52fcff4f30e",8931:"9b24f9c4024ad1f6",9031:"2527601b316e338b",9549:"0bd3a314b706e098",9712:"542b42c45f9794d4",9800:"5f96b91f11316983",9854:"2343400057c01ce3"})[e]+".css"},h.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),h.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},f={},d="_N_E:",h.l=function(e,c,a,t){if(f[e]){f[e].push(c);return}if(void 0!==a)for(var b,n,r=document.getElementsByTagName("script"),o=0;o<r.length;o++){var u=r[o];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==d+a){b=u;break}}b||(n=!0,(b=document.createElement("script")).charset="utf-8",b.timeout=120,h.nc&&b.setAttribute("nonce",h.nc),b.setAttribute("data-webpack",d+a),b.src=h.tu(e)),f[e]=[c];var i=function(c,a){b.onerror=b.onload=null,clearTimeout(s);var d=f[e];if(delete f[e],b.parentNode&&b.parentNode.removeChild(b),d&&d.forEach(function(e){return e(a)}),c)return c(a)},s=setTimeout(i.bind(null,void 0,{type:"timeout",target:b}),12e4);b.onerror=i.bind(null,b.onerror),b.onload=i.bind(null,b.onload),n&&document.head.appendChild(b)},h.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},h.nmd=function(e){return e.paths=[],e.children||(e.children=[]),e},h.tt=function(){return void 0===t&&(t={createScriptURL:function(e){return e}},"undefined"!=typeof trustedTypes&&trustedTypes.createPolicy&&(t=trustedTypes.createPolicy("nextjs#bundler",t))),t},h.tu=function(e){return h.tt().createScriptURL(e)},h.p="/_next/",b=function(e,c,a,f){var d=document.createElement("link");return d.rel="stylesheet",d.type="text/css",d.onerror=d.onload=function(t){if(d.onerror=d.onload=null,"load"===t.type)a();else{var b=t&&("load"===t.type?"missing":t.type),n=t&&t.target&&t.target.href||c,r=Error("Loading CSS chunk "+e+" failed.\n("+n+")");r.code="CSS_CHUNK_LOAD_FAILED",r.type=b,r.request=n,d.parentNode.removeChild(d),f(r)}},d.href=c,document.head.appendChild(d),d},n=function(e,c){for(var a=document.getElementsByTagName("link"),f=0;f<a.length;f++){var d=a[f],t=d.getAttribute("data-href")||d.getAttribute("href");if("stylesheet"===d.rel&&(t===e||t===c))return d}for(var b=document.getElementsByTagName("style"),f=0;f<b.length;f++){var d=b[f],t=d.getAttribute("data-href");if(t===e||t===c)return d}},r={2272:0},h.f.miniCss=function(e,c){r[e]?c.push(r[e]):0!==r[e]&&({167:1,219:1,853:1,874:1,1134:1,1137:1,1228:1,1759:1,1989:1,3827:1,4139:1,4417:1,4425:1,4830:1,5005:1,6522:1,6901:1,8108:1,8122:1,8426:1,8529:1,8663:1,8785:1,8909:1,8931:1,9031:1,9549:1,9800:1,9854:1})[e]&&c.push(r[e]=new Promise(function(c,a){var f=h.miniCssF(e),d=h.p+f;if(n(f,d))return c();b(e,d,c,a)}).then(function(){r[e]=0},function(c){throw delete r[e],c}))},o={2272:0},h.f.j=function(e,c){var a=h.o(o,e)?o[e]:void 0;if(0!==a){if(a)c.push(a[2]);else if(/^(219|2272|8122|8663|9549|9800)$/.test(e))o[e]=0;else{var f=new Promise(function(c,f){a=o[e]=[c,f]});c.push(a[2]=f);var d=h.p+h.u(e),t=Error();h.l(d,function(c){if(h.o(o,e)&&(0!==(a=o[e])&&(o[e]=void 0),a)){var f=c&&("load"===c.type?"missing":c.type),d=c&&c.target&&c.target.src;t.message="Loading chunk "+e+" failed.\n("+f+": "+d+")",t.name="ChunkLoadError",t.type=f,t.request=d,a[1](t)}},"chunk-"+e,e)}}},h.O.j=function(e){return 0===o[e]},u=function(e,c){var a,f,d=c[0],t=c[1],b=c[2],n=0;if(d.some(function(e){return 0!==o[e]})){for(a in t)h.o(t,a)&&(h.m[a]=t[a]);if(b)var r=b(h)}for(e&&e(c);n<d.length;n++)f=d[n],h.o(o,f)&&o[f]&&o[f][0](),o[f]=0;return h.O(r)},(i=self.webpackChunk_N_E=self.webpackChunk_N_E||[]).forEach(u.bind(null,0)),i.push=u.bind(null,i.push.bind(i))}();
\ No newline at end of file
diff --git a/_next/static/css/c29e7d5472540dc3.css b/_next/static/css/542b42c45f9794d4.css
similarity index 54%
rename from _next/static/css/c29e7d5472540dc3.css
rename to _next/static/css/542b42c45f9794d4.css
index 8c29ea71a99..9526ab061d5 100644
--- a/_next/static/css/c29e7d5472540dc3.css
+++ b/_next/static/css/542b42c45f9794d4.css
@@ -1,4 +1,4 @@
-@charset "UTF-8";@keyframes g-pulse{50%{opacity:15%}}.g-loader{display:inline-flex;align-items:center}.g-loader__center,.g-loader__left,.g-loader__right{background:var(--g-color-base-brand);animation:g-pulse .8s ease infinite}.g-loader__left{animation-delay:.2s}.g-loader__center{animation-delay:.4s}.g-loader__right{animation-delay:.6s}.g-loader_size_s .g-loader__left{height:calc(20px / 1.5);width:5px}.g-loader_size_s .g-loader__center{width:5px;height:20px;margin-inline-start:5px}.g-loader_size_s .g-loader__right{height:calc(20px / 1.5);width:5px;margin-inline-start:5px}.g-loader_size_m .g-loader__left{height:calc(28px / 1.5);width:7px}.g-loader_size_m .g-loader__center{width:7px;height:28px;margin-inline-start:7px}.g-loader_size_m .g-loader__right{height:calc(28px / 1.5);width:7px;margin-inline-start:7px}.g-loader_size_l .g-loader__left{height:calc(36px / 1.5);width:9px}.g-loader_size_l .g-loader__center{width:9px;height:36px;margin-inline-start:9px}.g-loader_size_l .g-loader__right{height:calc(36px / 1.5);width:9px;margin-inline-start:9px}.g-avatar{--_--size:32px;--_--background-color:var(--g-color-base-misc-light);--_--border-color:currentColor;--_--color:var(--g-color-text-misc);--_--font-size:var(--g-text-body-1-font-size);--_--line-height:var(--g-text-body-1-line-height);overflow:hidden;display:inline-flex;justify-content:center;align-items:center;width:var(--g-avatar-size,var(--_--size));height:var(--g-avatar-size,var(--_--size));border-radius:50%;background-color:var(--g-avatar-background-color,var(--_--background-color))}.g-avatar__image{display:block;width:100%;height:100%;object-fit:cover}.g-avatar__icon{color:var(--g-avatar-color,var(--_--color))}.g-avatar__icon>svg{display:block}.g-avatar__text{color:var(--g-avatar-color,var(--_--color));font-size:var(--g-avatar-font-size,var(--_--font-size));line-height:var(--g-avatar-line-height,var(--_--line-height));font-weight:500}.g-avatar_view_outlined,.g-avatar_with-border{position:relative}.g-avatar_view_outlined:after,.g-avatar_view_outlined:before,.g-avatar_with-border:after,.g-avatar_with-border:before{content:"";z-index:1;position:absolute;inset:0;border-radius:50%}.g-avatar_view_outlined:before,.g-avatar_with-border:before{border:3px solid var(--g-color-base-background)}.g-avatar_view_outlined:after,.g-avatar_with-border:after{border:2px solid var(--g-avatar-border-color,var(--_--border-color))}.g-avatar_size_xs{--_--size:24px}.g-avatar_size_s{--_--size:28px}.g-avatar_size_m{--_--size:32px}.g-avatar_size_l{--_--size:42px}.g-avatar_size_xl{--_--size:50px}.g-avatar_size_s,.g-avatar_size_xs{--_--font-size:var(--g-text-caption-1-font-size);--_--line-height:var(--g-text-caption-1-line-height)}.g-avatar_size_l,.g-avatar_size_m{--_--font-size:var(--g-text-body-1-font-size);--_--line-height:var(--g-text-body-1-line-height)}.g-avatar_size_xl{--_--font-size:var(--g-text-body-2-font-size);--_--line-height:var(--g-text-body-2-line-height)}.g-avatar_theme_normal.g-avatar_view_filled{--_--background-color:var(--g-color-base-misc-light);--_--color:var(--g-color-text-misc)}.g-avatar_theme_normal.g-avatar_view_outlined{--_--background-color:var(--g-color-base-background);--_--border-color:var(--g-color-text-misc);--_--color:var(--g-color-text-misc)}.g-avatar_theme_brand.g-avatar_view_filled{--_--background-color:var(--g-color-base-brand);--_--color:var(--g-color-text-brand-contrast)}.g-avatar_theme_brand.g-avatar_view_outlined{--_--background-color:var(--g-color-base-background);--_--border-color:var(--g-color-text-brand);--_--color:var(--g-color-text-brand)}.g-control-label{display:inline-flex;font-family:var(--g-text-body-font-family);font-weight:var(--g-text-body-font-weight);color:var(--g-color-text-primary);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}.g-control-label_disabled{cursor:default;pointer-events:none}.g-control-label_size_m{font-size:var(--g-text-body-1-font-size);line-height:15px}.g-control-label_size_l{font-size:var(--g-text-body-2-font-size);line-height:18px}.g-control-label__indicator{flex-shrink:0}.g-control-label__text{flex-grow:1;white-space:normal}.g-control-label_disabled .g-control-label__text{opacity:.6}.g-control-label_size_m .g-control-label__text{margin-inline-start:5px}.g-control-label_size_l .g-control-label__text{margin-inline-start:7px}.g-text_variant_display-1{font-size:var(--g-text-display-1-font-size);line-height:var(--g-text-display-1-line-height);font-weight:var(--g-text-display-font-weight)}.g-text_variant_display-2{font-size:var(--g-text-display-2-font-size);line-height:var(--g-text-display-2-line-height);font-weight:var(--g-text-display-font-weight)}.g-text_variant_display-3{font-size:var(--g-text-display-3-font-size);line-height:var(--g-text-display-3-line-height);font-weight:var(--g-text-display-font-weight)}.g-text_variant_display-4{font-size:var(--g-text-display-4-font-size);line-height:var(--g-text-display-4-line-height);font-weight:var(--g-text-display-font-weight)}.g-text_variant_code-1{font-size:var(--g-text-code-1-font-size);line-height:var(--g-text-code-1-line-height)}.g-text_variant_code-1,.g-text_variant_code-2{font-family:var(--g-font-family-monospace);font-weight:var(--g-text-code-font-weight)}.g-text_variant_code-2{font-size:var(--g-text-code-2-font-size);line-height:var(--g-text-code-2-line-height)}.g-text_variant_code-3{font-size:var(--g-text-code-3-font-size);line-height:var(--g-text-code-3-line-height)}.g-text_variant_code-3,.g-text_variant_code-inline-1{font-family:var(--g-font-family-monospace);font-weight:var(--g-text-code-font-weight)}.g-text_variant_code-inline-1{font-size:var(--g-text-code-inline-1-font-size);line-height:var(--g-text-code-inline-1-line-height)}.g-text_variant_code-inline-2{font-size:var(--g-text-code-inline-2-font-size);line-height:var(--g-text-code-inline-2-line-height)}.g-text_variant_code-inline-2,.g-text_variant_code-inline-3{font-family:var(--g-font-family-monospace);font-weight:var(--g-text-code-font-weight)}.g-text_variant_code-inline-3{font-size:var(--g-text-code-inline-3-font-size);line-height:var(--g-text-code-inline-3-line-height)}.g-text_variant_body-1{font-size:var(--g-text-body-1-font-size);line-height:var(--g-text-body-1-line-height);font-weight:var(--g-text-body-font-weight)}.g-text_variant_body-2{font-size:var(--g-text-body-2-font-size);line-height:var(--g-text-body-2-line-height);font-weight:var(--g-text-body-font-weight)}.g-text_variant_body-3{font-size:var(--g-text-body-3-font-size);line-height:var(--g-text-body-3-line-height);font-weight:var(--g-text-body-font-weight)}.g-text_variant_body-short{font-size:var(--g-text-body-short-font-size);line-height:var(--g-text-body-short-line-height);font-weight:var(--g-text-body-font-weight)}.g-text_variant_caption-1{font-size:var(--g-text-caption-1-font-size);line-height:var(--g-text-caption-1-line-height);font-weight:var(--g-text-caption-font-weight)}.g-text_variant_caption-2{font-size:var(--g-text-caption-2-font-size);line-height:var(--g-text-caption-2-line-height);font-weight:var(--g-text-caption-font-weight)}.g-text_variant_header-1{font-size:var(--g-text-header-1-font-size);line-height:var(--g-text-header-1-line-height);font-weight:var(--g-text-header-font-weight)}.g-text_variant_header-2{font-size:var(--g-text-header-2-font-size);line-height:var(--g-text-header-2-line-height);font-weight:var(--g-text-header-font-weight)}.g-text_variant_subheader-1{font-size:var(--g-text-subheader-1-font-size);line-height:var(--g-text-subheader-1-line-height);font-weight:var(--g-text-subheader-font-weight)}.g-text_variant_subheader-2{font-size:var(--g-text-subheader-2-font-size);line-height:var(--g-text-subheader-2-line-height);font-weight:var(--g-text-subheader-font-weight)}.g-text_variant_subheader-3{font-size:var(--g-text-subheader-3-font-size);line-height:var(--g-text-subheader-3-line-height);font-weight:var(--g-text-subheader-font-weight)}.g-text_ellipsis{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-text_ellipsis-lines{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;align-self:center;white-space:normal;-webkit-line-clamp:2}.g-text_ws_nowrap{white-space:nowrap}.g-text_ws_break-spaces{white-space:break-spaces}.g-text_wb_break-all{word-break:break-all}.g-text_wb_break-word{word-break:break-word}.g-color-text_color_primary{color:var(--g-color-text-primary)}.g-color-text_color_complementary{color:var(--g-color-text-complementary)}.g-color-text_color_secondary{color:var(--g-color-text-secondary)}.g-color-text_color_hint{color:var(--g-color-text-hint)}.g-color-text_color_info{color:var(--g-color-text-info)}.g-color-text_color_info-heavy{color:var(--g-color-text-info-heavy)}.g-color-text_color_positive{color:var(--g-color-text-positive)}.g-color-text_color_positive-heavy{color:var(--g-color-text-positive-heavy)}.g-color-text_color_warning{color:var(--g-color-text-warning)}.g-color-text_color_warning-heavy{color:var(--g-color-text-warning-heavy)}.g-color-text_color_danger{color:var(--g-color-text-danger)}.g-color-text_color_danger-heavy{color:var(--g-color-text-danger-heavy)}.g-color-text_color_utility{color:var(--g-color-text-utility)}.g-color-text_color_utility-heavy{color:var(--g-color-text-utility-heavy)}.g-color-text_color_misc{color:var(--g-color-text-misc)}.g-color-text_color_misc-heavy{color:var(--g-color-text-misc-heavy)}.g-color-text_color_brand{color:var(--g-color-text-brand)}.g-color-text_color_link{color:var(--g-color-text-link)}.g-color-text_color_link-hover{color:var(--g-color-text-link-hover)}.g-color-text_color_link-visited{color:var(--g-color-text-link-visited)}.g-color-text_color_link-visited-hover{color:var(--g-color-text-link-visited-hover)}.g-color-text_color_dark-primary{color:var(--g-color-text-dark-primary)}.g-color-text_color_dark-complementary{color:var(--g-color-text-dark-complementary)}.g-color-text_color_dark-secondary{color:var(--g-color-text-dark-secondary)}.g-color-text_color_light-primary{color:var(--g-color-text-light-primary)}.g-color-text_color_light-complementary{color:var(--g-color-text-light-complementary)}.g-color-text_color_light-secondary{color:var(--g-color-text-light-secondary)}.g-color-text_color_light-hint{color:var(--g-color-text-light-hint)}.g-color-text_color_inverted-primary{color:var(--g-color-text-inverted-primary)}.g-color-text_color_inverted-complementary{color:var(--g-color-text-inverted-complementary)}.g-color-text_color_inverted-secondary{color:var(--g-color-text-inverted-secondary)}.g-color-text_color_inverted-hint{color:var(--g-color-text-inverted-hint)}.g-select{display:inline-block;max-width:100%}.g-list,.g-select_width_max{width:100%}.g-list{--_--item-padding:var(--g-list-item-padding,0);outline:none;display:flex;flex-direction:column;flex:1 1 auto}.g-list__filter{padding:var(--_--item-padding);margin-block-end:8px;flex:0 0 auto}.g-list__items{flex:1 1 auto}.g-list__empty-placeholder,.g-list__item{box-sizing:border-box;display:flex;align-items:center;padding:var(--_--item-padding);-webkit-user-select:none;user-select:none;overflow:hidden}.g-list__item_active{background:var(--g-color-base-simple-hover)}.g-list__item_selected{background:var(--g-color-base-selection)}.g-list__item_selected:hover{background:var(--g-color-base-selection-hover)}.g-list__item_sort-handle-align_right{flex-direction:row-reverse}.g-list__item_sort-handle-align_right .g-list__item-sort-icon{margin-inline:10px 0}.g-list__item_sortable[data-rbd-drag-handle-context-id]:active{cursor:grabbing}.g-list__item_dragging{background:var(--g-color-base-simple-hover-solid);z-index:100001}.g-list__empty-placeholder{box-sizing:border-box;color:var(--g-color-text-hint);min-height:36px;padding-block:8px}.g-list__item-content{flex:1 1 auto;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;height:100%}.g-list__item-sort-icon{display:flex;align-items:center;width:12px;margin-inline-end:4px;flex:0 0 auto;color:var(--g-color-text-hint)}.g-list__loading-indicator{display:flex;width:100%;align-items:center;justify-content:center}.g-text-input{--_--text-color:var(--g-color-text-primary);--_--label-color:inherit;--_--placeholder-color:var(--g-color-text-hint);--_--background-color:#0000;--_--border-width:1px;--_--focus-outline-color:var(--g-text-input-focus-outline-color);display:inline-block;width:100%;position:relative}.g-text-input__content{box-sizing:border-box;overflow:hidden;display:flex;width:100%;background-color:var(--g-text-input-background-color,var(--_--background-color));border-width:var(--g-text-input-border-width,var(--_--border-width));border-style:solid;border-color:var(--g-text-input-border-color,var(--_--border-color));color:var(--g-text-input-text-color,var(--_--text-color))}.g-text-input__content:hover{border-color:var(--g-text-input-border-color-hover,var(--_--border-color-hover))}.g-text-input__content:focus-within{border-color:var(--g-text-input-border-color-active,var(--_--border-color-active));outline:2px solid var(--g-text-input-focus-outline-color,var(--_--focus-outline-color));outline-offset:-1px}.g-text-input__control{box-sizing:border-box;display:inline-block;flex-grow:1;vertical-align:top;position:relative;margin:0;padding:0;width:100%;font-weight:var(--g-text-body-font-weight);font-family:var(--g-text-body-font-family);color:inherit;background-color:initial;border:none;height:var(--g-text-input-height)}.g-text-input__control::placeholder{color:var(--g-text-input-placeholder-color,var(--_--placeholder-color));overflow:hidden;white-space:nowrap}.g-text-input__control:focus{outline:none}.g-text-input__control[type=number]{-webkit-appearance:textfield;appearance:textfield}.g-text-input__label{position:absolute;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:1;color:var(--g-text-input-label-color,var(--_--label-color))}.g-text-input__clear{flex-shrink:0;margin:auto 0}.g-text-input__clear_size_m,.g-text-input__clear_size_s{margin-inline-end:1px}.g-text-input__clear_size_l,.g-text-input__clear_size_xl{margin-inline-end:2px}.g-text-input__error-icon{box-sizing:initial;color:var(--g-color-text-danger);padding-block:var(--_--error-icon-padding-block);padding-inline:var(--_--error-icon-padding-inline)}.g-text-input__additional-content{display:flex;align-items:center}.g-text-input_size_s{--_--error-icon-padding-block:5px;--_--error-icon-padding-inline:0 5px;--_--border-radius:var(--g-border-radius-s)}.g-text-input_size_s .g-text-input__control{--_--input-control-border-width:var(
+@charset "UTF-8";@keyframes g-pulse{50%{opacity:15%}}.g-loader{display:inline-flex;align-items:center}.g-loader__center,.g-loader__left,.g-loader__right{background:var(--g-color-base-brand);animation:g-pulse .8s ease infinite}.g-loader__left{animation-delay:.2s}.g-loader__center{animation-delay:.4s}.g-loader__right{animation-delay:.6s}.g-loader_size_s .g-loader__left{height:calc(20px / 1.5);width:5px}.g-loader_size_s .g-loader__center{width:5px;height:20px;margin-inline-start:5px}.g-loader_size_s .g-loader__right{height:calc(20px / 1.5);width:5px;margin-inline-start:5px}.g-loader_size_m .g-loader__left{height:calc(28px / 1.5);width:7px}.g-loader_size_m .g-loader__center{width:7px;height:28px;margin-inline-start:7px}.g-loader_size_m .g-loader__right{height:calc(28px / 1.5);width:7px;margin-inline-start:7px}.g-loader_size_l .g-loader__left{height:calc(36px / 1.5);width:9px}.g-loader_size_l .g-loader__center{width:9px;height:36px;margin-inline-start:9px}.g-loader_size_l .g-loader__right{height:calc(36px / 1.5);width:9px;margin-inline-start:9px}.g-avatar{--_--size:32px;--_--background-color:var(--g-color-base-misc-light);--_--border-color:currentColor;--_--color:var(--g-color-text-misc);--_--font-size:var(--g-text-body-1-font-size);--_--line-height:var(--g-text-body-1-line-height);overflow:hidden;display:inline-flex;justify-content:center;align-items:center;width:var(--g-avatar-size,var(--_--size));height:var(--g-avatar-size,var(--_--size));border-radius:50%;background-color:var(--g-avatar-background-color,var(--_--background-color))}.g-avatar__image{display:block;width:100%;height:100%;object-fit:cover}.g-avatar__icon{color:var(--g-avatar-color,var(--_--color))}.g-avatar__icon>svg{display:block}.g-avatar__text{color:var(--g-avatar-color,var(--_--color));font-size:var(--g-avatar-font-size,var(--_--font-size));line-height:var(--g-avatar-line-height,var(--_--line-height));font-weight:500}.g-avatar_view_outlined,.g-avatar_with-border{position:relative}.g-avatar_view_outlined:after,.g-avatar_view_outlined:before,.g-avatar_with-border:after,.g-avatar_with-border:before{content:"";z-index:1;position:absolute;inset:0;border-radius:50%}.g-avatar_view_outlined:before,.g-avatar_with-border:before{border:3px solid var(--g-color-base-background)}.g-avatar_view_outlined:after,.g-avatar_with-border:after{border:2px solid var(--g-avatar-border-color,var(--_--border-color))}.g-avatar_size_xs{--_--size:24px}.g-avatar_size_s{--_--size:28px}.g-avatar_size_m{--_--size:32px}.g-avatar_size_l{--_--size:42px}.g-avatar_size_xl{--_--size:50px}.g-avatar_size_s,.g-avatar_size_xs{--_--font-size:var(--g-text-caption-1-font-size);--_--line-height:var(--g-text-caption-1-line-height)}.g-avatar_size_l,.g-avatar_size_m{--_--font-size:var(--g-text-body-1-font-size);--_--line-height:var(--g-text-body-1-line-height)}.g-avatar_size_xl{--_--font-size:var(--g-text-body-2-font-size);--_--line-height:var(--g-text-body-2-line-height)}.g-avatar_theme_normal.g-avatar_view_filled{--_--background-color:var(--g-color-base-misc-light);--_--color:var(--g-color-text-misc)}.g-avatar_theme_normal.g-avatar_view_outlined{--_--background-color:var(--g-color-base-background);--_--border-color:var(--g-color-text-misc);--_--color:var(--g-color-text-misc)}.g-avatar_theme_brand.g-avatar_view_filled{--_--background-color:var(--g-color-base-brand);--_--color:var(--g-color-text-brand-contrast)}.g-avatar_theme_brand.g-avatar_view_outlined{--_--background-color:var(--g-color-base-background);--_--border-color:var(--g-color-text-brand);--_--color:var(--g-color-text-brand)}.g-text_variant_display-1{font-size:var(--g-text-display-1-font-size);line-height:var(--g-text-display-1-line-height);font-weight:var(--g-text-display-font-weight)}.g-text_variant_display-2{font-size:var(--g-text-display-2-font-size);line-height:var(--g-text-display-2-line-height);font-weight:var(--g-text-display-font-weight)}.g-text_variant_display-3{font-size:var(--g-text-display-3-font-size);line-height:var(--g-text-display-3-line-height);font-weight:var(--g-text-display-font-weight)}.g-text_variant_display-4{font-size:var(--g-text-display-4-font-size);line-height:var(--g-text-display-4-line-height);font-weight:var(--g-text-display-font-weight)}.g-text_variant_code-1{font-size:var(--g-text-code-1-font-size);line-height:var(--g-text-code-1-line-height)}.g-text_variant_code-1,.g-text_variant_code-2{font-family:var(--g-font-family-monospace);font-weight:var(--g-text-code-font-weight)}.g-text_variant_code-2{font-size:var(--g-text-code-2-font-size);line-height:var(--g-text-code-2-line-height)}.g-text_variant_code-3{font-size:var(--g-text-code-3-font-size);line-height:var(--g-text-code-3-line-height)}.g-text_variant_code-3,.g-text_variant_code-inline-1{font-family:var(--g-font-family-monospace);font-weight:var(--g-text-code-font-weight)}.g-text_variant_code-inline-1{font-size:var(--g-text-code-inline-1-font-size);line-height:var(--g-text-code-inline-1-line-height)}.g-text_variant_code-inline-2{font-size:var(--g-text-code-inline-2-font-size);line-height:var(--g-text-code-inline-2-line-height)}.g-text_variant_code-inline-2,.g-text_variant_code-inline-3{font-family:var(--g-font-family-monospace);font-weight:var(--g-text-code-font-weight)}.g-text_variant_code-inline-3{font-size:var(--g-text-code-inline-3-font-size);line-height:var(--g-text-code-inline-3-line-height)}.g-text_variant_body-1{font-size:var(--g-text-body-1-font-size);line-height:var(--g-text-body-1-line-height);font-weight:var(--g-text-body-font-weight)}.g-text_variant_body-2{font-size:var(--g-text-body-2-font-size);line-height:var(--g-text-body-2-line-height);font-weight:var(--g-text-body-font-weight)}.g-text_variant_body-3{font-size:var(--g-text-body-3-font-size);line-height:var(--g-text-body-3-line-height);font-weight:var(--g-text-body-font-weight)}.g-text_variant_body-short{font-size:var(--g-text-body-short-font-size);line-height:var(--g-text-body-short-line-height);font-weight:var(--g-text-body-font-weight)}.g-text_variant_caption-1{font-size:var(--g-text-caption-1-font-size);line-height:var(--g-text-caption-1-line-height);font-weight:var(--g-text-caption-font-weight)}.g-text_variant_caption-2{font-size:var(--g-text-caption-2-font-size);line-height:var(--g-text-caption-2-line-height);font-weight:var(--g-text-caption-font-weight)}.g-text_variant_header-1{font-size:var(--g-text-header-1-font-size);line-height:var(--g-text-header-1-line-height);font-weight:var(--g-text-header-font-weight)}.g-text_variant_header-2{font-size:var(--g-text-header-2-font-size);line-height:var(--g-text-header-2-line-height);font-weight:var(--g-text-header-font-weight)}.g-text_variant_subheader-1{font-size:var(--g-text-subheader-1-font-size);line-height:var(--g-text-subheader-1-line-height);font-weight:var(--g-text-subheader-font-weight)}.g-text_variant_subheader-2{font-size:var(--g-text-subheader-2-font-size);line-height:var(--g-text-subheader-2-line-height);font-weight:var(--g-text-subheader-font-weight)}.g-text_variant_subheader-3{font-size:var(--g-text-subheader-3-font-size);line-height:var(--g-text-subheader-3-line-height);font-weight:var(--g-text-subheader-font-weight)}.g-text_ellipsis{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-text_ellipsis-lines{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;align-self:center;white-space:normal;-webkit-line-clamp:2}.g-text_ws_nowrap{white-space:nowrap}.g-text_ws_break-spaces{white-space:break-spaces}.g-text_wb_break-all{word-break:break-all}.g-text_wb_break-word{word-break:break-word}.g-color-text_color_primary{color:var(--g-color-text-primary)}.g-color-text_color_complementary{color:var(--g-color-text-complementary)}.g-color-text_color_secondary{color:var(--g-color-text-secondary)}.g-color-text_color_hint{color:var(--g-color-text-hint)}.g-color-text_color_info{color:var(--g-color-text-info)}.g-color-text_color_info-heavy{color:var(--g-color-text-info-heavy)}.g-color-text_color_positive{color:var(--g-color-text-positive)}.g-color-text_color_positive-heavy{color:var(--g-color-text-positive-heavy)}.g-color-text_color_warning{color:var(--g-color-text-warning)}.g-color-text_color_warning-heavy{color:var(--g-color-text-warning-heavy)}.g-color-text_color_danger{color:var(--g-color-text-danger)}.g-color-text_color_danger-heavy{color:var(--g-color-text-danger-heavy)}.g-color-text_color_utility{color:var(--g-color-text-utility)}.g-color-text_color_utility-heavy{color:var(--g-color-text-utility-heavy)}.g-color-text_color_misc{color:var(--g-color-text-misc)}.g-color-text_color_misc-heavy{color:var(--g-color-text-misc-heavy)}.g-color-text_color_brand{color:var(--g-color-text-brand)}.g-color-text_color_link{color:var(--g-color-text-link)}.g-color-text_color_link-hover{color:var(--g-color-text-link-hover)}.g-color-text_color_link-visited{color:var(--g-color-text-link-visited)}.g-color-text_color_link-visited-hover{color:var(--g-color-text-link-visited-hover)}.g-color-text_color_dark-primary{color:var(--g-color-text-dark-primary)}.g-color-text_color_dark-complementary{color:var(--g-color-text-dark-complementary)}.g-color-text_color_dark-secondary{color:var(--g-color-text-dark-secondary)}.g-color-text_color_light-primary{color:var(--g-color-text-light-primary)}.g-color-text_color_light-complementary{color:var(--g-color-text-light-complementary)}.g-color-text_color_light-secondary{color:var(--g-color-text-light-secondary)}.g-color-text_color_light-hint{color:var(--g-color-text-light-hint)}.g-color-text_color_inverted-primary{color:var(--g-color-text-inverted-primary)}.g-color-text_color_inverted-complementary{color:var(--g-color-text-inverted-complementary)}.g-color-text_color_inverted-secondary{color:var(--g-color-text-inverted-secondary)}.g-color-text_color_inverted-hint{color:var(--g-color-text-inverted-hint)}.g-select{display:inline-block;max-width:100%}.g-list,.g-select_width_max{width:100%}.g-list{--_--item-padding:var(--g-list-item-padding,0);outline:none;display:flex;flex-direction:column;flex:1 1 auto}.g-list__filter{padding:var(--_--item-padding);margin-block-end:8px;flex:0 0 auto}.g-list__items{flex:1 1 auto}.g-list__empty-placeholder,.g-list__item{box-sizing:border-box;display:flex;align-items:center;padding:var(--_--item-padding);-webkit-user-select:none;user-select:none;overflow:hidden}.g-list__item_active{background:var(--g-color-base-simple-hover)}.g-list__item_selected{background:var(--g-color-base-selection)}.g-list__item_selected:hover{background:var(--g-color-base-selection-hover)}.g-list__item_sort-handle-align_right{flex-direction:row-reverse}.g-list__item_sort-handle-align_right .g-list__item-sort-icon{margin-inline:10px 0}.g-list__item_sortable[data-rbd-drag-handle-context-id]:active{cursor:grabbing}.g-list__item_dragging{background:var(--g-color-base-simple-hover-solid);z-index:100001}.g-list__empty-placeholder{box-sizing:border-box;color:var(--g-color-text-hint);min-height:36px;padding-block:8px}.g-list__item-content{flex:1 1 auto;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;height:100%}.g-list__item-sort-icon{display:flex;align-items:center;width:12px;margin-inline-end:4px;flex:0 0 auto;color:var(--g-color-text-hint)}.g-list__loading-indicator{display:flex;width:100%;align-items:center;justify-content:center}.g-text-input{--_--text-color:var(--g-color-text-primary);--_--label-color:inherit;--_--placeholder-color:var(--g-color-text-hint);--_--background-color:#0000;--_--border-width:1px;--_--focus-outline-color:var(--g-text-input-focus-outline-color);display:inline-block;width:100%;position:relative}.g-text-input__content{box-sizing:border-box;overflow:hidden;display:flex;width:100%;background-color:var(--g-text-input-background-color,var(--_--background-color));border-width:var(--g-text-input-border-width,var(--_--border-width));border-style:solid;border-color:var(--g-text-input-border-color,var(--_--border-color));color:var(--g-text-input-text-color,var(--_--text-color))}.g-text-input__content:hover{border-color:var(--g-text-input-border-color-hover,var(--_--border-color-hover))}.g-text-input__content:focus-within{border-color:var(--g-text-input-border-color-active,var(--_--border-color-active));outline:2px solid var(--g-text-input-focus-outline-color,var(--_--focus-outline-color));outline-offset:-1px}.g-text-input__control{box-sizing:border-box;display:inline-block;flex-grow:1;vertical-align:top;position:relative;margin:0;padding:0;width:100%;font-weight:var(--g-text-body-font-weight);font-family:var(--g-text-body-font-family);color:inherit;background-color:initial;border:none;height:var(--g-text-input-height)}.g-text-input__control::placeholder{color:var(--g-text-input-placeholder-color,var(--_--placeholder-color));overflow:hidden;white-space:nowrap}.g-text-input__control:focus{outline:none}.g-text-input__control[type=number]{-webkit-appearance:textfield;appearance:textfield}.g-text-input__label{position:absolute;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:1;color:var(--g-text-input-label-color,var(--_--label-color))}.g-text-input__clear{flex-shrink:0;margin:auto 0}.g-text-input__clear_size_m,.g-text-input__clear_size_s{margin-inline-end:1px}.g-text-input__clear_size_l,.g-text-input__clear_size_xl{margin-inline-end:2px}.g-text-input__error-icon{box-sizing:initial;color:var(--g-color-text-danger);padding-block:var(--_--error-icon-padding-block);padding-inline:var(--_--error-icon-padding-inline)}.g-text-input__additional-content{display:flex;align-items:center}.g-text-input_size_s{--_--error-icon-padding-block:5px;--_--error-icon-padding-inline:0 5px;--_--border-radius:var(--g-border-radius-s)}.g-text-input_size_s .g-text-input__control{--_--input-control-border-width:var(
       --g-text-input-border-width,var(--g-text-area-border-width,1px)
   );height:calc(24px - var(--_--input-control-border-width) * 2);padding:3px 8px}.g-text-input_size_s .g-text-input__control,.g-text-input_size_s .g-text-input__label{font-size:var(--g-text-body-short-font-size);line-height:var(--g-text-body-short-line-height);font-weight:var(--g-text-body-font-weight)}.g-text-input_size_s .g-text-input__label{padding-block:3px;padding-inline:8px 4px;font-weight:var(--g-text-accent-font-weight)}.g-text-input_size_s.g-text-input_has-start-content .g-text-input__label{padding-inline-start:2px}.g-text-input_size_s .g-text-input__additional-content{height:22px}.g-text-input_size_s .g-text-input__additional-content_placement_start{padding-inline-start:1px}.g-text-input_size_s .g-text-input__additional-content_placement_end{padding-inline-end:1px}.g-text-input_size_m{--_--error-icon-padding-block:5px;--_--error-icon-padding-inline:0 5px;--_--border-radius:var(--g-border-radius-m)}.g-text-input_size_m .g-text-input__control{--_--input-control-border-width:var(
       --g-text-input-border-width,var(--g-text-area-border-width,1px)
@@ -6,4 +6,4 @@
       --g-text-input-border-width,var(--g-text-area-border-width,1px)
   );height:calc(36px - var(--_--input-control-border-width) * 2);padding:9px 12px}.g-text-input_size_l .g-text-input__control,.g-text-input_size_l .g-text-input__label{font-size:var(--g-text-body-short-font-size);line-height:var(--g-text-body-short-line-height);font-weight:var(--g-text-body-font-weight)}.g-text-input_size_l .g-text-input__label{padding-block:9px;padding-inline:12px 4px;font-weight:var(--g-text-accent-font-weight)}.g-text-input_size_l.g-text-input_has-start-content .g-text-input__label{padding-inline-start:3px}.g-text-input_size_l .g-text-input__additional-content{height:34px}.g-text-input_size_l .g-text-input__additional-content_placement_start{padding-inline-start:3px}.g-text-input_size_l .g-text-input__additional-content_placement_end{padding-inline-end:3px}.g-text-input_size_xl{--_--error-icon-padding-block:13px;--_--error-icon-padding-inline:0 13px;--_--border-radius:var(--g-border-radius-xl)}.g-text-input_size_xl .g-text-input__control{--_--input-control-border-width:var(
       --g-text-input-border-width,var(--g-text-area-border-width,1px)
-  );height:calc(44px - var(--_--input-control-border-width) * 2);padding:11px 12px}.g-text-input_size_xl .g-text-input__control,.g-text-input_size_xl .g-text-input__label{font-size:var(--g-text-body-2-font-size);line-height:var(--g-text-body-2-line-height);font-weight:var(--g-text-body-font-weight)}.g-text-input_size_xl .g-text-input__label{padding-block:11px;padding-inline:12px 4px;font-weight:var(--g-text-accent-font-weight)}.g-text-input_size_xl.g-text-input_has-start-content .g-text-input__label{padding-inline-start:3px}.g-text-input_size_xl .g-text-input__additional-content{height:42px}.g-text-input_size_xl .g-text-input__additional-content_placement_start{padding-inline-start:3px}.g-text-input_size_xl .g-text-input__additional-content_placement_end{padding-inline-end:3px}.g-text-input_view_normal{--_--border-color:var(--g-color-line-generic);--_--border-color-hover:var(--g-color-line-generic-hover);--_--border-color-active:var(--g-color-line-generic-active)}.g-text-input_view_clear{--_--border-color:#0000;--_--border-color-hover:#0000;--_--border-color-active:#0000;--_--border-radius:0}.g-text-input_view_clear .g-text-input__content{border-inline:0}.g-text-input_view_clear .g-text-input__control{padding-inline:0}.g-text-input.g-text-input_pin_round-round .g-text-input__content{border-radius:var(--g-text-input-border-radius,var(--_--border-radius))}.g-text-input.g-text-input_pin_brick-brick .g-text-input__content{border-radius:0}.g-text-input.g-text-input_pin_clear-clear .g-text-input__content{border-radius:0;border-inline:0}.g-text-input.g-text-input_pin_circle-circle .g-text-input__content{border-radius:100px}.g-text-input.g-text-input_pin_round-brick .g-text-input__content{border-start-start-radius:var(--g-text-input-border-radius,var(--_--border-radius));border-start-end-radius:0;border-end-start-radius:var(--g-text-input-border-radius,var(--_--border-radius));border-end-end-radius:0}.g-text-input.g-text-input_pin_brick-round .g-text-input__content{border-start-start-radius:0;border-start-end-radius:var(--g-text-input-border-radius,var(--_--border-radius));border-end-start-radius:0;border-end-end-radius:var(--g-text-input-border-radius,var(--_--border-radius))}.g-text-input.g-text-input_pin_round-clear .g-text-input__content{border-start-start-radius:var(--g-text-input-border-radius,var(--_--border-radius));border-start-end-radius:0;border-end-start-radius:var(--g-text-input-border-radius,var(--_--border-radius));border-end-end-radius:0;border-inline-end:0}.g-text-input.g-text-input_pin_clear-round .g-text-input__content{border-start-start-radius:0;border-start-end-radius:var(--g-text-input-border-radius,var(--_--border-radius));border-end-start-radius:0;border-end-end-radius:var(--g-text-input-border-radius,var(--_--border-radius));border-inline-start:0}.g-text-input.g-text-input_pin_brick-clear .g-text-input__content{border-radius:0;border-inline-end:0}.g-text-input.g-text-input_pin_clear-brick .g-text-input__content{border-radius:0;border-inline-start:0}.g-text-input.g-text-input_pin_circle-brick .g-text-input__content{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0}.g-text-input.g-text-input_pin_brick-circle .g-text-input__content{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px}.g-text-input.g-text-input_pin_circle-clear .g-text-input__content{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0;border-inline-end:0}.g-text-input.g-text-input_pin_clear-circle .g-text-input__content{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px;border-inline-start:0}.g-text-input_disabled{--_--text-color:var(--g-color-text-hint);--_--background-color:var(--g-color-base-generic-accent-disabled);--_--border-color:#0000;--_--border-color-hover:#0000;--_--border-color-active:#0000}.g-text-input_has-scrollbar .g-text-input__clear{inset-inline-end:var(--g-scrollbar-width)}.g-text-input_has-start-content .g-text-input__control{padding-inline-start:2px}.g-text-input_has-end-content .g-text-input__control{padding-inline-end:2px}.g-text-input_state_error.g-text-input_view_normal .g-text-input__content,.g-text-input_state_error.g-text-input_view_normal .g-text-input__content:focus-within,.g-text-input_state_error.g-text-input_view_normal .g-text-input__content:hover{border-color:var(--g-color-line-danger)}.g-text-input_state_error.g-text-input_view_normal .g-text-input__content:focus-within{--_--focus-outline-color:var(--g-color-line-danger)}.g-text-input_state_error.g-text-input_view_clear .g-text-input__content,.g-text-input_state_error.g-text-input_view_clear .g-text-input__content:focus-within,.g-text-input_state_error.g-text-input_view_clear .g-text-input__content:hover{border-block-end:1px solid var(--g-color-line-danger)}.g-text-input_state_error.g-text-input_view_clear .g-text-input__content:focus-within{--_--focus-outline-color:var(--g-color-line-danger)}.g-clear-button{--g-button-text-color:var(--g-color-text-hint);--g-button-text-color-hover:var(--g-color-text-primary);--g-button-background-color:#0000;--g-button-background-color-hover:#0000}.g-outer-additional-content{display:flex;justify-content:space-between;vertical-align:top}.g-outer-additional-content__error,.g-outer-additional-content__note{margin-block-start:2px}.g-outer-additional-content__error{font-size:var(--g-text-body-1-font-size);line-height:var(--g-text-body-1-line-height);font-weight:var(--g-text-body-font-weight);color:var(--g-color-text-danger)}.g-outer-additional-content__error:not(:last-child){margin-inline-end:var(--g-spacing-2)}.g-outer-additional-content__note{margin-inline-start:auto}.g-select-filter .g-select-filter__input,.g-select-filter .g-select-filter__input:focus,.g-select-filter .g-select-filter__input:hover{border-color:var(--g-color-line-generic-active)}.g-select-list{display:flex;margin:4px 0;overflow:hidden}.g-popup .g-select-list:first-child,.g-popup .g-select-list:last-child{border-radius:0}.g-select-list:not(.g-select-list_virtualized){overflow:auto}.g-select-list_mobile{max-height:calc(90vh - 20px)}.g-select-list__group-label,.g-select-list__group-label-custom{box-sizing:border-box;position:relative;width:100%;height:auto;padding:0}.g-select-list__group-label{font-size:var(--g-text-body-1-font-size)}.g-select-list_size_s .g-select-list__group-label:not(.g-select-list__group-label_empty){height:24px;padding:8px 8px 4px}.g-select-list_size_m .g-select-list__group-label:not(.g-select-list__group-label_empty){height:28px;padding:8px 8px 4px}.g-select-list_size_l .g-select-list__group-label:not(.g-select-list__group-label_empty){height:36px;padding:10px 12px 6px}.g-select-list_size_xl .g-select-list__group-label:not(.g-select-list__group-label_empty){height:44px;padding:12px 12px 8px;font-size:var(--g-text-body-2-font-size)}.g-select-list_mobile .g-select-list__group-label:not(.g-select-list__group-label_empty){height:36px;padding:12px 12px 8px;font-size:var(--g-text-body-2-font-size)}.g-select-list__item:not(:first-child) .g-select-list__group-label{margin-block-start:5px}.g-select-list__item:not(:first-child) .g-select-list__group-label:before{content:"";position:absolute;inset-block-start:-3px;inset-inline-start:0;width:100%;height:1px;background-color:var(--g-color-line-generic)}.g-select-list__group-label-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--g-text-accent-font-weight);width:100%}.g-select-list__item.g-list__item_selected{background:none}.g-select-list__item.g-list__item_active,.g-select-list__item.g-list__item_selected:hover{background:var(--g-color-base-simple-hover)}.g-select-list__option{box-sizing:border-box;display:flex;align-items:center;width:100%;height:100%;cursor:pointer}.g-select-list_size_s .g-select-list__option{padding:0 8px;--_--select-tick-icon-padding-right:calc(8px / 2)}.g-select-list_size_s .g-select-list__option .g-select-list__option-default-label{height:24px;line-height:24px}.g-select-list_size_m .g-select-list__option{padding:0 8px;--_--select-tick-icon-padding-right:calc(8px / 2)}.g-select-list_size_m .g-select-list__option .g-select-list__option-default-label{height:28px;line-height:28px}.g-select-list_size_l .g-select-list__option{padding:0 12px;--_--select-tick-icon-padding-right:calc(12px / 2)}.g-select-list_size_l .g-select-list__option .g-select-list__option-default-label{height:36px;line-height:36px}.g-select-list_size_xl .g-select-list__option{padding:0 12px;--_--select-tick-icon-padding-right:calc(12px / 2)}.g-select-list_size_xl .g-select-list__option .g-select-list__option-default-label{height:44px;line-height:44px;font-size:var(--g-text-body-2-font-size)}.g-select-list_mobile .g-select-list__option{padding:0 12px}.g-select-list_mobile .g-select-list__option .g-select-list__option-default-label{height:36px;line-height:36px;font-size:var(--g-text-body-2-font-size)}.g-select-list_mobile .g-select-list__option .g-select-list__tick-icon{padding-inline-end:calc(12px / 2)}.g-select-list__option_colored{background-color:var(--g-color-base-selection)}.g-select-list__option_disabled{cursor:default}.g-select-list__option-default-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--g-text-body-1-font-size);width:100%}.g-select-list__option-default-label_disabled{color:var(--g-color-text-secondary)}.g-select-list__tick-icon{box-sizing:initial;flex:0 0 16px;visibility:hidden;color:var(--g-color-text-info);padding-inline-end:var(--_--select-tick-icon-padding-right)}.g-select-list__tick-icon_shown{visibility:visible}.g-select-list__loading-indicator{display:flex;width:100%;align-items:center;justify-content:center}.g-select-empty-placeholder{margin:4px;color:var(--g-color-text-hint)}.g-select-empty-placeholder_empty{margin-block-start:0}.g-select-control{--_--focus-outline-color:var(--g-select-focus-outline-color);padding:0;font-family:var(--g-text-body-font-family);font-size:inherit;font-weight:var(--g-text-body-font-weight);color:inherit;background:none;border:none;outline:none;cursor:pointer;position:relative;display:inline-flex;align-items:center;box-sizing:border-box;transition:transform .1s ease-out;width:100%;z-index:0}.g-select-control_disabled{cursor:default}.g-select-control_size_s{--_--text-right-padding:8px;--_--border-radius:var(--g-border-radius-s);height:24px;padding:4px calc(var(--_--text-right-padding) + 1px)}.g-select-control_size_m{--_--text-right-padding:8px;--_--border-radius:var(--g-border-radius-m);height:28px;padding:6px calc(var(--_--text-right-padding) + 1px)}.g-select-control_size_l{--_--text-right-padding:12px;--_--border-radius:var(--g-border-radius-l);height:36px;padding:10px calc(var(--_--text-right-padding) + 1px)}.g-select-control_size_xl{--_--text-right-padding:12px;--_--border-radius:var(--g-border-radius-xl);height:44px;padding:12px calc(var(--_--text-right-padding) + 1px)}.g-select-control__button{padding:0;font-family:var(--g-text-body-font-family);font-size:inherit;font-weight:var(--g-text-body-font-weight);color:inherit;background:none;border:none;outline:none;cursor:pointer;display:inline-flex;align-items:center;overflow:hidden;width:100%;height:100%;transition:color .15s linear,background-color .15s linear}.g-select-control__button.g-select-control__button_pin_round-round:before{border-radius:var(--_--border-radius)}.g-select-control__button.g-select-control__button_pin_brick-brick:before{border-radius:0}.g-select-control__button.g-select-control__button_pin_clear-clear:before{border-radius:0;border-inline:0}.g-select-control__button.g-select-control__button_pin_circle-circle:before{border-radius:100px}.g-select-control__button.g-select-control__button_pin_round-brick:before{border-start-start-radius:var(--_--border-radius);border-start-end-radius:0;border-end-start-radius:var(--_--border-radius);border-end-end-radius:0}.g-select-control__button.g-select-control__button_pin_brick-round:before{border-start-start-radius:0;border-start-end-radius:var(--_--border-radius);border-end-start-radius:0;border-end-end-radius:var(--_--border-radius)}.g-select-control__button.g-select-control__button_pin_round-clear:before{border-start-start-radius:var(--_--border-radius);border-start-end-radius:0;border-end-start-radius:var(--_--border-radius);border-end-end-radius:0;border-inline-end:0}.g-select-control__button.g-select-control__button_pin_clear-round:before{border-start-start-radius:0;border-start-end-radius:var(--_--border-radius);border-end-start-radius:0;border-end-end-radius:var(--_--border-radius);border-inline-start:0}.g-select-control__button.g-select-control__button_pin_brick-clear:before{border-radius:0;border-inline-end:0}.g-select-control__button.g-select-control__button_pin_clear-brick:before{border-radius:0;border-inline-start:0}.g-select-control__button.g-select-control__button_pin_circle-brick:before{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0}.g-select-control__button.g-select-control__button_pin_brick-circle:before{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px}.g-select-control__button.g-select-control__button_pin_circle-clear:before{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0;border-inline-end:0}.g-select-control__button.g-select-control__button_pin_clear-circle:before{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px;border-inline-start:0}.g-select-control__button.g-select-control__button_pin_round-round:after{border-radius:var(--_--border-radius)}.g-select-control__button.g-select-control__button_pin_brick-brick:after{border-radius:0}.g-select-control__button.g-select-control__button_pin_clear-clear:after{border-radius:0;border-inline:0}.g-select-control__button.g-select-control__button_pin_circle-circle:after{border-radius:100px}.g-select-control__button.g-select-control__button_pin_round-brick:after{border-start-start-radius:var(--_--border-radius);border-start-end-radius:0;border-end-start-radius:var(--_--border-radius);border-end-end-radius:0}.g-select-control__button.g-select-control__button_pin_brick-round:after{border-start-start-radius:0;border-start-end-radius:var(--_--border-radius);border-end-start-radius:0;border-end-end-radius:var(--_--border-radius)}.g-select-control__button.g-select-control__button_pin_round-clear:after{border-start-start-radius:var(--_--border-radius);border-start-end-radius:0;border-end-start-radius:var(--_--border-radius);border-end-end-radius:0;border-inline-end:0}.g-select-control__button.g-select-control__button_pin_clear-round:after{border-start-start-radius:0;border-start-end-radius:var(--_--border-radius);border-end-start-radius:0;border-end-end-radius:var(--_--border-radius);border-inline-start:0}.g-select-control__button.g-select-control__button_pin_brick-clear:after{border-radius:0;border-inline-end:0}.g-select-control__button.g-select-control__button_pin_clear-brick:after{border-radius:0;border-inline-start:0}.g-select-control__button.g-select-control__button_pin_circle-brick:after{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0}.g-select-control__button.g-select-control__button_pin_brick-circle:after{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px}.g-select-control__button.g-select-control__button_pin_circle-clear:after{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0;border-inline-end:0}.g-select-control__button.g-select-control__button_pin_clear-circle:after{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px;border-inline-start:0}.g-select-control__button:before{content:"";position:absolute;inset:0;border:1px solid var(--g-color-line-generic);border-radius:var(--_--border-radius)}.g-select-control__button:after{content:"";position:absolute;inset:0;z-index:-1}.g-select-control__button_view_clear,.g-select-control__button_view_clear:after,.g-select-control__button_view_clear:before{border-color:#0000}.g-select-control__button_size_l,.g-select-control__button_size_m,.g-select-control__button_size_s{font-size:var(--g-text-body-short-font-size);line-height:var(--g-text-body-short-line-height);font-weight:var(--g-text-body-font-weight)}.g-select-control__button_size_xl{font-size:var(--g-text-body-2-font-size);line-height:var(--g-text-body-2-line-height);font-weight:var(--g-text-body-font-weight)}.g-select-control__button_error:before{--_--focus-outline-color:var(--g-color-line-danger);border-color:var(--g-color-line-danger)}.g-select-control__button:hover:after{background-color:var(--g-color-base-simple-hover)}.g-select-control__button_disabled{color:var(--g-color-text-hint);pointer-events:none}.g-select-control__button_disabled:after{background-color:var(--g-color-base-generic-accent-disabled)}.g-select-control__button_disabled:before{border-color:#0000}.g-select-control__button:not(.g-select-control__button_error):not(.g-select-control__button_disabled):not(.g-select-control__button_view_clear):hover:before{border-color:var(--g-color-line-generic-hover)}.g-select-control__button:not(.g-select-control__button_error):not(.g-select-control__button_view_clear):focus-visible:before,.g-select-control__button_open:not(.g-select-control__button_error):not(.g-select-control__button_view_clear):before{border-color:var(--g-color-line-generic-active)}.g-select-control__button:focus-visible:before{outline:2px solid var(--g-select-focus-outline-color,var(--_--focus-outline-color));outline-offset:-1px}.g-select-control:not(.g-select-control_disabled):not(.g-select-control_no-active):active{transform:scale(.96)}.g-select-control__label{font-weight:var(--g-text-accent-font-weight);overflow:hidden;text-overflow:ellipsis;flex-shrink:0;max-width:50%;margin-inline-end:4px;white-space:nowrap}.g-select-control__option-text,.g-select-control__placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline-end:var(--_--text-right-padding)}.g-select-control_has-clear.g-select-control_size_s .g-select-control__button_disabled .g-select-control__option-text,.g-select-control_has-clear.g-select-control_size_s .g-select-control__button_disabled .g-select-control__placeholder{padding-inline-end:calc(24px + var(--_--text-right-padding))}.g-select-control_has-clear.g-select-control_size_m .g-select-control__button_disabled .g-select-control__option-text,.g-select-control_has-clear.g-select-control_size_m .g-select-control__button_disabled .g-select-control__placeholder{padding-inline-end:calc(28px + var(--_--text-right-padding))}.g-select-control_has-clear.g-select-control_size_l .g-select-control__button_disabled .g-select-control__option-text,.g-select-control_has-clear.g-select-control_size_l .g-select-control__button_disabled .g-select-control__placeholder{padding-inline-end:calc(36px + var(--_--text-right-padding))}.g-select-control_has-clear.g-select-control_size_xl .g-select-control__button_disabled .g-select-control__option-text,.g-select-control_has-clear.g-select-control_size_xl .g-select-control__button_disabled .g-select-control__placeholder{padding-inline-end:calc(44px + var(--_--text-right-padding))}.g-select-control__placeholder{color:var(--g-color-text-hint)}.g-select-control_has-clear:not(.g-select-control_has-value).g-select-control_size_s .g-select-control__button:not(.g-select-control__button_disabled) .g-select-control__placeholder{padding-inline-end:calc(24px + var(--_--text-right-padding))}.g-select-control_has-clear:not(.g-select-control_has-value).g-select-control_size_m .g-select-control__button:not(.g-select-control__button_disabled) .g-select-control__placeholder{padding-inline-end:calc(28px + var(--_--text-right-padding))}.g-select-control_has-clear:not(.g-select-control_has-value).g-select-control_size_l .g-select-control__button:not(.g-select-control__button_disabled) .g-select-control__placeholder{padding-inline-end:calc(36px + var(--_--text-right-padding))}.g-select-control_has-clear:not(.g-select-control_has-value).g-select-control_size_xl .g-select-control__button:not(.g-select-control__button_disabled) .g-select-control__placeholder{padding-inline-end:calc(44px + var(--_--text-right-padding))}.g-select-control__chevron-icon{flex:0 0 16px;margin-inline-start:auto;color:var(--g-color-text-secondary)}.g-select-control__chevron-icon_disabled{color:var(--g-color-text-hint)}.g-select-clear+.g-select-control__chevron-icon{margin-inline-start:0}.g-select-control__error-icon{padding:0;font-family:var(--g-text-body-font-family);font-size:inherit;font-weight:var(--g-text-body-font-weight);color:inherit;background:none;border:none;outline:none;cursor:pointer;box-sizing:initial;color:var(--g-color-text-danger);padding:var(--_--text-input-error-icon-padding);border-radius:var(--g-focus-border-radius)}.g-select-control__error-icon:focus{outline:2px solid var(--g-color-line-focus)}.g-select-control__error-icon:focus:not(:focus-visible){outline:0}.g-select-counter{display:flex;justify-content:center;align-items:center;margin-inline:4px;background-color:var(--g-color-base-generic)}.g-select-counter__text{margin-inline:4px;flex-grow:1;text-align:center}.g-select-counter_size_xl .g-select-counter__text{margin-inline:6px}.g-select-counter_size_s{border-radius:var(--g-border-radius-xs);height:20px;min-width:20px}.g-select-counter_size_m{border-radius:var(--g-border-radius-s);height:24px;min-width:24px}.g-select-counter_size_l{border-radius:var(--g-border-radius-m);height:28px;min-width:28px}.g-select-counter_size_xl{border-radius:var(--g-border-radius-l);margin-inline:4px;height:36px;min-width:36px}.g-select-clear{padding:0;font-family:var(--g-text-body-font-family);font-size:inherit;font-weight:var(--g-text-body-font-weight);color:inherit;background:none;border:none;outline:none;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;margin-inline-start:auto;z-index:1}.g-select-clear:focus-visible{border:1px solid var(--g-color-line-generic-active)}.g-select-clear_size_s{height:24px;width:24px;border-radius:var(--g-border-radius-s)}.g-select-clear_size_m{height:28px;width:28px;border-radius:var(--g-border-radius-m)}.g-select-clear_size_l{height:36px;width:36px;border-radius:var(--g-border-radius-l)}.g-select-clear_size_xl{height:44px;width:44px;border-radius:var(--g-border-radius-xl)}.g-select-clear__clear{color:var(--g-color-text-secondary)}.g-select-clear:hover .g-select-clear__clear{color:var(--g-color-text-primary)}.g-tabs{--_--vertical-item-padding:var(--g-tabs-vertical-item-padding,6px 20px);--_--vertical-item-height:var(--g-tabs-vertical-item-height,18px)}.g-tabs_size_m{--_--item-height:36px;--_--item-gap:24px;--_--item-border-width:2px}.g-tabs_size_m .g-tabs__item-counter,.g-tabs_size_m .g-tabs__item-title{font-size:var(--g-text-body-1-font-size);line-height:var(--g-text-body-1-line-height);font-weight:var(--g-text-body-font-weight)}.g-tabs_size_l{--_--item-height:40px;--_--item-gap:28px;--_--item-border-width:2px}.g-tabs_size_l .g-tabs__item-counter,.g-tabs_size_l .g-tabs__item-title{font-size:var(--g-text-body-2-font-size);line-height:var(--g-text-body-2-line-height);font-weight:var(--g-text-body-font-weight)}.g-tabs_size_xl{--_--item-height:44px;--_--item-gap:32px;--_--item-border-width:3px}.g-tabs_size_xl .g-tabs__item-counter,.g-tabs_size_xl .g-tabs__item-title{font-size:var(--g-text-subheader-3-font-size);line-height:var(--g-text-subheader-3-line-height);font-weight:var(--g-text-subheader-font-weight)}.g-tabs__item{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.g-tabs__item-content{display:flex;align-items:center;border-radius:var(--g-focus-border-radius)}.g-tabs__item_overflow .g-tabs__item-content{min-width:0}.g-tabs__item-icon{margin-inline-end:8px}.g-tabs__item-title{white-space:nowrap}.g-tabs__item_overflow .g-tabs__item-title{overflow:hidden;text-overflow:ellipsis}.g-tabs__item-counter,.g-tabs__item-label{margin-inline-start:8px}.g-tabs__item-icon>svg{display:block}.g-tabs_direction_horizontal{display:flex;align-items:flex-end;flex-wrap:wrap;box-shadow:inset 0 calc(var(--g-tabs-border-width, 1px) * -1) 0 0 var(--g-color-line-generic);overflow:hidden}.g-tabs_direction_horizontal .g-tabs__item{display:flex;align-items:center;box-sizing:border-box;height:var(--g-tabs-item-height,var(--_--item-height));border-block-end:var(--g-tabs-item-border-width,var(--_--item-border-width)) solid #0000;padding-block-start:var(--_--item-border-width)}.g-tabs_direction_horizontal .g-tabs__item:focus-visible .g-tabs__item-content{outline:2px solid var(--g-color-line-focus);outline-offset:-2px}.g-tabs_direction_horizontal .g-tabs__item-meta{display:none}.g-tabs_direction_horizontal .g-tabs__item-title{color:var(--g-color-text-secondary)}.g-tabs_direction_horizontal .g-tabs__item-counter,.g-tabs_direction_horizontal .g-tabs__item-icon{color:var(--g-color-text-hint)}.g-tabs_direction_horizontal .g-tabs__item:focus-visible .g-tabs__item-title,.g-tabs_direction_horizontal .g-tabs__item:hover .g-tabs__item-title,.g-tabs_direction_horizontal .g-tabs__item_active .g-tabs__item-title{color:var(--g-color-text-primary)}.g-tabs_direction_horizontal .g-tabs__item:focus-visible .g-tabs__item-counter,.g-tabs_direction_horizontal .g-tabs__item:focus-visible .g-tabs__item-icon,.g-tabs_direction_horizontal .g-tabs__item:hover .g-tabs__item-counter,.g-tabs_direction_horizontal .g-tabs__item:hover .g-tabs__item-icon,.g-tabs_direction_horizontal .g-tabs__item_active .g-tabs__item-counter,.g-tabs_direction_horizontal .g-tabs__item_active .g-tabs__item-icon{color:var(--g-color-text-secondary)}.g-tabs_direction_horizontal .g-tabs__item_active,.g-tabs_direction_horizontal .g-tabs__item_active:focus-visible,.g-tabs_direction_horizontal .g-tabs__item_active:hover{border-color:var(--g-color-line-brand)}.g-tabs_direction_horizontal .g-tabs__item_disabled{pointer-events:none}.g-tabs_direction_horizontal .g-tabs__item_disabled .g-tabs__item-title{color:var(--g-color-text-hint)}.g-tabs_direction_horizontal>:not(:last-child){margin-inline-end:var(--g-tabs-item-gap,var(--_--item-gap))}.g-tabs_direction_vertical{display:flex;flex-direction:column}.g-tabs_direction_vertical .g-tabs__item{padding:var(--_--vertical-item-padding)}.g-tabs_direction_vertical .g-tabs__item-title{line-height:var(--_--vertical-item-height);color:var(--g-color-text-primary)}.g-tabs_direction_vertical .g-tabs__item-meta{line-height:var(--_--vertical-item-height);color:var(--g-color-text-secondary)}.g-tabs_direction_vertical .g-tabs__item-counter,.g-tabs_direction_vertical .g-tabs__item-icon{color:var(--g-color-text-secondary)}.g-tabs_direction_vertical .g-tabs__item:focus-visible,.g-tabs_direction_vertical .g-tabs__item:hover{background-color:var(--g-color-base-generic-hover)}.g-tabs_direction_vertical .g-tabs__item_active{background-color:var(--g-color-base-selection)}.g-tabs_direction_vertical .g-tabs__item_active:focus-visible,.g-tabs_direction_vertical .g-tabs__item_active:hover{background-color:var(--g-color-base-selection-hover)}.g-tabs_direction_vertical .g-tabs__item_disabled{pointer-events:none}.g-tabs_direction_vertical .g-tabs__item_disabled .g-tabs__item-title{color:var(--g-color-text-secondary)}.g-select-popup{display:flex;flex-direction:column;max-height:90vh}.g-label{--_--bg-color:none;--_--bg-color-hover:none;--_--text-color:none;display:inline-flex;align-items:center;position:relative;height:var(--_--height);border-radius:var(--_--border-radius);color:var(--_--text-color);background-color:var(--_--bg-color);transition-property:opacity,color,background-color;transition-duration:.15s;transition-timing-function:ease-in-out;box-sizing:border-box;isolation:isolate}.g-label__text{font-size:var(--g-text-body-1-font-size);line-height:var(--g-text-body-1-line-height);font-weight:var(--g-text-body-font-weight);display:flex;align-items:baseline;margin:0 var(--_--margin-inline);width:100%;line-height:var(--_--height);text-align:center;white-space:nowrap;overflow:hidden}.g-label__content,.g-label__key{text-overflow:ellipsis;overflow:hidden}.g-label__value{display:flex;opacity:.7;overflow:hidden}.g-label__separator{margin:0 4px}.g-label__main-button{padding:0;font-family:var(--g-text-body-font-family);font-size:inherit;font-weight:var(--g-text-body-font-weight);color:inherit;background:none;border:none;outline:none;cursor:pointer;border-radius:inherit;z-index:1}.g-label__main-button:empty{position:absolute;inset:0}.g-label__addon{display:flex;align-items:center;justify-content:center;width:var(--_--height);height:var(--_--height);border-radius:var(--_--border-radius)}.g-label__addon_side_end,.g-label__addon_side_start{position:absolute;inset-block-start:0}.g-label__addon_side_start{inset-inline-start:2px;border-start-end-radius:0;border-end-end-radius:0}.g-label__addon_side_end{inset-inline-end:0;border-start-start-radius:0;border-end-start-radius:0}.g-label__addon_type_button{padding:0;font-family:var(--g-text-body-font-family);font-size:inherit;font-weight:var(--g-text-body-font-weight);color:inherit;background:none;border:none;outline:none;z-index:2;cursor:pointer;color:var(--_--text-color);background-color:initial;transition:color .15s ease-in-out,background-color .15s ease-in-out,transform .1s ease-out}.g-label__addon_type_button:active{transform:scale(.96)}.g-label_size_xs{--_--height:20px;--_--border-radius:var(--g-border-radius-xs);--_--margin-inline:8px;--_--margin-addon-start:24px;--_--margin-addon-end:22px}.g-label_size_s{--_--height:24px;--_--border-radius:var(--g-border-radius-s);--_--margin-inline:10px;--_--margin-addon-start:28px;--_--margin-addon-end:26px}.g-label_size_m{--_--height:28px;--_--border-radius:var(--g-border-radius-m);--_--margin-inline:12px;--_--margin-addon-start:32px;--_--margin-addon-end:32px}.g-label_disabled{opacity:.7;pointer-events:none}.g-label_interactive{cursor:pointer}.g-label_theme_normal{--_--bg-color:var(--g-color-base-misc-light);--_--bg-color-hover:var(--g-color-base-misc-light-hover);--_--text-color:var(--g-color-text-misc-heavy)}.g-label_theme_success{--_--bg-color:var(--g-color-base-positive-light);--_--bg-color-hover:var(--g-color-base-positive-light-hover);--_--text-color:var(--g-color-text-positive-heavy)}.g-label_theme_info{--_--bg-color:var(--g-color-base-info-light);--_--bg-color-hover:var(--g-color-base-info-light-hover);--_--text-color:var(--g-color-text-info-heavy)}.g-label_theme_warning{--_--bg-color:var(--g-color-base-warning-light);--_--bg-color-hover:var(--g-color-base-warning-light-hover);--_--text-color:var(--g-color-text-warning-heavy)}.g-label_theme_danger{--_--bg-color:var(--g-color-base-danger-light);--_--bg-color-hover:var(--g-color-base-danger-light-hover);--_--text-color:var(--g-color-text-danger-heavy)}.g-label_theme_utility{--_--bg-color:var(--g-color-base-utility-light);--_--bg-color-hover:var(--g-color-base-utility-light-hover);--_--text-color:var(--g-color-text-utility-heavy)}.g-label_theme_unknown{--_--bg-color:var(--g-color-base-neutral-light);--_--bg-color-hover:var(--g-color-base-neutral-light-hover);--_--text-color:var(--g-color-text-complementary)}.g-label_theme_clear{--_--bg-color:#0000;--_--bg-color-hover:var(--g-color-base-simple-hover);--_--text-color:var(--g-color-text-complementary);box-shadow:inset 0 0 0 1px var(--g-color-line-generic)}.g-label:has(.g-label__addon_side_start) .g-label__text{margin-inline-start:var(--_--margin-addon-start)}.g-label:has(.g-label__addon_side_end) .g-label__text{margin-inline-end:var(--_--margin-addon-end)}.g-label__addon_type_button:hover,.g-label_interactive:hover:not(:has(.g-label__addon_type_button:hover)){background-color:var(--_--bg-color-hover)}.g-label__addon_type_button:focus-visible,.g-label__main-button:focus-visible{outline:2px solid var(--g-color-line-focus)}.g-switch{position:relative}.g-switch__control{opacity:0;cursor:pointer}.g-switch__indicator{display:inline-block;position:relative}.g-switch__indicator:before{content:"";position:absolute;inset:0;background-color:var(--g-color-base-generic-medium);transition:background .1s linear}.g-switch__indicator:after{content:" ";visibility:hidden}.g-switch__slider{position:absolute;content:"";border-radius:50%;background-color:var(--g-color-base-background);transition:transform .15s ease-out}.g-switch__outline{position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;background:none;pointer-events:none}.g-switch__control:focus-visible+.g-switch__outline{outline:2px solid var(--g-color-line-focus)}.g-switch_size_m .g-switch__indicator,.g-switch_size_m .g-switch__indicator:before,.g-switch_size_m .g-switch__outline{width:36px;height:20px;border-radius:10px}.g-switch_size_m .g-switch__slider{inset-block-start:2px;inset-inline-start:2px;width:16px;height:16px}.g-switch_size_m .g-switch__text{margin-block-start:3px}.g-switch_size_l .g-switch__indicator,.g-switch_size_l .g-switch__indicator:before,.g-switch_size_l .g-switch__outline{width:42px;height:24px;border-radius:12px}.g-switch_size_l .g-switch__slider{inset-block-start:3px;inset-inline-start:3px;width:18px;height:18px}.g-switch_size_l .g-switch__text{margin-block-start:4px}.g-switch:hover .g-switch__indicator:before{background-color:var(--g-color-base-generic-medium-hover)}.g-switch_checked .g-switch__slider{--_--translate-x:calc(100% * var(--g-flow-direction));transform:translateX(var(--_--translate-x))}.g-switch_checked .g-switch__indicator:before,.g-switch_checked:hover .g-switch__indicator:before{background-color:var(--g-color-base-brand)}.g-switch_disabled .g-switch__indicator:before{background-color:var(--g-color-base-generic-accent-disabled)}.g-switch_disabled.g-switch_checked .g-switch__indicator:before{background-color:var(--g-color-base-brand);opacity:.5}.g-spin{display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:g-spin 1s linear infinite}.g-spin__inner{box-sizing:border-box;height:100%;width:50%;margin-inline-start:50%;border:2px solid var(--g-color-line-brand);border-inline-start:none;border-start-end-radius:25px;border-end-end-radius:25px}.g-spin_size_xs{width:16px;height:16px}.g-spin_size_s{width:24px;height:24px}.g-spin_size_m{width:28px;height:28px}.g-spin_size_l{width:32px;height:32px}.g-spin_size_xl{width:36px;height:36px}@keyframes g-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.g-sheet{position:fixed;z-index:100000}.g-sheet,.g-sheet__veil{inset-block-start:0;inset-inline-start:0;width:100%;height:100%}.g-sheet__veil{position:absolute;background-color:var(--g-color-sfx-veil);opacity:0;will-change:opacity}.g-sheet__veil_with-transition{transition:opacity .3s ease}.g-sheet__sheet{position:absolute;inset-block-start:100%;inset-inline-start:0;width:100%;max-height:90%;will-change:transform}.g-sheet__sheet_with-transition{transition:transform .3s ease}.g-sheet__sheet-swipe-area{position:absolute;inset-block-start:-20px;inset-inline-start:0;width:100%;height:40px;z-index:1}.g-sheet__sheet-top{position:relative;height:20px;border-start-start-radius:20px;border-start-end-radius:20px;background-color:var(--g-color-base-float)}.g-sheet__sheet-top-resizer{--_--translate-x:calc(-50% * var(--g-flow-direction));position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translateX(var(--_--translate-x)) translateY(-50%);width:40px;height:4px;border-radius:4px;background-color:var(--g-color-line-generic)}.g-sheet__sheet-content{box-sizing:border-box;width:100%;padding:var(--g-sheet-content-padding,0 10px);max-height:calc(90% - 20px);overflow:hidden auto;overscroll-behavior-y:contain;background-color:var(--g-color-base-float);transition:height .3s ease}.g-sheet__sheet-content_without-scroll{overflow:hidden}.g-sheet__sheet-content-title{padding-block-end:8px;font-size:var(--g-text-body-2-font-size);line-height:28px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
\ No newline at end of file
+  );height:calc(44px - var(--_--input-control-border-width) * 2);padding:11px 12px}.g-text-input_size_xl .g-text-input__control,.g-text-input_size_xl .g-text-input__label{font-size:var(--g-text-body-2-font-size);line-height:var(--g-text-body-2-line-height);font-weight:var(--g-text-body-font-weight)}.g-text-input_size_xl .g-text-input__label{padding-block:11px;padding-inline:12px 4px;font-weight:var(--g-text-accent-font-weight)}.g-text-input_size_xl.g-text-input_has-start-content .g-text-input__label{padding-inline-start:3px}.g-text-input_size_xl .g-text-input__additional-content{height:42px}.g-text-input_size_xl .g-text-input__additional-content_placement_start{padding-inline-start:3px}.g-text-input_size_xl .g-text-input__additional-content_placement_end{padding-inline-end:3px}.g-text-input_view_normal{--_--border-color:var(--g-color-line-generic);--_--border-color-hover:var(--g-color-line-generic-hover);--_--border-color-active:var(--g-color-line-generic-active)}.g-text-input_view_clear{--_--border-color:#0000;--_--border-color-hover:#0000;--_--border-color-active:#0000;--_--border-radius:0}.g-text-input_view_clear .g-text-input__content{border-inline:0}.g-text-input_view_clear .g-text-input__control{padding-inline:0}.g-text-input.g-text-input_pin_round-round .g-text-input__content{border-radius:var(--g-text-input-border-radius,var(--_--border-radius))}.g-text-input.g-text-input_pin_brick-brick .g-text-input__content{border-radius:0}.g-text-input.g-text-input_pin_clear-clear .g-text-input__content{border-radius:0;border-inline:0}.g-text-input.g-text-input_pin_circle-circle .g-text-input__content{border-radius:100px}.g-text-input.g-text-input_pin_round-brick .g-text-input__content{border-start-start-radius:var(--g-text-input-border-radius,var(--_--border-radius));border-start-end-radius:0;border-end-start-radius:var(--g-text-input-border-radius,var(--_--border-radius));border-end-end-radius:0}.g-text-input.g-text-input_pin_brick-round .g-text-input__content{border-start-start-radius:0;border-start-end-radius:var(--g-text-input-border-radius,var(--_--border-radius));border-end-start-radius:0;border-end-end-radius:var(--g-text-input-border-radius,var(--_--border-radius))}.g-text-input.g-text-input_pin_round-clear .g-text-input__content{border-start-start-radius:var(--g-text-input-border-radius,var(--_--border-radius));border-start-end-radius:0;border-end-start-radius:var(--g-text-input-border-radius,var(--_--border-radius));border-end-end-radius:0;border-inline-end:0}.g-text-input.g-text-input_pin_clear-round .g-text-input__content{border-start-start-radius:0;border-start-end-radius:var(--g-text-input-border-radius,var(--_--border-radius));border-end-start-radius:0;border-end-end-radius:var(--g-text-input-border-radius,var(--_--border-radius));border-inline-start:0}.g-text-input.g-text-input_pin_brick-clear .g-text-input__content{border-radius:0;border-inline-end:0}.g-text-input.g-text-input_pin_clear-brick .g-text-input__content{border-radius:0;border-inline-start:0}.g-text-input.g-text-input_pin_circle-brick .g-text-input__content{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0}.g-text-input.g-text-input_pin_brick-circle .g-text-input__content{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px}.g-text-input.g-text-input_pin_circle-clear .g-text-input__content{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0;border-inline-end:0}.g-text-input.g-text-input_pin_clear-circle .g-text-input__content{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px;border-inline-start:0}.g-text-input_disabled{--_--text-color:var(--g-color-text-hint);--_--background-color:var(--g-color-base-generic-accent-disabled);--_--border-color:#0000;--_--border-color-hover:#0000;--_--border-color-active:#0000}.g-text-input_has-scrollbar .g-text-input__clear{inset-inline-end:var(--g-scrollbar-width)}.g-text-input_has-start-content .g-text-input__control{padding-inline-start:2px}.g-text-input_has-end-content .g-text-input__control{padding-inline-end:2px}.g-text-input_state_error.g-text-input_view_normal .g-text-input__content,.g-text-input_state_error.g-text-input_view_normal .g-text-input__content:focus-within,.g-text-input_state_error.g-text-input_view_normal .g-text-input__content:hover{border-color:var(--g-color-line-danger)}.g-text-input_state_error.g-text-input_view_normal .g-text-input__content:focus-within{--_--focus-outline-color:var(--g-color-line-danger)}.g-text-input_state_error.g-text-input_view_clear .g-text-input__content,.g-text-input_state_error.g-text-input_view_clear .g-text-input__content:focus-within,.g-text-input_state_error.g-text-input_view_clear .g-text-input__content:hover{border-block-end:1px solid var(--g-color-line-danger)}.g-text-input_state_error.g-text-input_view_clear .g-text-input__content:focus-within{--_--focus-outline-color:var(--g-color-line-danger)}.g-clear-button{--g-button-text-color:var(--g-color-text-hint);--g-button-text-color-hover:var(--g-color-text-primary);--g-button-background-color:#0000;--g-button-background-color-hover:#0000}.g-outer-additional-content{display:flex;justify-content:space-between;vertical-align:top}.g-outer-additional-content__error,.g-outer-additional-content__note{margin-block-start:2px}.g-outer-additional-content__error{font-size:var(--g-text-body-1-font-size);line-height:var(--g-text-body-1-line-height);font-weight:var(--g-text-body-font-weight);color:var(--g-color-text-danger)}.g-outer-additional-content__error:not(:last-child){margin-inline-end:var(--g-spacing-2)}.g-outer-additional-content__note{margin-inline-start:auto}.g-select-filter .g-select-filter__input,.g-select-filter .g-select-filter__input:focus,.g-select-filter .g-select-filter__input:hover{border-color:var(--g-color-line-generic-active)}.g-select-list{display:flex;margin:4px 0;overflow:hidden}.g-popup .g-select-list:first-child,.g-popup .g-select-list:last-child{border-radius:0}.g-select-list:not(.g-select-list_virtualized){overflow:auto}.g-select-list_mobile{max-height:calc(90vh - 20px)}.g-select-list__group-label,.g-select-list__group-label-custom{box-sizing:border-box;position:relative;width:100%;height:auto;padding:0}.g-select-list__group-label{font-size:var(--g-text-body-1-font-size)}.g-select-list_size_s .g-select-list__group-label:not(.g-select-list__group-label_empty){height:24px;padding:8px 8px 4px}.g-select-list_size_m .g-select-list__group-label:not(.g-select-list__group-label_empty){height:28px;padding:8px 8px 4px}.g-select-list_size_l .g-select-list__group-label:not(.g-select-list__group-label_empty){height:36px;padding:10px 12px 6px}.g-select-list_size_xl .g-select-list__group-label:not(.g-select-list__group-label_empty){height:44px;padding:12px 12px 8px;font-size:var(--g-text-body-2-font-size)}.g-select-list_mobile .g-select-list__group-label:not(.g-select-list__group-label_empty){height:36px;padding:12px 12px 8px;font-size:var(--g-text-body-2-font-size)}.g-select-list__item:not(:first-child) .g-select-list__group-label{margin-block-start:5px}.g-select-list__item:not(:first-child) .g-select-list__group-label:before{content:"";position:absolute;inset-block-start:-3px;inset-inline-start:0;width:100%;height:1px;background-color:var(--g-color-line-generic)}.g-select-list__group-label-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--g-text-accent-font-weight);width:100%}.g-select-list__item.g-list__item_selected{background:none}.g-select-list__item.g-list__item_active,.g-select-list__item.g-list__item_selected:hover{background:var(--g-color-base-simple-hover)}.g-select-list__option{box-sizing:border-box;display:flex;align-items:center;width:100%;height:100%;cursor:pointer}.g-select-list_size_s .g-select-list__option{padding:0 8px;--_--select-tick-icon-padding-right:calc(8px / 2)}.g-select-list_size_s .g-select-list__option .g-select-list__option-default-label{height:24px;line-height:24px}.g-select-list_size_m .g-select-list__option{padding:0 8px;--_--select-tick-icon-padding-right:calc(8px / 2)}.g-select-list_size_m .g-select-list__option .g-select-list__option-default-label{height:28px;line-height:28px}.g-select-list_size_l .g-select-list__option{padding:0 12px;--_--select-tick-icon-padding-right:calc(12px / 2)}.g-select-list_size_l .g-select-list__option .g-select-list__option-default-label{height:36px;line-height:36px}.g-select-list_size_xl .g-select-list__option{padding:0 12px;--_--select-tick-icon-padding-right:calc(12px / 2)}.g-select-list_size_xl .g-select-list__option .g-select-list__option-default-label{height:44px;line-height:44px;font-size:var(--g-text-body-2-font-size)}.g-select-list_mobile .g-select-list__option{padding:0 12px}.g-select-list_mobile .g-select-list__option .g-select-list__option-default-label{height:36px;line-height:36px;font-size:var(--g-text-body-2-font-size)}.g-select-list_mobile .g-select-list__option .g-select-list__tick-icon{padding-inline-end:calc(12px / 2)}.g-select-list__option_colored{background-color:var(--g-color-base-selection)}.g-select-list__option_disabled{cursor:default}.g-select-list__option-default-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--g-text-body-1-font-size);width:100%}.g-select-list__option-default-label_disabled{color:var(--g-color-text-secondary)}.g-select-list__tick-icon{box-sizing:initial;flex:0 0 16px;visibility:hidden;color:var(--g-color-text-info);padding-inline-end:var(--_--select-tick-icon-padding-right)}.g-select-list__tick-icon_shown{visibility:visible}.g-select-list__loading-indicator{display:flex;width:100%;align-items:center;justify-content:center}.g-select-empty-placeholder{margin:4px;color:var(--g-color-text-hint)}.g-select-empty-placeholder_empty{margin-block-start:0}.g-select-control{--_--focus-outline-color:var(--g-select-focus-outline-color);padding:0;font-family:var(--g-text-body-font-family);font-size:inherit;font-weight:var(--g-text-body-font-weight);color:inherit;background:none;border:none;outline:none;cursor:pointer;position:relative;display:inline-flex;align-items:center;box-sizing:border-box;transition:transform .1s ease-out;width:100%;z-index:0}.g-select-control_disabled{cursor:default}.g-select-control_size_s{--_--text-right-padding:8px;--_--border-radius:var(--g-border-radius-s);height:24px;padding:4px calc(var(--_--text-right-padding) + 1px)}.g-select-control_size_m{--_--text-right-padding:8px;--_--border-radius:var(--g-border-radius-m);height:28px;padding:6px calc(var(--_--text-right-padding) + 1px)}.g-select-control_size_l{--_--text-right-padding:12px;--_--border-radius:var(--g-border-radius-l);height:36px;padding:10px calc(var(--_--text-right-padding) + 1px)}.g-select-control_size_xl{--_--text-right-padding:12px;--_--border-radius:var(--g-border-radius-xl);height:44px;padding:12px calc(var(--_--text-right-padding) + 1px)}.g-select-control__button{padding:0;font-family:var(--g-text-body-font-family);font-size:inherit;font-weight:var(--g-text-body-font-weight);color:inherit;background:none;border:none;outline:none;cursor:pointer;display:inline-flex;align-items:center;overflow:hidden;width:100%;height:100%;transition:color .15s linear,background-color .15s linear}.g-select-control__button.g-select-control__button_pin_round-round:before{border-radius:var(--_--border-radius)}.g-select-control__button.g-select-control__button_pin_brick-brick:before{border-radius:0}.g-select-control__button.g-select-control__button_pin_clear-clear:before{border-radius:0;border-inline:0}.g-select-control__button.g-select-control__button_pin_circle-circle:before{border-radius:100px}.g-select-control__button.g-select-control__button_pin_round-brick:before{border-start-start-radius:var(--_--border-radius);border-start-end-radius:0;border-end-start-radius:var(--_--border-radius);border-end-end-radius:0}.g-select-control__button.g-select-control__button_pin_brick-round:before{border-start-start-radius:0;border-start-end-radius:var(--_--border-radius);border-end-start-radius:0;border-end-end-radius:var(--_--border-radius)}.g-select-control__button.g-select-control__button_pin_round-clear:before{border-start-start-radius:var(--_--border-radius);border-start-end-radius:0;border-end-start-radius:var(--_--border-radius);border-end-end-radius:0;border-inline-end:0}.g-select-control__button.g-select-control__button_pin_clear-round:before{border-start-start-radius:0;border-start-end-radius:var(--_--border-radius);border-end-start-radius:0;border-end-end-radius:var(--_--border-radius);border-inline-start:0}.g-select-control__button.g-select-control__button_pin_brick-clear:before{border-radius:0;border-inline-end:0}.g-select-control__button.g-select-control__button_pin_clear-brick:before{border-radius:0;border-inline-start:0}.g-select-control__button.g-select-control__button_pin_circle-brick:before{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0}.g-select-control__button.g-select-control__button_pin_brick-circle:before{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px}.g-select-control__button.g-select-control__button_pin_circle-clear:before{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0;border-inline-end:0}.g-select-control__button.g-select-control__button_pin_clear-circle:before{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px;border-inline-start:0}.g-select-control__button.g-select-control__button_pin_round-round:after{border-radius:var(--_--border-radius)}.g-select-control__button.g-select-control__button_pin_brick-brick:after{border-radius:0}.g-select-control__button.g-select-control__button_pin_clear-clear:after{border-radius:0;border-inline:0}.g-select-control__button.g-select-control__button_pin_circle-circle:after{border-radius:100px}.g-select-control__button.g-select-control__button_pin_round-brick:after{border-start-start-radius:var(--_--border-radius);border-start-end-radius:0;border-end-start-radius:var(--_--border-radius);border-end-end-radius:0}.g-select-control__button.g-select-control__button_pin_brick-round:after{border-start-start-radius:0;border-start-end-radius:var(--_--border-radius);border-end-start-radius:0;border-end-end-radius:var(--_--border-radius)}.g-select-control__button.g-select-control__button_pin_round-clear:after{border-start-start-radius:var(--_--border-radius);border-start-end-radius:0;border-end-start-radius:var(--_--border-radius);border-end-end-radius:0;border-inline-end:0}.g-select-control__button.g-select-control__button_pin_clear-round:after{border-start-start-radius:0;border-start-end-radius:var(--_--border-radius);border-end-start-radius:0;border-end-end-radius:var(--_--border-radius);border-inline-start:0}.g-select-control__button.g-select-control__button_pin_brick-clear:after{border-radius:0;border-inline-end:0}.g-select-control__button.g-select-control__button_pin_clear-brick:after{border-radius:0;border-inline-start:0}.g-select-control__button.g-select-control__button_pin_circle-brick:after{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0}.g-select-control__button.g-select-control__button_pin_brick-circle:after{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px}.g-select-control__button.g-select-control__button_pin_circle-clear:after{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0;border-inline-end:0}.g-select-control__button.g-select-control__button_pin_clear-circle:after{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px;border-inline-start:0}.g-select-control__button:before{content:"";position:absolute;inset:0;border:1px solid var(--g-color-line-generic);border-radius:var(--_--border-radius)}.g-select-control__button:after{content:"";position:absolute;inset:0;z-index:-1}.g-select-control__button_view_clear,.g-select-control__button_view_clear:after,.g-select-control__button_view_clear:before{border-color:#0000}.g-select-control__button_size_l,.g-select-control__button_size_m,.g-select-control__button_size_s{font-size:var(--g-text-body-short-font-size);line-height:var(--g-text-body-short-line-height);font-weight:var(--g-text-body-font-weight)}.g-select-control__button_size_xl{font-size:var(--g-text-body-2-font-size);line-height:var(--g-text-body-2-line-height);font-weight:var(--g-text-body-font-weight)}.g-select-control__button_error:before{--_--focus-outline-color:var(--g-color-line-danger);border-color:var(--g-color-line-danger)}.g-select-control__button:hover:after{background-color:var(--g-color-base-simple-hover)}.g-select-control__button_disabled{color:var(--g-color-text-hint);pointer-events:none}.g-select-control__button_disabled:after{background-color:var(--g-color-base-generic-accent-disabled)}.g-select-control__button_disabled:before{border-color:#0000}.g-select-control__button:not(.g-select-control__button_error):not(.g-select-control__button_disabled):not(.g-select-control__button_view_clear):hover:before{border-color:var(--g-color-line-generic-hover)}.g-select-control__button:not(.g-select-control__button_error):not(.g-select-control__button_view_clear):focus-visible:before,.g-select-control__button_open:not(.g-select-control__button_error):not(.g-select-control__button_view_clear):before{border-color:var(--g-color-line-generic-active)}.g-select-control__button:focus-visible:before{outline:2px solid var(--g-select-focus-outline-color,var(--_--focus-outline-color));outline-offset:-1px}.g-select-control:not(.g-select-control_disabled):not(.g-select-control_no-active):active{transform:scale(.96)}.g-select-control__label{font-weight:var(--g-text-accent-font-weight);overflow:hidden;text-overflow:ellipsis;flex-shrink:0;max-width:50%;margin-inline-end:4px;white-space:nowrap}.g-select-control__option-text,.g-select-control__placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline-end:var(--_--text-right-padding)}.g-select-control_has-clear.g-select-control_size_s .g-select-control__button_disabled .g-select-control__option-text,.g-select-control_has-clear.g-select-control_size_s .g-select-control__button_disabled .g-select-control__placeholder{padding-inline-end:calc(24px + var(--_--text-right-padding))}.g-select-control_has-clear.g-select-control_size_m .g-select-control__button_disabled .g-select-control__option-text,.g-select-control_has-clear.g-select-control_size_m .g-select-control__button_disabled .g-select-control__placeholder{padding-inline-end:calc(28px + var(--_--text-right-padding))}.g-select-control_has-clear.g-select-control_size_l .g-select-control__button_disabled .g-select-control__option-text,.g-select-control_has-clear.g-select-control_size_l .g-select-control__button_disabled .g-select-control__placeholder{padding-inline-end:calc(36px + var(--_--text-right-padding))}.g-select-control_has-clear.g-select-control_size_xl .g-select-control__button_disabled .g-select-control__option-text,.g-select-control_has-clear.g-select-control_size_xl .g-select-control__button_disabled .g-select-control__placeholder{padding-inline-end:calc(44px + var(--_--text-right-padding))}.g-select-control__placeholder{color:var(--g-color-text-hint)}.g-select-control_has-clear:not(.g-select-control_has-value).g-select-control_size_s .g-select-control__button:not(.g-select-control__button_disabled) .g-select-control__placeholder{padding-inline-end:calc(24px + var(--_--text-right-padding))}.g-select-control_has-clear:not(.g-select-control_has-value).g-select-control_size_m .g-select-control__button:not(.g-select-control__button_disabled) .g-select-control__placeholder{padding-inline-end:calc(28px + var(--_--text-right-padding))}.g-select-control_has-clear:not(.g-select-control_has-value).g-select-control_size_l .g-select-control__button:not(.g-select-control__button_disabled) .g-select-control__placeholder{padding-inline-end:calc(36px + var(--_--text-right-padding))}.g-select-control_has-clear:not(.g-select-control_has-value).g-select-control_size_xl .g-select-control__button:not(.g-select-control__button_disabled) .g-select-control__placeholder{padding-inline-end:calc(44px + var(--_--text-right-padding))}.g-select-control__chevron-icon{flex:0 0 16px;margin-inline-start:auto;color:var(--g-color-text-secondary)}.g-select-control__chevron-icon_disabled{color:var(--g-color-text-hint)}.g-select-clear+.g-select-control__chevron-icon{margin-inline-start:0}.g-select-control__error-icon{padding:0;font-family:var(--g-text-body-font-family);font-size:inherit;font-weight:var(--g-text-body-font-weight);color:inherit;background:none;border:none;outline:none;cursor:pointer;box-sizing:initial;color:var(--g-color-text-danger);padding:var(--_--text-input-error-icon-padding);border-radius:var(--g-focus-border-radius)}.g-select-control__error-icon:focus{outline:2px solid var(--g-color-line-focus)}.g-select-control__error-icon:focus:not(:focus-visible){outline:0}.g-select-counter{display:flex;justify-content:center;align-items:center;margin-inline:4px;background-color:var(--g-color-base-generic)}.g-select-counter__text{margin-inline:4px;flex-grow:1;text-align:center}.g-select-counter_size_xl .g-select-counter__text{margin-inline:6px}.g-select-counter_size_s{border-radius:var(--g-border-radius-xs);height:20px;min-width:20px}.g-select-counter_size_m{border-radius:var(--g-border-radius-s);height:24px;min-width:24px}.g-select-counter_size_l{border-radius:var(--g-border-radius-m);height:28px;min-width:28px}.g-select-counter_size_xl{border-radius:var(--g-border-radius-l);margin-inline:4px;height:36px;min-width:36px}.g-control-label{display:inline-flex;font-family:var(--g-text-body-font-family);font-weight:var(--g-text-body-font-weight);color:var(--g-color-text-primary);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}.g-control-label_disabled{cursor:default;pointer-events:none}.g-control-label_size_m{font-size:var(--g-text-body-1-font-size);line-height:15px}.g-control-label_size_l{font-size:var(--g-text-body-2-font-size);line-height:18px}.g-control-label__indicator{flex-shrink:0}.g-control-label__text{flex-grow:1;white-space:normal}.g-control-label_disabled .g-control-label__text{opacity:.6}.g-control-label_size_m .g-control-label__text{margin-inline-start:5px}.g-control-label_size_l .g-control-label__text{margin-inline-start:7px}.g-select-clear{padding:0;font-family:var(--g-text-body-font-family);font-size:inherit;font-weight:var(--g-text-body-font-weight);color:inherit;background:none;border:none;outline:none;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;margin-inline-start:auto;z-index:1}.g-select-clear:focus-visible{border:1px solid var(--g-color-line-generic-active)}.g-select-clear_size_s{height:24px;width:24px;border-radius:var(--g-border-radius-s)}.g-select-clear_size_m{height:28px;width:28px;border-radius:var(--g-border-radius-m)}.g-select-clear_size_l{height:36px;width:36px;border-radius:var(--g-border-radius-l)}.g-select-clear_size_xl{height:44px;width:44px;border-radius:var(--g-border-radius-xl)}.g-select-clear__clear{color:var(--g-color-text-secondary)}.g-select-clear:hover .g-select-clear__clear{color:var(--g-color-text-primary)}.g-select-popup{display:flex;flex-direction:column;max-height:90vh}.g-tabs{--_--vertical-item-padding:var(--g-tabs-vertical-item-padding,6px 20px);--_--vertical-item-height:var(--g-tabs-vertical-item-height,18px)}.g-tabs_size_m{--_--item-height:36px;--_--item-gap:24px;--_--item-border-width:2px}.g-tabs_size_m .g-tabs__item-counter,.g-tabs_size_m .g-tabs__item-title{font-size:var(--g-text-body-1-font-size);line-height:var(--g-text-body-1-line-height);font-weight:var(--g-text-body-font-weight)}.g-tabs_size_l{--_--item-height:40px;--_--item-gap:28px;--_--item-border-width:2px}.g-tabs_size_l .g-tabs__item-counter,.g-tabs_size_l .g-tabs__item-title{font-size:var(--g-text-body-2-font-size);line-height:var(--g-text-body-2-line-height);font-weight:var(--g-text-body-font-weight)}.g-tabs_size_xl{--_--item-height:44px;--_--item-gap:32px;--_--item-border-width:3px}.g-tabs_size_xl .g-tabs__item-counter,.g-tabs_size_xl .g-tabs__item-title{font-size:var(--g-text-subheader-3-font-size);line-height:var(--g-text-subheader-3-line-height);font-weight:var(--g-text-subheader-font-weight)}.g-tabs__item{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.g-tabs__item-content{display:flex;align-items:center;border-radius:var(--g-focus-border-radius)}.g-tabs__item_overflow .g-tabs__item-content{min-width:0}.g-tabs__item-icon{margin-inline-end:8px}.g-tabs__item-title{white-space:nowrap}.g-tabs__item_overflow .g-tabs__item-title{overflow:hidden;text-overflow:ellipsis}.g-tabs__item-counter,.g-tabs__item-label{margin-inline-start:8px}.g-tabs__item-icon>svg{display:block}.g-tabs_direction_horizontal{display:flex;align-items:flex-end;flex-wrap:wrap;box-shadow:inset 0 calc(var(--g-tabs-border-width, 1px) * -1) 0 0 var(--g-color-line-generic);overflow:hidden}.g-tabs_direction_horizontal .g-tabs__item{display:flex;align-items:center;box-sizing:border-box;height:var(--g-tabs-item-height,var(--_--item-height));border-block-end:var(--g-tabs-item-border-width,var(--_--item-border-width)) solid #0000;padding-block-start:var(--_--item-border-width)}.g-tabs_direction_horizontal .g-tabs__item:focus-visible .g-tabs__item-content{outline:2px solid var(--g-color-line-focus);outline-offset:-2px}.g-tabs_direction_horizontal .g-tabs__item-meta{display:none}.g-tabs_direction_horizontal .g-tabs__item-title{color:var(--g-color-text-secondary)}.g-tabs_direction_horizontal .g-tabs__item-counter,.g-tabs_direction_horizontal .g-tabs__item-icon{color:var(--g-color-text-hint)}.g-tabs_direction_horizontal .g-tabs__item:focus-visible .g-tabs__item-title,.g-tabs_direction_horizontal .g-tabs__item:hover .g-tabs__item-title,.g-tabs_direction_horizontal .g-tabs__item_active .g-tabs__item-title{color:var(--g-color-text-primary)}.g-tabs_direction_horizontal .g-tabs__item:focus-visible .g-tabs__item-counter,.g-tabs_direction_horizontal .g-tabs__item:focus-visible .g-tabs__item-icon,.g-tabs_direction_horizontal .g-tabs__item:hover .g-tabs__item-counter,.g-tabs_direction_horizontal .g-tabs__item:hover .g-tabs__item-icon,.g-tabs_direction_horizontal .g-tabs__item_active .g-tabs__item-counter,.g-tabs_direction_horizontal .g-tabs__item_active .g-tabs__item-icon{color:var(--g-color-text-secondary)}.g-tabs_direction_horizontal .g-tabs__item_active,.g-tabs_direction_horizontal .g-tabs__item_active:focus-visible,.g-tabs_direction_horizontal .g-tabs__item_active:hover{border-color:var(--g-color-line-brand)}.g-tabs_direction_horizontal .g-tabs__item_disabled{pointer-events:none}.g-tabs_direction_horizontal .g-tabs__item_disabled .g-tabs__item-title{color:var(--g-color-text-hint)}.g-tabs_direction_horizontal>:not(:last-child){margin-inline-end:var(--g-tabs-item-gap,var(--_--item-gap))}.g-tabs_direction_vertical{display:flex;flex-direction:column}.g-tabs_direction_vertical .g-tabs__item{padding:var(--_--vertical-item-padding)}.g-tabs_direction_vertical .g-tabs__item-title{line-height:var(--_--vertical-item-height);color:var(--g-color-text-primary)}.g-tabs_direction_vertical .g-tabs__item-meta{line-height:var(--_--vertical-item-height);color:var(--g-color-text-secondary)}.g-tabs_direction_vertical .g-tabs__item-counter,.g-tabs_direction_vertical .g-tabs__item-icon{color:var(--g-color-text-secondary)}.g-tabs_direction_vertical .g-tabs__item:focus-visible,.g-tabs_direction_vertical .g-tabs__item:hover{background-color:var(--g-color-base-generic-hover)}.g-tabs_direction_vertical .g-tabs__item_active{background-color:var(--g-color-base-selection)}.g-tabs_direction_vertical .g-tabs__item_active:focus-visible,.g-tabs_direction_vertical .g-tabs__item_active:hover{background-color:var(--g-color-base-selection-hover)}.g-tabs_direction_vertical .g-tabs__item_disabled{pointer-events:none}.g-tabs_direction_vertical .g-tabs__item_disabled .g-tabs__item-title{color:var(--g-color-text-secondary)}.g-sheet{position:fixed;z-index:100000}.g-sheet,.g-sheet__veil{inset-block-start:0;inset-inline-start:0;width:100%;height:100%}.g-sheet__veil{position:absolute;background-color:var(--g-color-sfx-veil);opacity:0;will-change:opacity}.g-sheet__veil_with-transition{transition:opacity .3s ease}.g-sheet__sheet{position:absolute;inset-block-start:100%;inset-inline-start:0;width:100%;max-height:90%;will-change:transform}.g-sheet__sheet_with-transition{transition:transform .3s ease}.g-sheet__sheet-swipe-area{position:absolute;inset-block-start:-20px;inset-inline-start:0;width:100%;height:40px;z-index:1}.g-sheet__sheet-top{position:relative;height:20px;border-start-start-radius:20px;border-start-end-radius:20px;background-color:var(--g-color-base-float)}.g-sheet__sheet-top-resizer{--_--translate-x:calc(-50% * var(--g-flow-direction));position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translateX(var(--_--translate-x)) translateY(-50%);width:40px;height:4px;border-radius:4px;background-color:var(--g-color-line-generic)}.g-sheet__sheet-content{box-sizing:border-box;width:100%;padding:var(--g-sheet-content-padding,0 10px);max-height:calc(90% - 20px);overflow:hidden auto;overscroll-behavior-y:contain;background-color:var(--g-color-base-float);transition:height .3s ease}.g-sheet__sheet-content_without-scroll{overflow:hidden}.g-sheet__sheet-content-title{padding-block-end:8px;font-size:var(--g-text-body-2-font-size);line-height:28px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.g-switch{position:relative}.g-switch__control{opacity:0;cursor:pointer}.g-switch__indicator{display:inline-block;position:relative}.g-switch__indicator:before{content:"";position:absolute;inset:0;background-color:var(--g-color-base-generic-medium);transition:background .1s linear}.g-switch__indicator:after{content:" ";visibility:hidden}.g-switch__slider{position:absolute;content:"";border-radius:50%;background-color:var(--g-color-base-background);transition:transform .15s ease-out}.g-switch__outline{position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;background:none;pointer-events:none}.g-switch__control:focus-visible+.g-switch__outline{outline:2px solid var(--g-color-line-focus)}.g-switch_size_m .g-switch__indicator,.g-switch_size_m .g-switch__indicator:before,.g-switch_size_m .g-switch__outline{width:36px;height:20px;border-radius:10px}.g-switch_size_m .g-switch__slider{inset-block-start:2px;inset-inline-start:2px;width:16px;height:16px}.g-switch_size_m .g-switch__text{margin-block-start:3px}.g-switch_size_l .g-switch__indicator,.g-switch_size_l .g-switch__indicator:before,.g-switch_size_l .g-switch__outline{width:42px;height:24px;border-radius:12px}.g-switch_size_l .g-switch__slider{inset-block-start:3px;inset-inline-start:3px;width:18px;height:18px}.g-switch_size_l .g-switch__text{margin-block-start:4px}.g-switch:hover .g-switch__indicator:before{background-color:var(--g-color-base-generic-medium-hover)}.g-switch_checked .g-switch__slider{--_--translate-x:calc(100% * var(--g-flow-direction));transform:translateX(var(--_--translate-x))}.g-switch_checked .g-switch__indicator:before,.g-switch_checked:hover .g-switch__indicator:before{background-color:var(--g-color-base-brand)}.g-switch_disabled .g-switch__indicator:before{background-color:var(--g-color-base-generic-accent-disabled)}.g-switch_disabled.g-switch_checked .g-switch__indicator:before{background-color:var(--g-color-base-brand);opacity:.5}.g-spin{display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:g-spin 1s linear infinite}.g-spin__inner{box-sizing:border-box;height:100%;width:50%;margin-inline-start:50%;border:2px solid var(--g-color-line-brand);border-inline-start:none;border-start-end-radius:25px;border-end-end-radius:25px}.g-spin_size_xs{width:16px;height:16px}.g-spin_size_s{width:24px;height:24px}.g-spin_size_m{width:28px;height:28px}.g-spin_size_l{width:32px;height:32px}.g-spin_size_xl{width:36px;height:36px}@keyframes g-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.g-label{--_--bg-color:none;--_--bg-color-hover:none;--_--text-color:none;display:inline-flex;align-items:center;position:relative;height:var(--_--height);border-radius:var(--_--border-radius);color:var(--_--text-color);background-color:var(--_--bg-color);transition-property:opacity,color,background-color;transition-duration:.15s;transition-timing-function:ease-in-out;box-sizing:border-box;isolation:isolate}.g-label__text{font-size:var(--g-text-body-1-font-size);line-height:var(--g-text-body-1-line-height);font-weight:var(--g-text-body-font-weight);display:flex;align-items:baseline;margin:0 var(--_--margin-inline);width:100%;line-height:var(--_--height);text-align:center;white-space:nowrap;overflow:hidden}.g-label__content,.g-label__key{text-overflow:ellipsis;overflow:hidden}.g-label__value{display:flex;opacity:.7;overflow:hidden}.g-label__separator{margin:0 4px}.g-label__main-button{padding:0;font-family:var(--g-text-body-font-family);font-size:inherit;font-weight:var(--g-text-body-font-weight);color:inherit;background:none;border:none;outline:none;cursor:pointer;border-radius:inherit;z-index:1}.g-label__main-button:empty{position:absolute;inset:0}.g-label__addon{display:flex;align-items:center;justify-content:center;width:var(--_--height);height:var(--_--height);border-radius:var(--_--border-radius)}.g-label__addon_side_end,.g-label__addon_side_start{position:absolute;inset-block-start:0}.g-label__addon_side_start{inset-inline-start:2px;border-start-end-radius:0;border-end-end-radius:0}.g-label__addon_side_end{inset-inline-end:0;border-start-start-radius:0;border-end-start-radius:0}.g-label__addon_type_button{padding:0;font-family:var(--g-text-body-font-family);font-size:inherit;font-weight:var(--g-text-body-font-weight);color:inherit;background:none;border:none;outline:none;z-index:2;cursor:pointer;color:var(--_--text-color);background-color:initial;transition:color .15s ease-in-out,background-color .15s ease-in-out,transform .1s ease-out}.g-label__addon_type_button:active{transform:scale(.96)}.g-label_size_xs{--_--height:20px;--_--border-radius:var(--g-border-radius-xs);--_--margin-inline:8px;--_--margin-addon-start:24px;--_--margin-addon-end:22px}.g-label_size_s{--_--height:24px;--_--border-radius:var(--g-border-radius-s);--_--margin-inline:10px;--_--margin-addon-start:28px;--_--margin-addon-end:26px}.g-label_size_m{--_--height:28px;--_--border-radius:var(--g-border-radius-m);--_--margin-inline:12px;--_--margin-addon-start:32px;--_--margin-addon-end:32px}.g-label_disabled{opacity:.7;pointer-events:none}.g-label_interactive{cursor:pointer}.g-label_theme_normal{--_--bg-color:var(--g-color-base-misc-light);--_--bg-color-hover:var(--g-color-base-misc-light-hover);--_--text-color:var(--g-color-text-misc-heavy)}.g-label_theme_success{--_--bg-color:var(--g-color-base-positive-light);--_--bg-color-hover:var(--g-color-base-positive-light-hover);--_--text-color:var(--g-color-text-positive-heavy)}.g-label_theme_info{--_--bg-color:var(--g-color-base-info-light);--_--bg-color-hover:var(--g-color-base-info-light-hover);--_--text-color:var(--g-color-text-info-heavy)}.g-label_theme_warning{--_--bg-color:var(--g-color-base-warning-light);--_--bg-color-hover:var(--g-color-base-warning-light-hover);--_--text-color:var(--g-color-text-warning-heavy)}.g-label_theme_danger{--_--bg-color:var(--g-color-base-danger-light);--_--bg-color-hover:var(--g-color-base-danger-light-hover);--_--text-color:var(--g-color-text-danger-heavy)}.g-label_theme_utility{--_--bg-color:var(--g-color-base-utility-light);--_--bg-color-hover:var(--g-color-base-utility-light-hover);--_--text-color:var(--g-color-text-utility-heavy)}.g-label_theme_unknown{--_--bg-color:var(--g-color-base-neutral-light);--_--bg-color-hover:var(--g-color-base-neutral-light-hover);--_--text-color:var(--g-color-text-complementary)}.g-label_theme_clear{--_--bg-color:#0000;--_--bg-color-hover:var(--g-color-base-simple-hover);--_--text-color:var(--g-color-text-complementary);box-shadow:inset 0 0 0 1px var(--g-color-line-generic)}.g-label:has(.g-label__addon_side_start) .g-label__text{margin-inline-start:var(--_--margin-addon-start)}.g-label:has(.g-label__addon_side_end) .g-label__text{margin-inline-end:var(--_--margin-addon-end)}.g-label__addon_type_button:hover,.g-label_interactive:hover:not(:has(.g-label__addon_type_button:hover)){background-color:var(--_--bg-color-hover)}.g-label__addon_type_button:focus-visible,.g-label__main-button:focus-visible{outline:2px solid var(--g-color-line-focus)}
\ No newline at end of file
diff --git a/_next/static/css/1d0fb2e8f9c8f2e1.css b/_next/static/css/58ac9afbacb44c1e.css
similarity index 81%
rename from _next/static/css/1d0fb2e8f9c8f2e1.css
rename to _next/static/css/58ac9afbacb44c1e.css
index 5913f152ecf..e386dee6210 100644
--- a/_next/static/css/1d0fb2e8f9c8f2e1.css
+++ b/_next/static/css/58ac9afbacb44c1e.css
@@ -4,4 +4,4 @@
  * Copyright 2011-2018 The Bootstrap Authors
  * Copyright 2011-2018 Twitter, Inc.
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,:after,:before{box-sizing:inherit}.container{width:100%;padding-right:40px;padding-left:40px;margin-right:auto;margin-left:auto}@media (min-width:577px){.container{max-width:577px}}@media (min-width:769px){.container{max-width:769px}}@media (min-width:1081px){.container{max-width:1081px}}@media (min-width:1185px){.container{max-width:1185px}}.container-fluid{width:100%;padding-right:40px;padding-left:40px;margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap;margin-right:-8px;margin-left:-8px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:8px;padding-left:8px}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto;max-width:none}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:577px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:none}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:769px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;width:auto;max-width:none}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:1081px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:none}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1185px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:none}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}@media (min-width:577px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}@media (min-width:769px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}@media (min-width:1081px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}@media (min-width:1185px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media (min-width:577px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media (min-width:769px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media (min-width:1081px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media (min-width:1185px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}}.col-reset{padding-left:0!important;padding-right:0!important;margin:0}.g-radio-button{box-sizing:border-box;display:inline-flex;flex-direction:row;font-family:var(--g-text-body-font-family);font-weight:var(--g-text-body-font-weight);border-radius:var(--_--border-radius);background-color:var(--g-color-base-generic);position:relative;--_--border-radius-inner:calc(var(--_--border-radius) - 3px)}.g-radio-button__plate{position:absolute;inset-block:0;transition:left .2s,width .2s}.g-radio-button__plate[hidden]{display:none}.g-radio-button__option{flex:1 1 auto;-webkit-user-select:none;user-select:none;font-size:var(--g-text-body-1-font-size);text-align:center;border-radius:var(--_--border-radius-inner);cursor:pointer;transform:scale(1);transition:color .15s linear}.g-radio-button__option-outline{content:"";position:absolute;z-index:-1;inset:3px;border-radius:var(--_--border-radius-inner)}.g-radio-button__option-control{position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;margin:0;padding:0;border:none;outline:none;opacity:0;cursor:inherit}.g-radio-button__option-control:focus-visible+.g-radio-button__option-outline{outline:2px solid var(--g-color-line-focus)}.g-radio-button__option-text{display:inline-block;white-space:nowrap;color:var(--g-color-text-complementary)}.g-radio-button__option-text_icon{height:100%;display:flex;align-items:center}.g-radio-button__option:hover .g-radio-button__option-text,.g-radio-button__option_checked .g-radio-button__option-text{color:var(--g-color-text-primary)}.g-radio-button__option_checked{cursor:default}.g-radio-button__option_disabled{cursor:default;pointer-events:none}.g-radio-button__option_disabled .g-radio-button__option-text{color:var(--g-color-text-hint)}.g-radio-button__option:before,.g-radio-button__plate:before{position:absolute;inset:3px;border-radius:var(--_--border-radius-inner)}.g-radio-button__option:before{z-index:-1}.g-radio-button__plate:before,.g-radio-button__plate[hidden]~.g-radio-button__option_checked:before{content:"";background-color:var(--g-color-base-background)}.g-radio-button_size_s{--_--border-radius:var(--g-border-radius-s)}.g-radio-button_size_s .g-radio-button__option{height:24px;line-height:24px}.g-radio-button_size_s .g-radio-button__option-text{margin:0 10px}.g-radio-button_size_m{--_--border-radius:var(--g-border-radius-m)}.g-radio-button_size_m .g-radio-button__option{height:28px;line-height:28px}.g-radio-button_size_m .g-radio-button__option-text{margin:0 13px}.g-radio-button_size_l{--_--border-radius:var(--g-border-radius-l)}.g-radio-button_size_l .g-radio-button__option{height:36px;line-height:36px}.g-radio-button_size_l .g-radio-button__option-text{margin:0 18px}.g-radio-button_size_xl{--_--border-radius:var(--g-border-radius-xl)}.g-radio-button_size_xl .g-radio-button__option{height:44px;line-height:44px;font-size:var(--g-text-body-2-font-size)}.g-radio-button_size_xl .g-radio-button__option-text{margin:0 25px}.g-radio-button_width_auto{max-width:100%}.g-radio-button_width_max{width:100%}.g-radio-button_width_auto .g-radio-button__option,.g-radio-button_width_max .g-radio-button__option{overflow:hidden}.g-radio-button_width_auto .g-radio-button__option-text,.g-radio-button_width_max .g-radio-button__option-text{display:block;overflow:hidden;text-overflow:ellipsis}.pc-Grid .container,.pc-Grid .container-fluid{max-width:calc(1232px + 8px * 2 + 40px * 2)}.pc-Grid .row{margin-right:0;margin-left:0}.pc-Grid .pc-Grid .container,.pc-Grid .pc-Grid .container-fluid{padding:0}.pc-Grid .row .row{margin:0 -8px}.pc-Grid_debug .container,.pc-Grid_debug .container-fluid,.pc-Grid_debug [class*=col-]{box-sizing:border-box;border:1px solid var(--g-color-line-generic)}@media only screen and (max-width:577px){.pc-Grid .container,.pc-Grid .container-fluid{padding:0 16px}.pc-Grid .col,.pc-Grid .col-0,.pc-Grid .col-1,.pc-Grid .col-10,.pc-Grid .col-11,.pc-Grid .col-12,.pc-Grid .col-2,.pc-Grid .col-3,.pc-Grid .col-4,.pc-Grid .col-5,.pc-Grid .col-6,.pc-Grid .col-7,.pc-Grid .col-8,.pc-Grid .col-9,.pc-Grid .col-auto,.pc-Grid .col-sm-0,.pc-Grid .col-sm-1,.pc-Grid .col-sm-10,.pc-Grid .col-sm-11,.pc-Grid .col-sm-12,.pc-Grid .col-sm-2,.pc-Grid .col-sm-3,.pc-Grid .col-sm-4,.pc-Grid .col-sm-5,.pc-Grid .col-sm-6,.pc-Grid .col-sm-7,.pc-Grid .col-sm-8,.pc-Grid .col-sm-9,.pc-Grid .col-sm-auto{padding:0 8px}.pc-Grid .row .row{margin:0 -8px}}
\ No newline at end of file
+ */html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,:after,:before{box-sizing:inherit}.container{width:100%;padding-right:40px;padding-left:40px;margin-right:auto;margin-left:auto}@media (min-width:577px){.container{max-width:577px}}@media (min-width:769px){.container{max-width:769px}}@media (min-width:1081px){.container{max-width:1081px}}@media (min-width:1185px){.container{max-width:1185px}}.container-fluid{width:100%;padding-right:40px;padding-left:40px;margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap;margin-right:-8px;margin-left:-8px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:8px;padding-left:8px}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto;max-width:none}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:577px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:none}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:769px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;width:auto;max-width:none}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:1081px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:none}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1185px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:none}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}@media (min-width:577px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}@media (min-width:769px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}@media (min-width:1081px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}@media (min-width:1185px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media (min-width:577px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media (min-width:769px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media (min-width:1081px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media (min-width:1185px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}}.col-reset{padding-left:0!important;padding-right:0!important;margin:0}.pc-Grid .container,.pc-Grid .container-fluid{max-width:calc(1232px + 8px * 2 + 40px * 2)}.pc-Grid .row{margin-right:0;margin-left:0}.pc-Grid .pc-Grid .container,.pc-Grid .pc-Grid .container-fluid{padding:0}.pc-Grid .row .row{margin:0 -8px}.pc-Grid_debug .container,.pc-Grid_debug .container-fluid,.pc-Grid_debug [class*=col-]{box-sizing:border-box;border:1px solid var(--g-color-line-generic)}@media only screen and (max-width:577px){.pc-Grid .container,.pc-Grid .container-fluid{padding:0 16px}.pc-Grid .col,.pc-Grid .col-0,.pc-Grid .col-1,.pc-Grid .col-10,.pc-Grid .col-11,.pc-Grid .col-12,.pc-Grid .col-2,.pc-Grid .col-3,.pc-Grid .col-4,.pc-Grid .col-5,.pc-Grid .col-6,.pc-Grid .col-7,.pc-Grid .col-8,.pc-Grid .col-9,.pc-Grid .col-auto,.pc-Grid .col-sm-0,.pc-Grid .col-sm-1,.pc-Grid .col-sm-10,.pc-Grid .col-sm-11,.pc-Grid .col-sm-12,.pc-Grid .col-sm-2,.pc-Grid .col-sm-3,.pc-Grid .col-sm-4,.pc-Grid .col-sm-5,.pc-Grid .col-sm-6,.pc-Grid .col-sm-7,.pc-Grid .col-sm-8,.pc-Grid .col-sm-9,.pc-Grid .col-sm-auto{padding:0 8px}.pc-Grid .row .row{margin:0 -8px}}.g-radio-button{box-sizing:border-box;display:inline-flex;flex-direction:row;font-family:var(--g-text-body-font-family);font-weight:var(--g-text-body-font-weight);border-radius:var(--_--border-radius);background-color:var(--g-color-base-generic);position:relative;--_--border-radius-inner:calc(var(--_--border-radius) - 3px)}.g-radio-button__plate{position:absolute;inset-block:0;transition:left .2s,width .2s}.g-radio-button__plate[hidden]{display:none}.g-radio-button__option{flex:1 1 auto;-webkit-user-select:none;user-select:none;font-size:var(--g-text-body-1-font-size);text-align:center;border-radius:var(--_--border-radius-inner);cursor:pointer;transform:scale(1);transition:color .15s linear}.g-radio-button__option-outline{content:"";position:absolute;z-index:-1;inset:3px;border-radius:var(--_--border-radius-inner)}.g-radio-button__option-control{position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;margin:0;padding:0;border:none;outline:none;opacity:0;cursor:inherit}.g-radio-button__option-control:focus-visible+.g-radio-button__option-outline{outline:2px solid var(--g-color-line-focus)}.g-radio-button__option-text{display:inline-block;white-space:nowrap;color:var(--g-color-text-complementary)}.g-radio-button__option-text_icon{height:100%;display:flex;align-items:center}.g-radio-button__option:hover .g-radio-button__option-text,.g-radio-button__option_checked .g-radio-button__option-text{color:var(--g-color-text-primary)}.g-radio-button__option_checked{cursor:default}.g-radio-button__option_disabled{cursor:default;pointer-events:none}.g-radio-button__option_disabled .g-radio-button__option-text{color:var(--g-color-text-hint)}.g-radio-button__option:before,.g-radio-button__plate:before{position:absolute;inset:3px;border-radius:var(--_--border-radius-inner)}.g-radio-button__option:before{z-index:-1}.g-radio-button__plate:before,.g-radio-button__plate[hidden]~.g-radio-button__option_checked:before{content:"";background-color:var(--g-color-base-background)}.g-radio-button_size_s{--_--border-radius:var(--g-border-radius-s)}.g-radio-button_size_s .g-radio-button__option{height:24px;line-height:24px}.g-radio-button_size_s .g-radio-button__option-text{margin:0 10px}.g-radio-button_size_m{--_--border-radius:var(--g-border-radius-m)}.g-radio-button_size_m .g-radio-button__option{height:28px;line-height:28px}.g-radio-button_size_m .g-radio-button__option-text{margin:0 13px}.g-radio-button_size_l{--_--border-radius:var(--g-border-radius-l)}.g-radio-button_size_l .g-radio-button__option{height:36px;line-height:36px}.g-radio-button_size_l .g-radio-button__option-text{margin:0 18px}.g-radio-button_size_xl{--_--border-radius:var(--g-border-radius-xl)}.g-radio-button_size_xl .g-radio-button__option{height:44px;line-height:44px;font-size:var(--g-text-body-2-font-size)}.g-radio-button_size_xl .g-radio-button__option-text{margin:0 25px}.g-radio-button_width_auto{max-width:100%}.g-radio-button_width_max{width:100%}.g-radio-button_width_auto .g-radio-button__option,.g-radio-button_width_max .g-radio-button__option{overflow:hidden}.g-radio-button_width_auto .g-radio-button__option-text,.g-radio-button_width_max .g-radio-button__option-text{display:block;overflow:hidden;text-overflow:ellipsis}
\ No newline at end of file
diff --git a/_next/static/css/8fa1ef1a550859ef.css b/_next/static/css/8fa1ef1a550859ef.css
deleted file mode 100644
index dd70c877d31..00000000000
--- a/_next/static/css/8fa1ef1a550859ef.css
+++ /dev/null
@@ -1 +0,0 @@
-@charset "UTF-8";.g-button{--_--text-color:var(--g-color-text-primary);--_--text-color-hover:var(--_--text-color);--_--background-color:#0000;--_--background-color-hover:var(--g-color-base-simple-hover);--_--border-width:0;--_--border-color:currentColor;--_--focus-outline-color:var(--g-color-line-focus);--_--focus-outline-offset:0;--_--font-size:var(--g-text-body-1-font-size);padding:0;font-family:var(--g-text-body-font-family);font-size:inherit;font-weight:var(--g-text-body-font-weight);color:inherit;background:none;border:none;outline:none;cursor:pointer;position:relative;overflow:visible;box-sizing:border-box;height:var(--g-button-height,var(--_--height));line-height:var(--g-button-height,var(--_--height));font-size:var(--g-button-font-size,var(--_--font-size));-webkit-user-select:none;user-select:none;text-align:center;white-space:nowrap;text-decoration:none;color:var(--g-button-text-color,var(--_--text-color));background:#0000;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:transform .1s ease-out,color .15s linear;transform:scale(1);display:inline-flex;justify-content:center;padding:0 var(--g-button-padding,var(--_--padding));gap:var(--g-button-icon-offset,var(--_--icon-offset))}.g-button:before{content:"";position:absolute;z-index:-1;inset:0;background-color:var(--g-button-background-color,var(--_--background-color));border:var(--g-button-border-width,var(--_--border-width)) var(--g-button-border-style,solid) var(--g-button-border-color,var(--_--border-color));transition:background-color .15s linear}.g-button:hover{color:var(--g-button-text-color-hover,var(--_--text-color-hover))}.g-button:hover:before{background-color:var(--g-button-background-color-hover,var(--_--background-color-hover))}.g-button:focus-visible:before{outline:var(--g-button-focus-outline-color,var(--_--focus-outline-color)) var(--g-button-focus-outline-style,solid) var(--g-button-focus-outline-width,2px);outline-offset:var(--g-button-focus-outline-offset,var(--_--focus-outline-offset))}.g-button:after{content:"";position:absolute;z-index:-1;inset:0;transform:scale(1);transition:none}.g-button:active{transition:none;transform:scale(.96)}.g-button:active:after{transform:scale(1.042)}.g-button_size_xs{--_--height:20px;--_--border-radius:var(--g-border-radius-xs);--_--padding:6px;--_--icon-size:12px;--_--icon-offset:4px}.g-button_size_s{--_--height:24px;--_--border-radius:var(--g-border-radius-s);--_--padding:8px;--_--icon-size:16px;--_--icon-offset:4px}.g-button_size_m{--_--height:28px;--_--border-radius:var(--g-border-radius-m);--_--padding:12px;--_--icon-size:16px;--_--icon-offset:8px}.g-button_size_l{--_--height:36px;--_--border-radius:var(--g-border-radius-l);--_--padding:16px;--_--icon-size:16px;--_--icon-offset:8px}.g-button_size_xl{--_--height:44px;--_--border-radius:var(--g-border-radius-xl);--_--padding:24px;--_--icon-size:20px;--_--icon-offset:12px;--_--font-size:var(--g-text-body-2-font-size)}.g-button_view_normal{--_--background-color:var(--g-color-base-generic);--_--background-color-hover:var(--g-color-base-generic-hover)}.g-button_view_action{--_--text-color:var(--g-color-text-brand-contrast);--_--background-color:var(--g-color-base-brand);--_--background-color-hover:var(--g-color-base-brand-hover);--_--focus-outline-color:var(--g-color-base-brand);--_--focus-outline-offset:1px}.g-button_view_outlined{--_--border-width:1px;--_--border-color:var(--g-color-line-generic)}.g-button_view_outlined-info{--_--text-color:var(--g-color-text-info);--_--border-width:1px;--_--border-color:var(--g-color-line-info)}.g-button_view_outlined-success{--_--text-color:var(--g-color-text-positive);--_--border-width:1px;--_--border-color:var(--g-color-line-positive)}.g-button_view_outlined-warning{--_--text-color:var(--g-color-text-warning);--_--border-width:1px;--_--border-color:var(--g-color-line-warning)}.g-button_view_outlined-danger{--_--text-color:var(--g-color-text-danger);--_--border-width:1px;--_--border-color:var(--g-color-line-danger)}.g-button_view_outlined-utility{--_--text-color:var(--g-color-text-utility);--_--border-width:1px;--_--border-color:var(--g-color-line-utility)}.g-button_view_outlined-action{--_--text-color:var(--g-color-text-brand);--_--border-width:1px;--_--border-color:var(--g-color-line-brand)}.g-button_view_raised{--_--background-color-hover:var(--g-color-base-float-hover);background:var(--g-color-base-float)}.g-button_view_raised:before{box-shadow:0 3px 5px var(--g-color-sfx-shadow)}.g-button_view_raised:active:before{box-shadow:0 1px 2px var(--g-color-sfx-shadow)}.g-button_view_flat-secondary{--_--text-color:var(--g-color-text-secondary);--_--text-color-hover:var(--g-color-text-primary)}.g-button_view_flat-info{--_--text-color:var(--g-color-text-info)}.g-button_view_flat-success{--_--text-color:var(--g-color-text-positive)}.g-button_view_flat-warning{--_--text-color:var(--g-color-text-warning)}.g-button_view_flat-danger{--_--text-color:var(--g-color-text-danger)}.g-button_view_flat-utility{--_--text-color:var(--g-color-text-utility)}.g-button_view_flat-action{--_--text-color:var(--g-color-text-brand)}.g-button_view_normal-contrast{--_--text-color:var(--g-color-text-dark-primary);--_--background-color:var(--g-color-base-light);--_--background-color-hover:var(--g-color-base-light-hover);--_--focus-outline-color:var(--g-color-line-light)}.g-button_view_normal-contrast.g-button_loading{--_--background-color-hover:var(--g-color-base-simple-hover)}.g-button_view_outlined-contrast{--_--text-color:var(--g-color-text-light-primary);--_--background-color-hover:var(--g-color-base-light-simple-hover);--_--border-width:1px;--_--border-color:var(--g-color-line-light);--_--focus-outline-color:var(--g-color-line-light)}.g-button_view_flat-contrast{--_--text-color:var(--g-color-text-light-primary);--_--background-color-hover:var(--g-color-base-light-simple-hover);--_--focus-outline-color:var(--g-color-line-light)}.g-button.g-button_pin_round-round.g-button{border-radius:var(--g-button-border-radius,var(--_--border-radius))}.g-button.g-button_pin_brick-brick.g-button{border-radius:0}.g-button.g-button_pin_clear-clear.g-button{border-radius:0;border-inline:0}.g-button.g-button_pin_circle-circle.g-button{border-radius:100px}.g-button.g-button_pin_round-brick.g-button{border-start-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-start-end-radius:0;border-end-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-end-radius:0}.g-button.g-button_pin_brick-round.g-button{border-start-start-radius:0;border-start-end-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-start-radius:0;border-end-end-radius:var(--g-button-border-radius,var(--_--border-radius))}.g-button.g-button_pin_round-clear.g-button{border-start-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-start-end-radius:0;border-end-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-end-radius:0;border-inline-end:0}.g-button.g-button_pin_clear-round.g-button{border-start-start-radius:0;border-start-end-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-start-radius:0;border-end-end-radius:var(--g-button-border-radius,var(--_--border-radius));border-inline-start:0}.g-button.g-button_pin_brick-clear.g-button{border-radius:0;border-inline-end:0}.g-button.g-button_pin_clear-brick.g-button{border-radius:0;border-inline-start:0}.g-button.g-button_pin_circle-brick.g-button{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0}.g-button.g-button_pin_brick-circle.g-button{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px}.g-button.g-button_pin_circle-clear.g-button{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0;border-inline-end:0}.g-button.g-button_pin_clear-circle.g-button{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px;border-inline-start:0}.g-button.g-button_pin_round-round:before{border-radius:var(--g-button-border-radius,var(--_--border-radius))}.g-button.g-button_pin_brick-brick:before{border-radius:0}.g-button.g-button_pin_clear-clear:before{border-radius:0;border-inline:0}.g-button.g-button_pin_circle-circle:before{border-radius:100px}.g-button.g-button_pin_round-brick:before{border-start-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-start-end-radius:0;border-end-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-end-radius:0}.g-button.g-button_pin_brick-round:before{border-start-start-radius:0;border-start-end-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-start-radius:0;border-end-end-radius:var(--g-button-border-radius,var(--_--border-radius))}.g-button.g-button_pin_round-clear:before{border-start-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-start-end-radius:0;border-end-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-end-radius:0;border-inline-end:0}.g-button.g-button_pin_clear-round:before{border-start-start-radius:0;border-start-end-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-start-radius:0;border-end-end-radius:var(--g-button-border-radius,var(--_--border-radius));border-inline-start:0}.g-button.g-button_pin_brick-clear:before{border-radius:0;border-inline-end:0}.g-button.g-button_pin_clear-brick:before{border-radius:0;border-inline-start:0}.g-button.g-button_pin_circle-brick:before{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0}.g-button.g-button_pin_brick-circle:before{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px}.g-button.g-button_pin_circle-clear:before{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0;border-inline-end:0}.g-button.g-button_pin_clear-circle:before{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px;border-inline-start:0}.g-button.g-button_pin_round-round:after{border-radius:var(--g-button-border-radius,var(--_--border-radius))}.g-button.g-button_pin_brick-brick:after{border-radius:0}.g-button.g-button_pin_clear-clear:after{border-radius:0;border-inline:0}.g-button.g-button_pin_circle-circle:after{border-radius:100px}.g-button.g-button_pin_round-brick:after{border-start-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-start-end-radius:0;border-end-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-end-radius:0}.g-button.g-button_pin_brick-round:after{border-start-start-radius:0;border-start-end-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-start-radius:0;border-end-end-radius:var(--g-button-border-radius,var(--_--border-radius))}.g-button.g-button_pin_round-clear:after{border-start-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-start-end-radius:0;border-end-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-end-radius:0;border-inline-end:0}.g-button.g-button_pin_clear-round:after{border-start-start-radius:0;border-start-end-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-start-radius:0;border-end-end-radius:var(--g-button-border-radius,var(--_--border-radius));border-inline-start:0}.g-button.g-button_pin_brick-clear:after{border-radius:0;border-inline-end:0}.g-button.g-button_pin_clear-brick:after{border-radius:0;border-inline-start:0}.g-button.g-button_pin_circle-brick:after{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0}.g-button.g-button_pin_brick-circle:after{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px}.g-button.g-button_pin_circle-clear:after{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0;border-inline-end:0}.g-button.g-button_pin_clear-circle:after{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px;border-inline-start:0}.g-button__text{display:inline-block;white-space:nowrap}.g-button__icon{display:inline-block;position:relative;margin:0 calc((var(--g-button-height, var(--_--height)) - var(--g-button-icon-size, var(--_--icon-size))) / 2 * -1);width:var(--g-button-height,var(--_--height));height:var(--g-button-height,var(--_--height));pointer-events:none}.g-button__icon:after{content:" ";visibility:hidden}.g-button__icon-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.g-button__icon_side_start{order:-1}.g-button__icon_side_end{order:1}.g-button__icon:only-child{margin:0}.g-button:has(.g-button__icon:only-child){--_--padding:0}.g-button:has(.g-button__icon:only-child):not(.g-button_width_max){width:var(--g-button-height,var(--_--height))}.g-button_disabled{cursor:default;pointer-events:none}.g-button_disabled:not(.g-button_loading){--_--text-color:var(--g-color-text-hint);--_--background-color:var(--g-color-base-generic-accent-disabled);--_--background-color-hover:var(--g-color-base-generic-accent-disabled);--_--border-width:0}.g-button_disabled:not(.g-button_loading):is(.g-button_view_normal-contrast,.g-button_view_outlined-contrast){--_--text-color:var(--g-color-text-light-secondary);--_--background-color:var(--g-color-base-light-disabled);--_--background-color-hover:var(--g-color-base-light-disabled)}.g-button_disabled:not(.g-button_loading):is(.g-button_view_flat,.g-button_view_flat-secondary,.g-button_view_flat-info,.g-button_view_flat-success,.g-button_view_flat-warning,.g-button_view_flat-danger,.g-button_view_flat-utility,.g-button_view_flat-action,.g-button_view_flat-contrast){--_--text-color:var(--g-color-text-hint);--_--background-color:#0000;--_--background-color-hover:#0000}.g-button_disabled:not(.g-button_loading).g-button_view_flat-contrast{--_--text-color:var(--g-color-text-light-hint)}.g-button_disabled:active{transform:scale(1)}.g-button_selected:not(.g-button_view_outlined-contrast){--_--border-width:0}.g-button_selected:not(.g-button_view_normal-contrast,.g-button_view_flat-contrast,.g-button_view_outlined-contrast){--_--text-color:var(--g-color-text-brand-heavy);--_--background-color:var(--g-color-base-selection);--_--background-color-hover:var(--g-color-base-selection-hover)}.g-button_selected.g-button_view_flat-info,.g-button_selected.g-button_view_outlined-info{--_--text-color:var(--g-color-text-info-heavy);--_--background-color:var(--g-color-base-info-light);--_--background-color-hover:var(--g-color-base-info-light-hover)}.g-button_selected.g-button_view_flat-success,.g-button_selected.g-button_view_outlined-success{--_--text-color:var(--g-color-text-positive-heavy);--_--background-color:var(--g-color-base-positive-light);--_--background-color-hover:var(--g-color-base-positive-light-hover)}.g-button_selected.g-button_view_flat-warning,.g-button_selected.g-button_view_outlined-warning{--_--text-color:var(--g-color-text-warning-heavy);--_--background-color:var(--g-color-base-warning-light);--_--background-color-hover:var(--g-color-base-warning-light-hover)}.g-button_selected.g-button_view_flat-danger,.g-button_selected.g-button_view_outlined-danger{--_--text-color:var(--g-color-text-danger-heavy);--_--background-color:var(--g-color-base-danger-light);--_--background-color-hover:var(--g-color-base-danger-light-hover)}.g-button_selected.g-button_view_flat-utility,.g-button_selected.g-button_view_outlined-utility{--_--text-color:var(--g-color-text-utility-heavy);--_--background-color:var(--g-color-base-utility-light);--_--background-color-hover:var(--g-color-base-utility-light-hover)}.g-button_loading:before{background-image:repeating-linear-gradient(-45deg,var(--g-button-background-color,var(--_--background-color)),var(--g-button-background-color,var(--_--background-color)) 4px,var(--g-button-background-color-hover,var(--_--background-color-hover)) 4px,var(--g-button-background-color-hover,var(--_--background-color-hover)) 8px);background-size:150%;background-clip:padding-box;animation:g-loading-animation .5s linear infinite}.g-button_width_auto{max-width:100%}.g-button_width_max{width:100%}.g-button_width_auto .g-button__text,.g-button_width_max .g-button__text{display:block;overflow:hidden;text-overflow:ellipsis}.g-portal__theme-wrapper{display:contents}.g-popup{--_--background-color:var(--g-popup-background-color,var(--g-color-base-float));--_--border-color:var(--g-popup-border-color,var(--g-color-line-generic-solid));--_--border-width:var(--g-popup-border-width,1px);z-index:1000;visibility:hidden}.g-popup_exit_active,.g-popup_open{visibility:visible}.g-popup_exit_active[data-popper-placement*=bottom] .g-popup__content{animation-name:g-popup-bottom}.g-popup_exit_active[data-popper-placement*=top] .g-popup__content{animation-name:g-popup-top}.g-popup_exit_active[data-popper-placement*=left] .g-popup__content{animation-name:g-popup-left}.g-popup_exit_active[data-popper-placement*=right] .g-popup__content{animation-name:g-popup-right}.g-popup_appear_active[data-popper-placement*=bottom] .g-popup__content,.g-popup_enter_active[data-popper-placement*=bottom] .g-popup__content{animation-name:g-popup-bottom-open}.g-popup_appear_active[data-popper-placement*=top] .g-popup__content,.g-popup_enter_active[data-popper-placement*=top] .g-popup__content{animation-name:g-popup-top-open}.g-popup_appear_active[data-popper-placement*=left] .g-popup__content,.g-popup_enter_active[data-popper-placement*=left] .g-popup__content{animation-name:g-popup-left-open}.g-popup_appear_active[data-popper-placement*=right] .g-popup__content,.g-popup_enter_active[data-popper-placement*=right] .g-popup__content{animation-name:g-popup-right-open}.g-popup[data-popper-placement*=bottom] .g-popup__arrow{inset-block-start:-9px}.g-popup[data-popper-placement*=top] .g-popup__arrow{inset-block-end:-9px}.g-popup[data-popper-placement*=top] .g-popup__arrow-content{transform:rotate(180deg)}.g-popup[data-popper-placement*=left] .g-popup__arrow{right:-9px}.g-popup[data-popper-placement*=left] .g-popup__arrow-content{transform:rotate(90deg)}.g-popup[data-popper-placement*=right] .g-popup__arrow{left:-9px}.g-popup[data-popper-placement*=right] .g-popup__arrow-content{transform:rotate(-90deg)}.g-popup__content{position:relative;animation-duration:.1s;animation-timing-function:ease-out;animation-fill-mode:forwards;border-radius:4px;background-color:var(--_--background-color);box-shadow:0 0 0 var(--_--border-width) var(--_--border-color),0 8px 20px var(--_--border-width) var(--g-color-sfx-shadow);outline:none}.g-popup__content>.g-popup__arrow+*,.g-popup__content>:first-child:not(.g-popup__arrow){border-start-start-radius:inherit;border-start-end-radius:inherit}.g-popup__content>:last-child{border-end-start-radius:inherit;border-end-end-radius:inherit}.g-popup__arrow-content{width:18px;height:18px;position:relative;overflow:hidden;display:flex}.g-popup__arrow-circle-wrapper{background-color:initial;overflow:hidden;width:9px;height:9px;position:relative}.g-popup__arrow-circle{box-sizing:border-box;border-radius:50%;box-shadow:inset 0 0 0 calc(5px - var(--_--border-width)) var(--_--background-color),inset 0 0 0 5px var(--_--border-color);width:28px;height:30px;position:absolute}.g-popup__arrow-circle_left{inset-inline-end:-5px;inset-block-end:-4px}.g-popup__arrow-circle_right{inset-inline-start:-5px;inset-block-end:-4px}@keyframes g-popup-bottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes g-popup-bottom-open{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes g-popup-top{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes g-popup-top-open{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes g-popup-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}@keyframes g-popup-left-open{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes g-popup-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(10px)}}@keyframes g-popup-right-open{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.g-link{text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;border-radius:var(--g-focus-border-radius)}.g-link:focus-visible{outline:2px solid var(--g-color-line-focus)}.g-link_view_normal{color:var(--g-color-text-link)}.g-link_view_primary{color:var(--g-color-text-primary)}.g-link_view_secondary{color:var(--g-color-text-secondary)}.g-link_view_normal:hover,.g-link_view_primary:hover,.g-link_view_secondary:hover{color:var(--g-color-text-link-hover)}.g-link_visitable:visited{color:var(--g-color-text-link-visited)}.g-link_visitable:visited:hover{color:var(--g-color-text-link-visited-hover)}.g-popover{display:inline-block;position:relative}.g-popover:not(.g-popover_disabled){cursor:pointer}.g-popover__handler{display:inline-block}.g-popover__tooltip{--_--padding:16px;--_--close-offset:8px;--_--close-size:24px}.g-popover__tooltip-popup-content{box-sizing:border-box;min-height:40px;max-width:var(--g-popover-max-width,300px);padding:var(--g-popover-padding,var(--_--padding));cursor:default}.g-popover__tooltip-title{font-size:var(--g-text-subheader-3-font-size);line-height:var(--g-text-subheader-3-line-height);font-weight:var(--g-text-subheader-font-weight);display:inline-flex;margin:0 0 12px}.g-popover__tooltip-buttons{display:flex;flex-wrap:wrap;gap:5px;margin-block-start:20px}.g-popover__tooltip-button{flex:1 1}.g-popover__tooltip-close{position:absolute;inset-block-start:var(--_--close-offset);inset-inline-end:var(--_--close-offset)}.g-popover__tooltip-content{font-size:var(--g-text-body-1-font-size);line-height:var(--g-text-body-1-line-height);font-weight:var(--g-text-body-font-weight);overflow-wrap:break-word}.g-popover__tooltip-content_secondary{opacity:.7}.g-popover__tooltip-links>*{margin-block-start:8px}.g-popover__tooltip-links>:first-child{margin-block-start:0}.g-popover__tooltip-content+.g-popover__tooltip-links>:first-child{margin-block-start:12px}.g-popover__tooltip-link{font-size:var(--g-text-body-1-font-size);line-height:var(--g-text-body-1-line-height);font-weight:var(--g-text-body-font-weight);display:inline-block}.g-popover__tooltip_theme_announcement .g-popover__tooltip_theme_announcement,.g-popover__tooltip_theme_announcement.g-popover__tooltip_theme_info,.g-popover__tooltip_theme_info .g-popover__tooltip_theme_announcement,.g-popover__tooltip_theme_info.g-popover__tooltip_theme_info{color:var(--g-color-text-primary)}.g-popover__tooltip_force-links-appearance.g-popover__tooltip_theme_info .g-popover__tooltip-content a:not(.g-button),.g-popover__tooltip_theme_announcement .g-popover__tooltip-content a:not(.g-button){text-decoration:none;color:var(--g-color-text-link)}.g-popover__tooltip_force-links-appearance.g-popover__tooltip_theme_info .g-popover__tooltip-content a:not(.g-button):hover,.g-popover__tooltip_theme_announcement .g-popover__tooltip-content a:not(.g-button):hover{color:var(--g-color-text-link-hover)}.g-popover__tooltip_theme_announcement{--g-popup-background-color:var(--g-color-base-simple-hover-solid);--g-popup-border-color:var(--g-color-base-simple-hover-solid)}.g-popover__tooltip_theme_special{--g-popup-background-color:var(--g-color-base-brand);--g-popup-border-color:var(--g-color-base-brand);color:var(--g-color-text-light-primary)}.g-popover__tooltip_theme_special .g-popover__tooltip-content a:not(.g-button){font-weight:var(--g-text-accent-font-weight);color:var(--g-color-text-light-primary)}.g-popover__tooltip_theme_special .g-popover__tooltip-content a:not(.g-button):hover{color:var(--g-color-text-light-secondary)}.g-popover__tooltip_theme_special .g-link{color:var(--g-color-text-light-primary)}.g-popover__tooltip_theme_special .g-link:hover{color:var(--g-color-text-light-secondary)}.g-popover__tooltip_size_l{--_--padding:24px}.g-popover__tooltip_size_l .g-popover__tooltip-title{font-size:var(--g-text-header-1-font-size);line-height:var(--g-text-header-1-line-height);font-weight:var(--g-text-header-font-weight)}.g-popover__tooltip_size_l .g-popover__tooltip-content{font-size:var(--g-text-body-2-font-size);line-height:var(--g-text-body-2-line-height);font-weight:var(--g-text-body-font-weight)}.g-popover__tooltip_with-close .g-popover__tooltip-content,.g-popover__tooltip_with-close .g-popover__tooltip-title{padding-inline-end:calc(var(--_--close-offset) + var(--_--close-size) - var(--_--padding))}
\ No newline at end of file
diff --git a/_next/static/css/f1d55a7418659088.css b/_next/static/css/f1d55a7418659088.css
new file mode 100644
index 00000000000..b996ef89883
--- /dev/null
+++ b/_next/static/css/f1d55a7418659088.css
@@ -0,0 +1 @@
+@charset "UTF-8";.g-popover{display:inline-block;position:relative}.g-popover:not(.g-popover_disabled){cursor:pointer}.g-popover__handler{display:inline-block}.g-popover__tooltip{--_--padding:16px;--_--close-offset:8px;--_--close-size:24px}.g-popover__tooltip-popup-content{box-sizing:border-box;min-height:40px;max-width:var(--g-popover-max-width,300px);padding:var(--g-popover-padding,var(--_--padding));cursor:default}.g-popover__tooltip-title{font-size:var(--g-text-subheader-3-font-size);line-height:var(--g-text-subheader-3-line-height);font-weight:var(--g-text-subheader-font-weight);display:inline-flex;margin:0 0 12px}.g-popover__tooltip-buttons{display:flex;flex-wrap:wrap;gap:5px;margin-block-start:20px}.g-popover__tooltip-button{flex:1 1}.g-popover__tooltip-close{position:absolute;inset-block-start:var(--_--close-offset);inset-inline-end:var(--_--close-offset)}.g-popover__tooltip-content{font-size:var(--g-text-body-1-font-size);line-height:var(--g-text-body-1-line-height);font-weight:var(--g-text-body-font-weight);overflow-wrap:break-word}.g-popover__tooltip-content_secondary{opacity:.7}.g-popover__tooltip-links>*{margin-block-start:8px}.g-popover__tooltip-links>:first-child{margin-block-start:0}.g-popover__tooltip-content+.g-popover__tooltip-links>:first-child{margin-block-start:12px}.g-popover__tooltip-link{font-size:var(--g-text-body-1-font-size);line-height:var(--g-text-body-1-line-height);font-weight:var(--g-text-body-font-weight);display:inline-block}.g-popover__tooltip_theme_announcement .g-popover__tooltip_theme_announcement,.g-popover__tooltip_theme_announcement.g-popover__tooltip_theme_info,.g-popover__tooltip_theme_info .g-popover__tooltip_theme_announcement,.g-popover__tooltip_theme_info.g-popover__tooltip_theme_info{color:var(--g-color-text-primary)}.g-popover__tooltip_force-links-appearance.g-popover__tooltip_theme_info .g-popover__tooltip-content a:not(.g-button),.g-popover__tooltip_theme_announcement .g-popover__tooltip-content a:not(.g-button){text-decoration:none;color:var(--g-color-text-link)}.g-popover__tooltip_force-links-appearance.g-popover__tooltip_theme_info .g-popover__tooltip-content a:not(.g-button):hover,.g-popover__tooltip_theme_announcement .g-popover__tooltip-content a:not(.g-button):hover{color:var(--g-color-text-link-hover)}.g-popover__tooltip_theme_announcement{--g-popup-background-color:var(--g-color-base-simple-hover-solid);--g-popup-border-color:var(--g-color-base-simple-hover-solid)}.g-popover__tooltip_theme_special{--g-popup-background-color:var(--g-color-base-brand);--g-popup-border-color:var(--g-color-base-brand);color:var(--g-color-text-light-primary)}.g-popover__tooltip_theme_special .g-popover__tooltip-content a:not(.g-button){font-weight:var(--g-text-accent-font-weight);color:var(--g-color-text-light-primary)}.g-popover__tooltip_theme_special .g-popover__tooltip-content a:not(.g-button):hover{color:var(--g-color-text-light-secondary)}.g-popover__tooltip_theme_special .g-link{color:var(--g-color-text-light-primary)}.g-popover__tooltip_theme_special .g-link:hover{color:var(--g-color-text-light-secondary)}.g-popover__tooltip_size_l{--_--padding:24px}.g-popover__tooltip_size_l .g-popover__tooltip-title{font-size:var(--g-text-header-1-font-size);line-height:var(--g-text-header-1-line-height);font-weight:var(--g-text-header-font-weight)}.g-popover__tooltip_size_l .g-popover__tooltip-content{font-size:var(--g-text-body-2-font-size);line-height:var(--g-text-body-2-line-height);font-weight:var(--g-text-body-font-weight)}.g-popover__tooltip_with-close .g-popover__tooltip-content,.g-popover__tooltip_with-close .g-popover__tooltip-title{padding-inline-end:calc(var(--_--close-offset) + var(--_--close-size) - var(--_--padding))}.g-popup{--_--background-color:var(--g-popup-background-color,var(--g-color-base-float));--_--border-color:var(--g-popup-border-color,var(--g-color-line-generic-solid));--_--border-width:var(--g-popup-border-width,1px);z-index:1000;visibility:hidden}.g-popup_exit_active,.g-popup_open{visibility:visible}.g-popup_exit_active[data-popper-placement*=bottom] .g-popup__content{animation-name:g-popup-bottom}.g-popup_exit_active[data-popper-placement*=top] .g-popup__content{animation-name:g-popup-top}.g-popup_exit_active[data-popper-placement*=left] .g-popup__content{animation-name:g-popup-left}.g-popup_exit_active[data-popper-placement*=right] .g-popup__content{animation-name:g-popup-right}.g-popup_appear_active[data-popper-placement*=bottom] .g-popup__content,.g-popup_enter_active[data-popper-placement*=bottom] .g-popup__content{animation-name:g-popup-bottom-open}.g-popup_appear_active[data-popper-placement*=top] .g-popup__content,.g-popup_enter_active[data-popper-placement*=top] .g-popup__content{animation-name:g-popup-top-open}.g-popup_appear_active[data-popper-placement*=left] .g-popup__content,.g-popup_enter_active[data-popper-placement*=left] .g-popup__content{animation-name:g-popup-left-open}.g-popup_appear_active[data-popper-placement*=right] .g-popup__content,.g-popup_enter_active[data-popper-placement*=right] .g-popup__content{animation-name:g-popup-right-open}.g-popup[data-popper-placement*=bottom] .g-popup__arrow{inset-block-start:-9px}.g-popup[data-popper-placement*=top] .g-popup__arrow{inset-block-end:-9px}.g-popup[data-popper-placement*=top] .g-popup__arrow-content{transform:rotate(180deg)}.g-popup[data-popper-placement*=left] .g-popup__arrow{right:-9px}.g-popup[data-popper-placement*=left] .g-popup__arrow-content{transform:rotate(90deg)}.g-popup[data-popper-placement*=right] .g-popup__arrow{left:-9px}.g-popup[data-popper-placement*=right] .g-popup__arrow-content{transform:rotate(-90deg)}.g-popup__content{position:relative;animation-duration:.1s;animation-timing-function:ease-out;animation-fill-mode:forwards;border-radius:4px;background-color:var(--_--background-color);box-shadow:0 0 0 var(--_--border-width) var(--_--border-color),0 8px 20px var(--_--border-width) var(--g-color-sfx-shadow);outline:none}.g-popup__content>.g-popup__arrow+*,.g-popup__content>:first-child:not(.g-popup__arrow){border-start-start-radius:inherit;border-start-end-radius:inherit}.g-popup__content>:last-child{border-end-start-radius:inherit;border-end-end-radius:inherit}.g-popup__arrow-content{width:18px;height:18px;position:relative;overflow:hidden;display:flex}.g-popup__arrow-circle-wrapper{background-color:initial;overflow:hidden;width:9px;height:9px;position:relative}.g-popup__arrow-circle{box-sizing:border-box;border-radius:50%;box-shadow:inset 0 0 0 calc(5px - var(--_--border-width)) var(--_--background-color),inset 0 0 0 5px var(--_--border-color);width:28px;height:30px;position:absolute}.g-popup__arrow-circle_left{inset-inline-end:-5px;inset-block-end:-4px}.g-popup__arrow-circle_right{inset-inline-start:-5px;inset-block-end:-4px}@keyframes g-popup-bottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes g-popup-bottom-open{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes g-popup-top{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes g-popup-top-open{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes g-popup-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}@keyframes g-popup-left-open{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes g-popup-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(10px)}}@keyframes g-popup-right-open{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.g-portal__theme-wrapper{display:contents}.g-link{text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;border-radius:var(--g-focus-border-radius)}.g-link:focus-visible{outline:2px solid var(--g-color-line-focus)}.g-link_view_normal{color:var(--g-color-text-link)}.g-link_view_primary{color:var(--g-color-text-primary)}.g-link_view_secondary{color:var(--g-color-text-secondary)}.g-link_view_normal:hover,.g-link_view_primary:hover,.g-link_view_secondary:hover{color:var(--g-color-text-link-hover)}.g-link_visitable:visited{color:var(--g-color-text-link-visited)}.g-link_visitable:visited:hover{color:var(--g-color-text-link-visited-hover)}.g-button{--_--text-color:var(--g-color-text-primary);--_--text-color-hover:var(--_--text-color);--_--background-color:#0000;--_--background-color-hover:var(--g-color-base-simple-hover);--_--border-width:0;--_--border-color:currentColor;--_--focus-outline-color:var(--g-color-line-focus);--_--focus-outline-offset:0;--_--font-size:var(--g-text-body-1-font-size);padding:0;font-family:var(--g-text-body-font-family);font-size:inherit;font-weight:var(--g-text-body-font-weight);color:inherit;background:none;border:none;outline:none;cursor:pointer;position:relative;overflow:visible;box-sizing:border-box;height:var(--g-button-height,var(--_--height));line-height:var(--g-button-height,var(--_--height));font-size:var(--g-button-font-size,var(--_--font-size));-webkit-user-select:none;user-select:none;text-align:center;white-space:nowrap;text-decoration:none;color:var(--g-button-text-color,var(--_--text-color));background:#0000;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:transform .1s ease-out,color .15s linear;transform:scale(1);display:inline-flex;justify-content:center;padding:0 var(--g-button-padding,var(--_--padding));gap:var(--g-button-icon-offset,var(--_--icon-offset))}.g-button:before{content:"";position:absolute;z-index:-1;inset:0;background-color:var(--g-button-background-color,var(--_--background-color));border:var(--g-button-border-width,var(--_--border-width)) var(--g-button-border-style,solid) var(--g-button-border-color,var(--_--border-color));transition:background-color .15s linear}.g-button:hover{color:var(--g-button-text-color-hover,var(--_--text-color-hover))}.g-button:hover:before{background-color:var(--g-button-background-color-hover,var(--_--background-color-hover))}.g-button:focus-visible:before{outline:var(--g-button-focus-outline-color,var(--_--focus-outline-color)) var(--g-button-focus-outline-style,solid) var(--g-button-focus-outline-width,2px);outline-offset:var(--g-button-focus-outline-offset,var(--_--focus-outline-offset))}.g-button:after{content:"";position:absolute;z-index:-1;inset:0;transform:scale(1);transition:none}.g-button:active{transition:none;transform:scale(.96)}.g-button:active:after{transform:scale(1.042)}.g-button_size_xs{--_--height:20px;--_--border-radius:var(--g-border-radius-xs);--_--padding:6px;--_--icon-size:12px;--_--icon-offset:4px}.g-button_size_s{--_--height:24px;--_--border-radius:var(--g-border-radius-s);--_--padding:8px;--_--icon-size:16px;--_--icon-offset:4px}.g-button_size_m{--_--height:28px;--_--border-radius:var(--g-border-radius-m);--_--padding:12px;--_--icon-size:16px;--_--icon-offset:8px}.g-button_size_l{--_--height:36px;--_--border-radius:var(--g-border-radius-l);--_--padding:16px;--_--icon-size:16px;--_--icon-offset:8px}.g-button_size_xl{--_--height:44px;--_--border-radius:var(--g-border-radius-xl);--_--padding:24px;--_--icon-size:20px;--_--icon-offset:12px;--_--font-size:var(--g-text-body-2-font-size)}.g-button_view_normal{--_--background-color:var(--g-color-base-generic);--_--background-color-hover:var(--g-color-base-generic-hover)}.g-button_view_action{--_--text-color:var(--g-color-text-brand-contrast);--_--background-color:var(--g-color-base-brand);--_--background-color-hover:var(--g-color-base-brand-hover);--_--focus-outline-color:var(--g-color-base-brand);--_--focus-outline-offset:1px}.g-button_view_outlined{--_--border-width:1px;--_--border-color:var(--g-color-line-generic)}.g-button_view_outlined-info{--_--text-color:var(--g-color-text-info);--_--border-width:1px;--_--border-color:var(--g-color-line-info)}.g-button_view_outlined-success{--_--text-color:var(--g-color-text-positive);--_--border-width:1px;--_--border-color:var(--g-color-line-positive)}.g-button_view_outlined-warning{--_--text-color:var(--g-color-text-warning);--_--border-width:1px;--_--border-color:var(--g-color-line-warning)}.g-button_view_outlined-danger{--_--text-color:var(--g-color-text-danger);--_--border-width:1px;--_--border-color:var(--g-color-line-danger)}.g-button_view_outlined-utility{--_--text-color:var(--g-color-text-utility);--_--border-width:1px;--_--border-color:var(--g-color-line-utility)}.g-button_view_outlined-action{--_--text-color:var(--g-color-text-brand);--_--border-width:1px;--_--border-color:var(--g-color-line-brand)}.g-button_view_raised{--_--background-color-hover:var(--g-color-base-float-hover);background:var(--g-color-base-float)}.g-button_view_raised:before{box-shadow:0 3px 5px var(--g-color-sfx-shadow)}.g-button_view_raised:active:before{box-shadow:0 1px 2px var(--g-color-sfx-shadow)}.g-button_view_flat-secondary{--_--text-color:var(--g-color-text-secondary);--_--text-color-hover:var(--g-color-text-primary)}.g-button_view_flat-info{--_--text-color:var(--g-color-text-info)}.g-button_view_flat-success{--_--text-color:var(--g-color-text-positive)}.g-button_view_flat-warning{--_--text-color:var(--g-color-text-warning)}.g-button_view_flat-danger{--_--text-color:var(--g-color-text-danger)}.g-button_view_flat-utility{--_--text-color:var(--g-color-text-utility)}.g-button_view_flat-action{--_--text-color:var(--g-color-text-brand)}.g-button_view_normal-contrast{--_--text-color:var(--g-color-text-dark-primary);--_--background-color:var(--g-color-base-light);--_--background-color-hover:var(--g-color-base-light-hover);--_--focus-outline-color:var(--g-color-line-light)}.g-button_view_normal-contrast.g-button_loading{--_--background-color-hover:var(--g-color-base-simple-hover)}.g-button_view_outlined-contrast{--_--text-color:var(--g-color-text-light-primary);--_--background-color-hover:var(--g-color-base-light-simple-hover);--_--border-width:1px;--_--border-color:var(--g-color-line-light);--_--focus-outline-color:var(--g-color-line-light)}.g-button_view_flat-contrast{--_--text-color:var(--g-color-text-light-primary);--_--background-color-hover:var(--g-color-base-light-simple-hover);--_--focus-outline-color:var(--g-color-line-light)}.g-button.g-button_pin_round-round.g-button{border-radius:var(--g-button-border-radius,var(--_--border-radius))}.g-button.g-button_pin_brick-brick.g-button{border-radius:0}.g-button.g-button_pin_clear-clear.g-button{border-radius:0;border-inline:0}.g-button.g-button_pin_circle-circle.g-button{border-radius:100px}.g-button.g-button_pin_round-brick.g-button{border-start-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-start-end-radius:0;border-end-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-end-radius:0}.g-button.g-button_pin_brick-round.g-button{border-start-start-radius:0;border-start-end-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-start-radius:0;border-end-end-radius:var(--g-button-border-radius,var(--_--border-radius))}.g-button.g-button_pin_round-clear.g-button{border-start-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-start-end-radius:0;border-end-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-end-radius:0;border-inline-end:0}.g-button.g-button_pin_clear-round.g-button{border-start-start-radius:0;border-start-end-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-start-radius:0;border-end-end-radius:var(--g-button-border-radius,var(--_--border-radius));border-inline-start:0}.g-button.g-button_pin_brick-clear.g-button{border-radius:0;border-inline-end:0}.g-button.g-button_pin_clear-brick.g-button{border-radius:0;border-inline-start:0}.g-button.g-button_pin_circle-brick.g-button{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0}.g-button.g-button_pin_brick-circle.g-button{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px}.g-button.g-button_pin_circle-clear.g-button{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0;border-inline-end:0}.g-button.g-button_pin_clear-circle.g-button{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px;border-inline-start:0}.g-button.g-button_pin_round-round:before{border-radius:var(--g-button-border-radius,var(--_--border-radius))}.g-button.g-button_pin_brick-brick:before{border-radius:0}.g-button.g-button_pin_clear-clear:before{border-radius:0;border-inline:0}.g-button.g-button_pin_circle-circle:before{border-radius:100px}.g-button.g-button_pin_round-brick:before{border-start-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-start-end-radius:0;border-end-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-end-radius:0}.g-button.g-button_pin_brick-round:before{border-start-start-radius:0;border-start-end-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-start-radius:0;border-end-end-radius:var(--g-button-border-radius,var(--_--border-radius))}.g-button.g-button_pin_round-clear:before{border-start-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-start-end-radius:0;border-end-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-end-radius:0;border-inline-end:0}.g-button.g-button_pin_clear-round:before{border-start-start-radius:0;border-start-end-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-start-radius:0;border-end-end-radius:var(--g-button-border-radius,var(--_--border-radius));border-inline-start:0}.g-button.g-button_pin_brick-clear:before{border-radius:0;border-inline-end:0}.g-button.g-button_pin_clear-brick:before{border-radius:0;border-inline-start:0}.g-button.g-button_pin_circle-brick:before{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0}.g-button.g-button_pin_brick-circle:before{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px}.g-button.g-button_pin_circle-clear:before{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0;border-inline-end:0}.g-button.g-button_pin_clear-circle:before{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px;border-inline-start:0}.g-button.g-button_pin_round-round:after{border-radius:var(--g-button-border-radius,var(--_--border-radius))}.g-button.g-button_pin_brick-brick:after{border-radius:0}.g-button.g-button_pin_clear-clear:after{border-radius:0;border-inline:0}.g-button.g-button_pin_circle-circle:after{border-radius:100px}.g-button.g-button_pin_round-brick:after{border-start-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-start-end-radius:0;border-end-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-end-radius:0}.g-button.g-button_pin_brick-round:after{border-start-start-radius:0;border-start-end-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-start-radius:0;border-end-end-radius:var(--g-button-border-radius,var(--_--border-radius))}.g-button.g-button_pin_round-clear:after{border-start-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-start-end-radius:0;border-end-start-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-end-radius:0;border-inline-end:0}.g-button.g-button_pin_clear-round:after{border-start-start-radius:0;border-start-end-radius:var(--g-button-border-radius,var(--_--border-radius));border-end-start-radius:0;border-end-end-radius:var(--g-button-border-radius,var(--_--border-radius));border-inline-start:0}.g-button.g-button_pin_brick-clear:after{border-radius:0;border-inline-end:0}.g-button.g-button_pin_clear-brick:after{border-radius:0;border-inline-start:0}.g-button.g-button_pin_circle-brick:after{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0}.g-button.g-button_pin_brick-circle:after{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px}.g-button.g-button_pin_circle-clear:after{border-start-start-radius:100px;border-start-end-radius:0;border-end-start-radius:100px;border-end-end-radius:0;border-inline-end:0}.g-button.g-button_pin_clear-circle:after{border-start-start-radius:0;border-start-end-radius:100px;border-end-start-radius:0;border-end-end-radius:100px;border-inline-start:0}.g-button__text{display:inline-block;white-space:nowrap}.g-button__icon{display:inline-block;position:relative;margin:0 calc((var(--g-button-height, var(--_--height)) - var(--g-button-icon-size, var(--_--icon-size))) / 2 * -1);width:var(--g-button-height,var(--_--height));height:var(--g-button-height,var(--_--height));pointer-events:none}.g-button__icon:after{content:" ";visibility:hidden}.g-button__icon-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.g-button__icon_side_start{order:-1}.g-button__icon_side_end{order:1}.g-button__icon:only-child{margin:0}.g-button:has(.g-button__icon:only-child){--_--padding:0}.g-button:has(.g-button__icon:only-child):not(.g-button_width_max){width:var(--g-button-height,var(--_--height))}.g-button_disabled{cursor:default;pointer-events:none}.g-button_disabled:not(.g-button_loading){--_--text-color:var(--g-color-text-hint);--_--background-color:var(--g-color-base-generic-accent-disabled);--_--background-color-hover:var(--g-color-base-generic-accent-disabled);--_--border-width:0}.g-button_disabled:not(.g-button_loading):is(.g-button_view_normal-contrast,.g-button_view_outlined-contrast){--_--text-color:var(--g-color-text-light-secondary);--_--background-color:var(--g-color-base-light-disabled);--_--background-color-hover:var(--g-color-base-light-disabled)}.g-button_disabled:not(.g-button_loading):is(.g-button_view_flat,.g-button_view_flat-secondary,.g-button_view_flat-info,.g-button_view_flat-success,.g-button_view_flat-warning,.g-button_view_flat-danger,.g-button_view_flat-utility,.g-button_view_flat-action,.g-button_view_flat-contrast){--_--text-color:var(--g-color-text-hint);--_--background-color:#0000;--_--background-color-hover:#0000}.g-button_disabled:not(.g-button_loading).g-button_view_flat-contrast{--_--text-color:var(--g-color-text-light-hint)}.g-button_disabled:active{transform:scale(1)}.g-button_selected:not(.g-button_view_outlined-contrast){--_--border-width:0}.g-button_selected:not(.g-button_view_normal-contrast,.g-button_view_flat-contrast,.g-button_view_outlined-contrast){--_--text-color:var(--g-color-text-brand-heavy);--_--background-color:var(--g-color-base-selection);--_--background-color-hover:var(--g-color-base-selection-hover)}.g-button_selected.g-button_view_flat-info,.g-button_selected.g-button_view_outlined-info{--_--text-color:var(--g-color-text-info-heavy);--_--background-color:var(--g-color-base-info-light);--_--background-color-hover:var(--g-color-base-info-light-hover)}.g-button_selected.g-button_view_flat-success,.g-button_selected.g-button_view_outlined-success{--_--text-color:var(--g-color-text-positive-heavy);--_--background-color:var(--g-color-base-positive-light);--_--background-color-hover:var(--g-color-base-positive-light-hover)}.g-button_selected.g-button_view_flat-warning,.g-button_selected.g-button_view_outlined-warning{--_--text-color:var(--g-color-text-warning-heavy);--_--background-color:var(--g-color-base-warning-light);--_--background-color-hover:var(--g-color-base-warning-light-hover)}.g-button_selected.g-button_view_flat-danger,.g-button_selected.g-button_view_outlined-danger{--_--text-color:var(--g-color-text-danger-heavy);--_--background-color:var(--g-color-base-danger-light);--_--background-color-hover:var(--g-color-base-danger-light-hover)}.g-button_selected.g-button_view_flat-utility,.g-button_selected.g-button_view_outlined-utility{--_--text-color:var(--g-color-text-utility-heavy);--_--background-color:var(--g-color-base-utility-light);--_--background-color-hover:var(--g-color-base-utility-light-hover)}.g-button_loading:before{background-image:repeating-linear-gradient(-45deg,var(--g-button-background-color,var(--_--background-color)),var(--g-button-background-color,var(--_--background-color)) 4px,var(--g-button-background-color-hover,var(--_--background-color-hover)) 4px,var(--g-button-background-color-hover,var(--_--background-color-hover)) 8px);background-size:150%;background-clip:padding-box;animation:g-loading-animation .5s linear infinite}.g-button_width_auto{max-width:100%}.g-button_width_max{width:100%}.g-button_width_auto .g-button__text,.g-button_width_max .g-button__text{display:block;overflow:hidden;text-overflow:ellipsis}
\ No newline at end of file
diff --git a/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js b/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js
similarity index 93%
rename from _next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js
rename to _next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js
index 370bcb27fcc..74937cf4f40 100644
--- a/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js
+++ b/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js
@@ -1 +1 @@
-self.__BUILD_MANIFEST=function(s,c,t,a,e,i,d,n,b,f,u,k,h,j,o,r,I,l,p,g,_,m,B,F,x,A,D,E,L,M,N,S,T,U,C,w,P,q,v,y,z,G,H,J,K){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[s,h,r,d,n,b,I,f,c,a,e,j,u,k,o,l,p,g,_,m,F,G,H,t,i,J,K,"static/chunks/pages/index-a47e800eb4561cd2.js"],"/__stand":[s,h,d,n,b,f,c,a,e,j,u,k,o,_,m,F,"static/css/cd14e480e01879db.css","static/chunks/7216-5a6cbc8eeeca8bc4.js",t,i,"static/css/432b7a842f3e3e88.css","static/chunks/pages/__stand-9a2ca685b96b9292.js"],"/_error":["static/chunks/pages/_error-2b35abdd95bbce4e.js"],"/components":[s,c,a,e,t,i,B,"static/chunks/pages/components-a41633df26ad6a6c.js"],"/components/[libId]":[s,c,a,e,t,i,B,"static/chunks/pages/components/[libId]-0e30a45e9ae3c8ea.js"],"/components/[libId]/[componentId]":[s,h,x,A,r,d,n,b,I,f,c,a,e,j,D,E,u,k,o,l,L,M,N,S,p,g,T,U,C,w,P,_,m,q,v,t,y,"static/css/45174bcef828b9b6.css","static/chunks/pages/components/[libId]/[componentId]-832cd08e6228da76.js"],"/design":[s,c,a,e,t,i,z,B,"static/chunks/pages/design-59ab5a76d9b63b0d.js"],"/design/[sectionId]":[s,c,a,e,t,i,z,B,"static/chunks/pages/design/[sectionId]-bd97ffa575532ea8.js"],"/design/[sectionId]/[articleId]":[s,h,x,A,r,d,n,b,I,f,c,a,e,j,D,E,u,k,o,l,L,M,N,S,p,g,T,U,C,w,P,q,v,t,z,y,"static/css/334332efb6324f58.css","static/chunks/pages/design/[sectionId]/[articleId]-37a5176e01af592e.js"],"/icons":[s,d,n,b,f,c,a,e,u,k,"static/chunks/534-b8eabdbfd9dc7895.js",t,i,"static/css/691d7a23370ad563.css","static/chunks/pages/icons-2c056648930b98c9.js"],"/libraries":[s,d,n,b,f,c,a,e,u,k,"static/chunks/3756-19d754702cc004af.js",t,i,"static/css/6b20060496b3e2b4.css","static/chunks/pages/libraries-8216792936c43af9.js"],"/libraries/[libId]":[s,h,x,A,r,d,n,b,I,f,c,a,e,j,D,E,u,k,o,l,L,M,N,S,p,g,T,U,C,w,P,q,v,t,y,"static/css/27562778c74b5dd4.css","static/chunks/pages/libraries/[libId]-79c251c4245e57f2.js"],"/rtl":[s,h,r,d,n,b,I,f,c,a,e,j,u,k,o,l,p,g,_,m,F,G,H,t,i,J,K,"static/chunks/pages/rtl-ddec33390cf8d05d.js"],"/sandbox/[libId]/[componentId]":[s,c,t,"static/css/28f476dec360fd43.css","static/chunks/pages/sandbox/[libId]/[componentId]-aebf0ac828c79ede.js"],sortedPages:["/","/__stand","/_app","/_error","/components","/components/[libId]","/components/[libId]/[componentId]","/design","/design/[sectionId]","/design/[sectionId]/[articleId]","/icons","/libraries","/libraries/[libId]","/rtl","/sandbox/[libId]/[componentId]"]}}("static/chunks/29107295-4cc022cea922dbb4.js","static/chunks/2356-134624712c5c0188.js","static/chunks/1893-cb28a8dc164dd36a.js","static/css/1d0fb2e8f9c8f2e1.css","static/chunks/6383-e02be82fd9debf55.js","static/chunks/7825-68fc05ac92dd3a38.js","static/chunks/5031-cd612d5ec6e0b0ac.js","static/chunks/5303-4d496b101eb2e098.js","static/chunks/5237-09f49a8b48d3230e.js","static/chunks/2315-ec82473a3dcdfab2.js","static/css/8fa1ef1a550859ef.css","static/chunks/4294-36ec17761afac322.js","static/chunks/bee240a3-9b12f04e83c1245e.js","static/chunks/3849-64b52a143be6bcc1.js","static/chunks/1355-92b3d0302fdc2eb9.js","static/chunks/2083-51ca91edb7e4ede9.js","static/chunks/3740-0667d7da11b67bbf.js","static/chunks/5706-4541e96504eaab52.js","static/chunks/3066-98496c872f09593c.js","static/chunks/5607-2d193e75acfc5a22.js","static/css/c29e7d5472540dc3.css","static/chunks/9712-61dae95d63c1725b.js","static/css/d67b507bd1e4e312.css","static/chunks/6687-efe98ebd459d5ea9.js","static/chunks/d848df63-800a9d81a931a146.js","static/chunks/ff39441c-548d40360e6f5517.js","static/css/9b24f9c4024ad1f6.css","static/chunks/8931-dc43826710dd0800.js","static/chunks/2725-6caae717408a62a1.js","static/css/2527601b316e338b.css","static/chunks/9031-a050d9a576423e0e.js","static/chunks/5527-51292bfeb8b8520b.js","static/chunks/2538-78e70c87024347c2.js","static/chunks/7533-41dac230e5c0c3fc.js","static/chunks/4013-9fc79ad11b455809.js","static/css/5ece0def56552f83.css","static/chunks/1137-670af734dbdc155f.js","static/css/147ea10312f637e9.css","static/chunks/8689-900b316c05230cbf.js","static/chunks/1102-424233fa64cb98fa.js","static/chunks/7532-a43dbd4e5b0b2663.js","static/css/5e540c6c59d90d8c.css","static/chunks/5194-f21ffdba2b385d80.js","static/css/03d5dda4c47a80a4.css","static/chunks/3551-c1f4011a0b31cff2.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
\ No newline at end of file
+self.__BUILD_MANIFEST=function(s,c,t,a,e,i,d,n,b,f,u,k,h,j,o,r,I,l,p,g,_,m,B,F,x,A,D,E,L,M,N,S,T,U,C,w,P,q,v,y,z,G,H,J,K){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[s,h,r,d,n,b,I,f,c,a,e,j,u,k,o,l,p,g,_,m,F,G,H,t,i,J,K,"static/chunks/pages/index-a47e800eb4561cd2.js"],"/__stand":[s,h,d,n,b,f,c,a,e,j,u,k,o,_,m,F,"static/css/cd14e480e01879db.css","static/chunks/7216-5a6cbc8eeeca8bc4.js",t,i,"static/css/432b7a842f3e3e88.css","static/chunks/pages/__stand-9a2ca685b96b9292.js"],"/_error":["static/chunks/pages/_error-2b35abdd95bbce4e.js"],"/components":[s,c,a,e,t,i,B,"static/chunks/pages/components-a41633df26ad6a6c.js"],"/components/[libId]":[s,c,a,e,t,i,B,"static/chunks/pages/components/[libId]-0e30a45e9ae3c8ea.js"],"/components/[libId]/[componentId]":[s,h,x,A,r,d,n,b,I,f,c,a,e,j,D,E,u,k,o,l,L,M,N,S,p,g,T,U,C,w,P,_,m,q,v,t,y,"static/css/45174bcef828b9b6.css","static/chunks/pages/components/[libId]/[componentId]-832cd08e6228da76.js"],"/design":[s,c,a,e,t,i,z,B,"static/chunks/pages/design-59ab5a76d9b63b0d.js"],"/design/[sectionId]":[s,c,a,e,t,i,z,B,"static/chunks/pages/design/[sectionId]-bd97ffa575532ea8.js"],"/design/[sectionId]/[articleId]":[s,h,x,A,r,d,n,b,I,f,c,a,e,j,D,E,u,k,o,l,L,M,N,S,p,g,T,U,C,w,P,q,v,t,z,y,"static/css/334332efb6324f58.css","static/chunks/pages/design/[sectionId]/[articleId]-37a5176e01af592e.js"],"/icons":[s,d,n,b,f,c,a,e,u,k,"static/chunks/534-b8eabdbfd9dc7895.js",t,i,"static/css/691d7a23370ad563.css","static/chunks/pages/icons-2c056648930b98c9.js"],"/libraries":[s,d,n,b,f,c,a,e,u,k,"static/chunks/3756-19d754702cc004af.js",t,i,"static/css/6b20060496b3e2b4.css","static/chunks/pages/libraries-8216792936c43af9.js"],"/libraries/[libId]":[s,h,x,A,r,d,n,b,I,f,c,a,e,j,D,E,u,k,o,l,L,M,N,S,p,g,T,U,C,w,P,q,v,t,y,"static/css/27562778c74b5dd4.css","static/chunks/pages/libraries/[libId]-79c251c4245e57f2.js"],"/rtl":[s,h,r,d,n,b,I,f,c,a,e,j,u,k,o,l,p,g,_,m,F,G,H,t,i,J,K,"static/chunks/pages/rtl-ddec33390cf8d05d.js"],"/sandbox/[libId]/[componentId]":[s,c,t,"static/css/28f476dec360fd43.css","static/chunks/pages/sandbox/[libId]/[componentId]-aebf0ac828c79ede.js"],sortedPages:["/","/__stand","/_app","/_error","/components","/components/[libId]","/components/[libId]/[componentId]","/design","/design/[sectionId]","/design/[sectionId]/[articleId]","/icons","/libraries","/libraries/[libId]","/rtl","/sandbox/[libId]/[componentId]"]}}("static/chunks/29107295-4cc022cea922dbb4.js","static/chunks/2356-134624712c5c0188.js","static/chunks/1893-0c78157253878a4d.js","static/css/58ac9afbacb44c1e.css","static/chunks/6383-e02be82fd9debf55.js","static/chunks/7825-68fc05ac92dd3a38.js","static/chunks/5031-cd612d5ec6e0b0ac.js","static/chunks/5303-4d496b101eb2e098.js","static/chunks/5237-09f49a8b48d3230e.js","static/chunks/2315-ec82473a3dcdfab2.js","static/css/f1d55a7418659088.css","static/chunks/4294-36ec17761afac322.js","static/chunks/bee240a3-9b12f04e83c1245e.js","static/chunks/3849-64b52a143be6bcc1.js","static/chunks/1355-92b3d0302fdc2eb9.js","static/chunks/2083-51ca91edb7e4ede9.js","static/chunks/3740-0667d7da11b67bbf.js","static/chunks/5706-4541e96504eaab52.js","static/chunks/3066-98496c872f09593c.js","static/chunks/5607-2d193e75acfc5a22.js","static/css/542b42c45f9794d4.css","static/chunks/9712-61dae95d63c1725b.js","static/css/d67b507bd1e4e312.css","static/chunks/6687-efe98ebd459d5ea9.js","static/chunks/d848df63-800a9d81a931a146.js","static/chunks/ff39441c-548d40360e6f5517.js","static/css/9b24f9c4024ad1f6.css","static/chunks/8931-dc43826710dd0800.js","static/chunks/2725-6caae717408a62a1.js","static/css/2527601b316e338b.css","static/chunks/9031-a050d9a576423e0e.js","static/chunks/5527-51292bfeb8b8520b.js","static/chunks/2538-78e70c87024347c2.js","static/chunks/7533-41dac230e5c0c3fc.js","static/chunks/4013-9fc79ad11b455809.js","static/css/5ece0def56552f83.css","static/chunks/1137-670af734dbdc155f.js","static/css/147ea10312f637e9.css","static/chunks/8689-900b316c05230cbf.js","static/chunks/1102-424233fa64cb98fa.js","static/chunks/7532-a43dbd4e5b0b2663.js","static/css/5e540c6c59d90d8c.css","static/chunks/5194-f21ffdba2b385d80.js","static/css/03d5dda4c47a80a4.css","static/chunks/3551-c1f4011a0b31cff2.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
\ No newline at end of file
diff --git a/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js b/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js
similarity index 100%
rename from _next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js
rename to _next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js
diff --git a/components.html b/components.html
index dda44283ba7..045fb2aa9bf 100644
--- a/components.html
+++ b/components.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/d67b507bd1e4e312.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d67b507bd1e4e312.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components-a41633df26ad6a6c.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"}}},"initialLocale":"en","ns":["common"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components","query":{},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/d67b507bd1e4e312.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d67b507bd1e4e312.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components-a41633df26ad6a6c.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"}}},"initialLocale":"en","ns":["common"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components","query":{},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/date-components.html b/components/date-components.html
index b81f840c675..726a291b264 100644
--- a/components/date-components.html
+++ b/components/date-components.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/d67b507bd1e4e312.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d67b507bd1e4e312.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D-0e30a45e9ae3c8ea.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"date-components","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"}}},"initialLocale":"en","ns":["common"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]","query":{"libId":"date-components"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/d67b507bd1e4e312.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d67b507bd1e4e312.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D-0e30a45e9ae3c8ea.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"date-components","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"}}},"initialLocale":"en","ns":["common"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]","query":{"libId":"date-components"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/date-components/calendar.html b/components/date-components/calendar.html
index ff27894cc78..39a02f28db0 100644
--- a/components/date-components/calendar.html
+++ b/components/date-components/calendar.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Date Components</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Calendar</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Calendar</h1><div class="gravity-ui-landing-component__buttons"><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/date-components/tree/main/src/components/Calendar" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/date-components/date-field"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Date Field</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"date-components","componentId":"calendar","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Calendar\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Calendar} from '@gravity-ui/date-components';\n```\n\n`Calendar` is a flexible, user-friendly calendar component for React applications. It allows users to view, select, and manage dates with ease. Ideal for event scheduling, booking systems, and any application where date selection is essential. It can be controlled if you set `value` property. Or it can be uncontrolled if you don't set any value, but in this case you can manage the initial state with optional property `defaultValue`. Component is uncontrolled by default.\n\n### Useful addition\n\nTo set dates in the right format you may need to include additional helpers from [Date Utils library](https://gravity-ui.com/libraries/date-utils)\n\n```tsx\nimport {dateTimeParse} from '@gravity-ui/date-utils';\n```\n\n## Size\n\nTo control the size of the `Calendar` use the `size` property. Default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cCalendar size=\"m\" /\u003e\n\u003cCalendar size=\"l\" /\u003e\n\u003cCalendar size=\"xl\" /\u003e\n`}\n\u003e\n    \u003cDateComponents.Calendar size=\"m\" /\u003e\n    \u003cDateComponents.Calendar size=\"l\" /\u003e\n    \u003cDateComponents.Calendar size=\"xl\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cCalendar size=\"m\" /\u003e\n\u003cCalendar size=\"l\" /\u003e\n\u003cCalendar size=\"xl\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Value\n\n### Min and max value\n\nThe `minValue` property allows you to specify the earliest date and time that can be entered by the user. Conversely, the `maxValue` property specifies the latest date and time that can be entered. All other values will be disabled for user.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cCalendar minValue={dateTimeParse('01.01.2024')} maxValue={dateTimeParse('01.01.2025')} /\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.CalendarExample minValue={'01.01.2024'} maxValue={'01.01.2025'}/\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cCalendar minValue={dateTimeParse('01.01.2024')} maxValue={dateTimeParse('01.01.2025')} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Mode\n\nDefines the time interval that `Calendar` should display. With `mode` you can choose it in controlled way. For uncontrolled way you don't need to specify any value. Also you can set the initial mode in uncontrolled way with `defaultMode` prop.\n\n`days` - default mode for `Calendar`. It shows days in month.\n\n`months` - shows months in year\n\n`quarters` - shows quarters by years (not available as value in `defaultMode`)\n\n`years` - shows several years for select\n\nYou can limit enabled modes by using prop `modes`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cCalendar defaultMode=\"months\"/\u003e\n`}\n\u003e\n    \u003cDateComponents.Calendar defaultMode=\"months\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cCalendar defaultMode=\"months\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## States\n\n### Disabled\n\nThe state of the `Calendar` where you don't want the user to be able to interact with the component.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cCalendar disabled={true} /\u003e\n`}\n\u003e\n    \u003cDateComponents.Calendar disabled={true} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cCalendar disabled={true} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Readonly\n\n`readOnly` is a boolean attribute that, when set to true, makes the `Calendar` component immutable to the user. This means that while the input will display its current value, users will not be able to change it.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cCalendar readOnly={true} /\u003e\n`}\n\u003e\n    \u003cDateComponents.Calendar readOnly={true} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cCalendar readOnly={true} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Focused value\n\nAllows to select the date that `Calendar` view is focused on. If you need it to be controlled you shoud use `focusedValue` prop. You can set the initial focused value for uncontrolled component with optional prop `defaultFocusedValue`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cCalendar defaultFocusedValue={dateTimeParse('01.01.2020')} /\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.CalendarExample defaultFocusedValue={'01.01.2020'} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cCalendar defaultFocusedValue={dateTimeParse('01.01.2020')} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Time zone\n\n`timeZone` is the property to set the time zone of the value in the input. [Learn more about time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List)\n\n## Properties\n\n| Name                                  | Description                                                                                                          |                               Type                               |                           Default                           |\n| :------------------------------------ | :------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------: | :---------------------------------------------------------: |\n| aria-describedby                      | The control's `aria-describedby` attribute                                                                           |                             `string`                             |                                                             |\n| aria-details                          | The control's `aria-details` attribute                                                                               |                             `string`                             |                                                             |\n| aria-label                            | The control's `aria-label` attribute                                                                                 |                             `string`                             |                                                             |\n| aria-labelledby                       | The control's `aria-labelledby` attribute                                                                            |                             `string`                             |                                                             |\n| autoFocus                             | The control's `autofocus` attribute                                                                                  |                            `boolean`                             |                                                             |\n| className                             | The control's wrapper class name                                                                                     |                             `string`                             |                                                             |\n| [defaultFocusedValue](#focused-value) | The date that is focused when the calendar first mounts (uncontrolled)                                               |                            `DateTime`                            |                                                             |\n| [defaultMode](#mode)                  | Initial mode to show in calendar                                                                                     |                `days` `months` `quarters` `years`                |                                                             |\n| [defaultValue](#value)                | Sets the initial value for uncontrolled component.                                                                   |                            `DateTime`                            |                                                             |\n| [disabled](#disabled)                 | Indicates that the user cannot interact with the control                                                             |                            `boolean`                             |                           `false`                           |\n| [focusedValue](#focused-value)        | Set the default view of uncontrolled component which includes this value                                             |                        `DateTime` `null`                         |                                                             |\n| id                                    | The control's `id` attribute                                                                                         |                             `string`                             |                                                             |\n| isDateUnavailable                     | Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.             |                 `((date: DateTime) =\u003e boolean)`                  |                                                             |\n| [maxValue](#min-and-max-value)        | The maximum allowed date that a user may select.                                                                     |                            `DateTime`                            |                                                             |\n| [minValue](#min-and-max-value)        | The minimum allowed date that a user may select.                                                                     |                            `DateTime`                            |                                                             |\n| [mode](#mode)                         | Defines the time interval that `Calendar` should display in colttrolled way.                                         |                `days` `months` `quarters` `years`                |                                                             |\n| modes                                 | Modes available to user                                                                                              |            `Partial\u003cRecord\u003cCalendarLayout, boolean\u003e\u003e`            | `{days: true, months: true, quarters: false, years: true }` |\n| onBlur                                | Fires when the control lost focus. Provides focus event as a callback's argument                                     |          `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)`           |                                                             |\n| onFocus                               | Fires when the control gets focus. Provides focus event as a callback's argument                                     |          `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)`           |                                                             |\n| onFocusUpdate                         | Fires when the control's focused date changes.                                                                       |                   `((date: DateTime) =\u003e void)`                   |                                                             |\n| onUpdate                              | Fires when the value is changed.                                                                                     |                   `((value: DateTime) =\u003e void`                   |                                                             |\n| onUpdateMode                          | Fires when the mode is changed.                                                                                      | `((value: 'days' \\| 'months' \\| 'quarters' \\| 'years' ) =\u003e void` |                                                             |\n| [readOnly](#readonly)                 | Whether the calendar value is immutable.                                                                             |                            `boolean`                             |                           `false`                           |\n| [size](#size)                         | The size of the control                                                                                              |                        `\"m\"` `\"l\"` `\"xl\"`                        |                            `\"m\"`                            |\n| style                                 | Sets inline style for the element.                                                                                   |                         `CSSProperties`                          |                                                             |\n| [timeZone](#time-zone)                | Sets the time zone. [Learn more about time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List) |                             `string`                             |                                                             |\n| [value](#calendar)                    | The value of the control                                                                                             |                        `DateTime` `null`                         |                                                             |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"date-components","componentId":"calendar"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Date Components</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Calendar</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Calendar</h1><div class="gravity-ui-landing-component__buttons"><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/date-components/tree/main/src/components/Calendar" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/date-components/date-field"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Date Field</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"date-components","componentId":"calendar","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Calendar\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Calendar} from '@gravity-ui/date-components';\n```\n\n`Calendar` is a flexible, user-friendly calendar component for React applications. It allows users to view, select, and manage dates with ease. Ideal for event scheduling, booking systems, and any application where date selection is essential. It can be controlled if you set `value` property. Or it can be uncontrolled if you don't set any value, but in this case you can manage the initial state with optional property `defaultValue`. Component is uncontrolled by default.\n\n### Useful addition\n\nTo set dates in the right format you may need to include additional helpers from [Date Utils library](https://gravity-ui.com/libraries/date-utils)\n\n```tsx\nimport {dateTimeParse} from '@gravity-ui/date-utils';\n```\n\n## Size\n\nTo control the size of the `Calendar` use the `size` property. Default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cCalendar size=\"m\" /\u003e\n\u003cCalendar size=\"l\" /\u003e\n\u003cCalendar size=\"xl\" /\u003e\n`}\n\u003e\n    \u003cDateComponents.Calendar size=\"m\" /\u003e\n    \u003cDateComponents.Calendar size=\"l\" /\u003e\n    \u003cDateComponents.Calendar size=\"xl\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cCalendar size=\"m\" /\u003e\n\u003cCalendar size=\"l\" /\u003e\n\u003cCalendar size=\"xl\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Value\n\n### Min and max value\n\nThe `minValue` property allows you to specify the earliest date and time that can be entered by the user. Conversely, the `maxValue` property specifies the latest date and time that can be entered. All other values will be disabled for user.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cCalendar minValue={dateTimeParse('01.01.2024')} maxValue={dateTimeParse('01.01.2025')} /\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.CalendarExample minValue={'01.01.2024'} maxValue={'01.01.2025'}/\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cCalendar minValue={dateTimeParse('01.01.2024')} maxValue={dateTimeParse('01.01.2025')} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Mode\n\nDefines the time interval that `Calendar` should display. With `mode` you can choose it in controlled way. For uncontrolled way you don't need to specify any value. Also you can set the initial mode in uncontrolled way with `defaultMode` prop.\n\n`days` - default mode for `Calendar`. It shows days in month.\n\n`months` - shows months in year\n\n`quarters` - shows quarters by years (not available as value in `defaultMode`)\n\n`years` - shows several years for select\n\nYou can limit enabled modes by using prop `modes`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cCalendar defaultMode=\"months\"/\u003e\n`}\n\u003e\n    \u003cDateComponents.Calendar defaultMode=\"months\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cCalendar defaultMode=\"months\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## States\n\n### Disabled\n\nThe state of the `Calendar` where you don't want the user to be able to interact with the component.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cCalendar disabled={true} /\u003e\n`}\n\u003e\n    \u003cDateComponents.Calendar disabled={true} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cCalendar disabled={true} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Readonly\n\n`readOnly` is a boolean attribute that, when set to true, makes the `Calendar` component immutable to the user. This means that while the input will display its current value, users will not be able to change it.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cCalendar readOnly={true} /\u003e\n`}\n\u003e\n    \u003cDateComponents.Calendar readOnly={true} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cCalendar readOnly={true} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Focused value\n\nAllows to select the date that `Calendar` view is focused on. If you need it to be controlled you shoud use `focusedValue` prop. You can set the initial focused value for uncontrolled component with optional prop `defaultFocusedValue`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cCalendar defaultFocusedValue={dateTimeParse('01.01.2020')} /\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.CalendarExample defaultFocusedValue={'01.01.2020'} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cCalendar defaultFocusedValue={dateTimeParse('01.01.2020')} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Time zone\n\n`timeZone` is the property to set the time zone of the value in the input. [Learn more about time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List)\n\n## Properties\n\n| Name                                  | Description                                                                                                          |                               Type                               |                           Default                           |\n| :------------------------------------ | :------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------: | :---------------------------------------------------------: |\n| aria-describedby                      | The control's `aria-describedby` attribute                                                                           |                             `string`                             |                                                             |\n| aria-details                          | The control's `aria-details` attribute                                                                               |                             `string`                             |                                                             |\n| aria-label                            | The control's `aria-label` attribute                                                                                 |                             `string`                             |                                                             |\n| aria-labelledby                       | The control's `aria-labelledby` attribute                                                                            |                             `string`                             |                                                             |\n| autoFocus                             | The control's `autofocus` attribute                                                                                  |                            `boolean`                             |                                                             |\n| className                             | The control's wrapper class name                                                                                     |                             `string`                             |                                                             |\n| [defaultFocusedValue](#focused-value) | The date that is focused when the calendar first mounts (uncontrolled)                                               |                            `DateTime`                            |                                                             |\n| [defaultMode](#mode)                  | Initial mode to show in calendar                                                                                     |                `days` `months` `quarters` `years`                |                                                             |\n| [defaultValue](#value)                | Sets the initial value for uncontrolled component.                                                                   |                            `DateTime`                            |                                                             |\n| [disabled](#disabled)                 | Indicates that the user cannot interact with the control                                                             |                            `boolean`                             |                           `false`                           |\n| [focusedValue](#focused-value)        | Set the default view of uncontrolled component which includes this value                                             |                        `DateTime` `null`                         |                                                             |\n| id                                    | The control's `id` attribute                                                                                         |                             `string`                             |                                                             |\n| isDateUnavailable                     | Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.             |                 `((date: DateTime) =\u003e boolean)`                  |                                                             |\n| [maxValue](#min-and-max-value)        | The maximum allowed date that a user may select.                                                                     |                            `DateTime`                            |                                                             |\n| [minValue](#min-and-max-value)        | The minimum allowed date that a user may select.                                                                     |                            `DateTime`                            |                                                             |\n| [mode](#mode)                         | Defines the time interval that `Calendar` should display in colttrolled way.                                         |                `days` `months` `quarters` `years`                |                                                             |\n| modes                                 | Modes available to user                                                                                              |            `Partial\u003cRecord\u003cCalendarLayout, boolean\u003e\u003e`            | `{days: true, months: true, quarters: false, years: true }` |\n| onBlur                                | Fires when the control lost focus. Provides focus event as a callback's argument                                     |          `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)`           |                                                             |\n| onFocus                               | Fires when the control gets focus. Provides focus event as a callback's argument                                     |          `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)`           |                                                             |\n| onFocusUpdate                         | Fires when the control's focused date changes.                                                                       |                   `((date: DateTime) =\u003e void)`                   |                                                             |\n| onUpdate                              | Fires when the value is changed.                                                                                     |                   `((value: DateTime) =\u003e void`                   |                                                             |\n| onUpdateMode                          | Fires when the mode is changed.                                                                                      | `((value: 'days' \\| 'months' \\| 'quarters' \\| 'years' ) =\u003e void` |                                                             |\n| [readOnly](#readonly)                 | Whether the calendar value is immutable.                                                                             |                            `boolean`                             |                           `false`                           |\n| [size](#size)                         | The size of the control                                                                                              |                        `\"m\"` `\"l\"` `\"xl\"`                        |                            `\"m\"`                            |\n| style                                 | Sets inline style for the element.                                                                                   |                         `CSSProperties`                          |                                                             |\n| [timeZone](#time-zone)                | Sets the time zone. [Learn more about time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List) |                             `string`                             |                                                             |\n| [value](#calendar)                    | The value of the control                                                                                             |                        `DateTime` `null`                         |                                                             |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"date-components","componentId":"calendar"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/date-components/date-field.html b/components/date-components/date-field.html
index 7b031883eb2..c780fd74af9 100644
--- a/components/date-components/date-field.html
+++ b/components/date-components/date-field.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Date Components</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Date Field</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Date Field</h1><div class="gravity-ui-landing-component__buttons"><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/date-components/tree/main/src/components/DateField" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/date-components/calendar"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Calendar</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/date-components/date-picker"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Date Picker</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"date-components","componentId":"date-field","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# DateField\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {DateField} from '@gravity-ui/date-components';\n```\n\n`DateField` component is a versatile and convenient input field specifically designed for date entry in React applications. With an intuitive interface and easy integration, it's perfect for any form that requires date or time input, such as event schedulers, booking systems, or data-driven reports. It can be controlled if you set `value` property. Or it can be uncontrolled if you don't set any value, but in this case you can manage the initial state with optional property `defaultValue`. Component is uncontrolled by default.\n\n### Useful addition\n\nTo set dates in the right format you may need to include additional helpers from [Date Utils library](https://gravity-ui.com/libraries/date-utils)\n\n```tsx\nimport {dateTimeParse} from '@gravity-ui/date-utils';\n```\n\n## Appearance\n\nThe appearance of `DateField` is controlled by the `size`, `view` and `pin` properties.\n\n### Size\n\nTo control the size of the `DateField` use the `size` property. Default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDateField size=\"s\" /\u003e\n\u003cDateField size=\"m\" /\u003e\n\u003cDateField size=\"l\" /\u003e\n\u003cDateField size=\"xl\" /\u003e\n`}\n\u003e\n    \u003cDateComponents.DateField size=\"s\" /\u003e\n    \u003cDateComponents.DateField size=\"m\" /\u003e\n    \u003cDateComponents.DateField size=\"l\" /\u003e\n    \u003cDateComponents.DateField size=\"xl\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField size=\"s\" /\u003e\n\u003cDateField size=\"m\" /\u003e\n\u003cDateField size=\"l\" /\u003e\n\u003cDateField size=\"xl\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### View\n\n`normal` - the main view of `DateField` (used by default).\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock code={`\u003cDateField /\u003e`}\u003e\n    \u003cDateComponents.DateField /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n`clear` - view of `DateField` without visible borders (can be used with a custom wrapper)\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock code={`\u003cDateField view=\"clear\" /\u003e`}\u003e\n    \u003cDateComponents.DateField view=\"clear\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField view=\"normal\" /\u003e\n\u003cDateField view=\"clear\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Pin\n\nThe `pin` property allows you to control the shape of the right and left edges and is usually used for combining multiple controls in a single unit.\nThe value of the `pin` property consists of left and edge style names divided by a dash, e.g. `\"round-brick\"`.\nThe edge styles are: `round` (default), `circle`, `brick` and `clear`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDateField pin=\"round-brick\" /\u003e\n\u003cDateField pin=\"brick-brick\" /\u003e\n\u003cDateField pin=\"brick-round\" /\u003e\n`}\n\u003e\n    \u003cDateComponents.DateField pin=\"round-brick\" /\u003e\n    \u003cDateComponents.DateField pin=\"brick-brick\" /\u003e\n    \u003cDateComponents.DateField pin=\"brick-round\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField pin=\"round-brick\" /\u003e\n\u003cDateField pin=\"brick-brick\" /\u003e\n\u003cDateField pin=\"brick-round\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Value\n\n### Min and max value\n\nThe `minValue` property allows you to specify the earliest date and time that can be entered by the user. Conversely, the `maxValue` property specifies the latest date and time that can be entered. If you input the value out of this bounds component changes it's view like in case of invalid validation state.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDateField minValue={dateTimeParse('01.01.2024')} placeholder={\"minValue: '01.01.2024'\"}/\u003e\n\u003cDateField maxValue={dateTimeParse('01.01.2025')} placeholder={\"maxValue: '01.01.2025'\"}/\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.DateFieldExample minValue={'01.01.2024'} placeholder={\"minValue: '01.01.2024'\"} /\u003e\n    \u003cDateComponentsExamples.DateFieldExample maxValue={'01.01.2025'} placeholder={\"maxValue: '01.01.2025'\"} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\n\u003cDateField minValue={dateTimeParse('01.01.2024')} /\u003e\n\u003cDateField maxValue={dateTimeParse('01.01.2025')} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## States\n\n### Disabled\n\nThe state of the `DateField` where you don't want the user to be able to interact with the component.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDateField disabled={true} defaultValue={dateTimeParse(new Date())} /\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.DateFieldExample disabled={true} defaultValue={new Date()} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField disabled defaultValue={dateTimeParse(new Date())} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Readonly\n\n`readOnly` is a boolean attribute that, when set to true, makes the `DateField` component immutable to the user. This means that while the input will display its current value, users will not be able to change it.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDateField readOnly defaultValue={dateTimeParse(new Date())} /\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.DateFieldExample readOnly defaultValue={new Date()} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField readOnly defaultValue={dateTimeParse(new Date())} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Error\n\nThe state of the `DateField` in which you want to indicate incorrect user input. To change `DateField` appearance, use the `validationState` property with the `\"invalid\"` value. An optional message text can be added via the `errorMessage` property. Message text will be rendered under the component.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDateField errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n\u003cDateField validationState=\"invalid\" /\u003e\n`}\n\u003e\n    \u003cDateComponents.DateField errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n    \u003cDateComponents.DateField validationState=\"invalid\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n\u003cDateField validationState=\"invalid\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Additional content\n\n### Placeholder\n\nThis prop allows you to provide a short hint that describes the expected value of the input field. This hint is displayed within the input field before the user enters a value, and it disappears upon the entry of text.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDateField placeholder='Placeholder' /\u003e\n`}\n\u003e\n    \u003cDateComponents.DateField placeholder='Placeholder' /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField placeholder=\"Placeholder\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Label\n\nAllows you to place the label in the left part of the field. Label can take up no more than half the width of the entire space of `DateField`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDateField label=\"Label\" /\u003e\n\u003cDateField label=\"Very long label with huge amount of symbols\" /\u003e\n`}\n\u003e\n    \u003cDateComponents.DateField label=\"Label\" /\u003e\n    \u003cDateComponents.DateField label=\"Very long label with huge amount of symbols\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField label=\"Label\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Clear button\n\n`hasClear` is a boolean prop that, provides users with the ability to quickly clear the content of the input field.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\u003cDateField hasClear /\u003e`}\n\u003e\n    \u003cDateComponents.DateField\n        hasClear\n    /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField hasClear /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Start content\n\nAllows you to add content to the start part of the field. It is placed before all other components.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\u003cDateField label=\"Label\" startContent={\u003cLabel size=\"s\"\u003eStart content\u003c/Label\u003e} /\u003e`}\n\u003e\n    \u003cDateComponents.DateField\n        label=\"Label\"\n        startContent={\u003cUIKit.Label size=\"s\"\u003eStart content\u003c/UIKit.Label\u003e}\n    /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField label=\"Label\" startContent={\u003cLabel\u003eStart content\u003c/Label\u003e} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### End content\n\nAllows you to add content to the end part of the field. It is placed after all other components.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\u003cDateField endContent={\u003cLabel size=\"s\"\u003eEnd content\u003c/Label\u003e} hasClear/\u003e`}\n\u003e\n    \u003cDateComponents.DateField\n        hasClear\n        endContent={\u003cUIKit.Label size=\"s\"\u003eEnd content\u003c/UIKit.Label\u003e}\n    /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField hasClear endContent={\u003cLabel\u003eEnd content\u003c/Label\u003e} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Format\n\nThe `format` prop is a string that defines the date and time format the `DateField` component will accept and display. This prop determines how the date and time are visually presented to the user and how the user's input is expected to be formatted. [Available formats](https://day.js.org/docs/en/display/format)\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDateField format='LTS' /\u003e\n`}\n\u003e\n    \u003cDateComponents.DateField format='LTS' /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField format=\"LTS\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Time zone\n\n`timeZone` is the property to set the time zone of the value in the input. [Learn more about time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List)\n\n## Properties\n\n| Name              | Description                                                                                                          |                     Type                      |          Default          |\n| :---------------- | :------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------: | :-----------------------: |\n| aria-describedby  | The control's `aria-describedby` attribute                                                                           |                   `string`                    |                           |\n| aria-details      | The control's `aria-details` attribute                                                                               |                   `string`                    |                           |\n| aria-label        | The control's `aria-label` attribute                                                                                 |                   `string`                    |                           |\n| aria-labelledby   | The control's `aria-labelledby` attribute                                                                            |                   `string`                    |                           |\n| autoFocus         | The control's `autofocus` attribute                                                                                  |                   `boolean`                   |                           |\n| className         | The control's wrapper class name                                                                                     |                   `string`                    |                           |\n| defaultValue      | Sets the initial value for uncontrolled component.                                                                   |                  `DateTime`                   |                           |\n| disabled          | Indicates that the user cannot interact with the control                                                             |                   `boolean`                   |          `false`          |\n| errorMessage      | Error text                                                                                                           |                  `ReactNode`                  |                           |\n| format            | Format of the date when rendered in the input. [Available formats](https://day.js.org/docs/en/display/format)        |                   `string`                    |                           |\n| hasClear          | Shows the icon for clearing control's value                                                                          |                   `boolean`                   |          `false`          |\n| id                | The control's `id` attribute                                                                                         |                   `string`                    |                           |\n| isDateUnavailable | Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.             |        `((date: DateTime) =\u003e boolean)`        |                           |\n| label             | Help text rendered to the left of the input node                                                                     |                   `string`                    |                           |\n| startContent      | The user`s node rendered before label and input                                                                      |               `React.ReactNode`               |                           |\n| maxValue          | The maximum allowed date that a user may select.                                                                     |                  `DateTime`                   |                           |\n| minValue          | The minimum allowed date that a user may select.                                                                     |                  `DateTime`                   |                           |\n| onBlur            | Fires when the control lost focus. Provides focus event as a callback's argument                                     | `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)` |                           |\n| onFocus           | Fires when the control gets focus. Provides focus event as a callback's argument                                     | `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)` |                           |\n| onKeyDown         | Fires when a key is pressed. Provides keyboard event as a callback's argument                                        |    `((e: KeyboardEvent\u003cElement\u003e) =\u003e void)`    |                           |\n| onKeyUp           | Fires when a key is released. Provides keyboard event as a callback's argument                                       |    `((e: KeyboardEvent\u003cElement\u003e) =\u003e void)`    |                           |\n| onUpdate          | Fires when the value is changed by the user. Provides new value as an callback's argument                            |     `((value: DateTime \\| null) =\u003e void`      |                           |\n| pin               | Corner rounding                                                                                                      |                   `string`                    |      `'round-round'`      |\n| placeholder       | Text that appears in the control when it has no value set                                                            |                   `string`                    |                           |\n| placeholderValue  | A placeholder date that controls the default values of each segment when the user first interacts with them.         |                  `DateTime`                   | `today's date at midnigh` |\n| readOnly          | Whether the component's value is immutable.                                                                          |                   `boolean`                   |          `false`          |\n| endContent        | User`s node rendered after the input node and clear button                                                           |               `React.ReactNode`               |                           |\n| size              | The size of the control                                                                                              |           `\"s\"` `\"m\"` `\"l\"` `\"xl\"`            |           `\"m\"`           |\n| style             | Sets inline style for the element.                                                                                   |                `CSSProperties`                |                           |\n| timeZone          | Sets the time zone. [Learn more about time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List) |                   `string`                    |                           |\n| validationState   | Validation state                                                                                                     |                  `\"invalid\"`                  |                           |\n| value             | The value of the control                                                                                             |               `DateTime` `null`               |                           |\n| view              | The view of the control                                                                                              |             `\"normal\"` `\"clear\"`              |        `\"normal\"`         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"date-components","componentId":"date-field"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Date Components</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Date Field</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Date Field</h1><div class="gravity-ui-landing-component__buttons"><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/date-components/tree/main/src/components/DateField" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/date-components/calendar"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Calendar</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/date-components/date-picker"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Date Picker</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"date-components","componentId":"date-field","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# DateField\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {DateField} from '@gravity-ui/date-components';\n```\n\n`DateField` component is a versatile and convenient input field specifically designed for date entry in React applications. With an intuitive interface and easy integration, it's perfect for any form that requires date or time input, such as event schedulers, booking systems, or data-driven reports. It can be controlled if you set `value` property. Or it can be uncontrolled if you don't set any value, but in this case you can manage the initial state with optional property `defaultValue`. Component is uncontrolled by default.\n\n### Useful addition\n\nTo set dates in the right format you may need to include additional helpers from [Date Utils library](https://gravity-ui.com/libraries/date-utils)\n\n```tsx\nimport {dateTimeParse} from '@gravity-ui/date-utils';\n```\n\n## Appearance\n\nThe appearance of `DateField` is controlled by the `size`, `view` and `pin` properties.\n\n### Size\n\nTo control the size of the `DateField` use the `size` property. Default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDateField size=\"s\" /\u003e\n\u003cDateField size=\"m\" /\u003e\n\u003cDateField size=\"l\" /\u003e\n\u003cDateField size=\"xl\" /\u003e\n`}\n\u003e\n    \u003cDateComponents.DateField size=\"s\" /\u003e\n    \u003cDateComponents.DateField size=\"m\" /\u003e\n    \u003cDateComponents.DateField size=\"l\" /\u003e\n    \u003cDateComponents.DateField size=\"xl\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField size=\"s\" /\u003e\n\u003cDateField size=\"m\" /\u003e\n\u003cDateField size=\"l\" /\u003e\n\u003cDateField size=\"xl\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### View\n\n`normal` - the main view of `DateField` (used by default).\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock code={`\u003cDateField /\u003e`}\u003e\n    \u003cDateComponents.DateField /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n`clear` - view of `DateField` without visible borders (can be used with a custom wrapper)\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock code={`\u003cDateField view=\"clear\" /\u003e`}\u003e\n    \u003cDateComponents.DateField view=\"clear\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField view=\"normal\" /\u003e\n\u003cDateField view=\"clear\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Pin\n\nThe `pin` property allows you to control the shape of the right and left edges and is usually used for combining multiple controls in a single unit.\nThe value of the `pin` property consists of left and edge style names divided by a dash, e.g. `\"round-brick\"`.\nThe edge styles are: `round` (default), `circle`, `brick` and `clear`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDateField pin=\"round-brick\" /\u003e\n\u003cDateField pin=\"brick-brick\" /\u003e\n\u003cDateField pin=\"brick-round\" /\u003e\n`}\n\u003e\n    \u003cDateComponents.DateField pin=\"round-brick\" /\u003e\n    \u003cDateComponents.DateField pin=\"brick-brick\" /\u003e\n    \u003cDateComponents.DateField pin=\"brick-round\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField pin=\"round-brick\" /\u003e\n\u003cDateField pin=\"brick-brick\" /\u003e\n\u003cDateField pin=\"brick-round\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Value\n\n### Min and max value\n\nThe `minValue` property allows you to specify the earliest date and time that can be entered by the user. Conversely, the `maxValue` property specifies the latest date and time that can be entered. If you input the value out of this bounds component changes it's view like in case of invalid validation state.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDateField minValue={dateTimeParse('01.01.2024')} placeholder={\"minValue: '01.01.2024'\"}/\u003e\n\u003cDateField maxValue={dateTimeParse('01.01.2025')} placeholder={\"maxValue: '01.01.2025'\"}/\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.DateFieldExample minValue={'01.01.2024'} placeholder={\"minValue: '01.01.2024'\"} /\u003e\n    \u003cDateComponentsExamples.DateFieldExample maxValue={'01.01.2025'} placeholder={\"maxValue: '01.01.2025'\"} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\n\u003cDateField minValue={dateTimeParse('01.01.2024')} /\u003e\n\u003cDateField maxValue={dateTimeParse('01.01.2025')} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## States\n\n### Disabled\n\nThe state of the `DateField` where you don't want the user to be able to interact with the component.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDateField disabled={true} defaultValue={dateTimeParse(new Date())} /\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.DateFieldExample disabled={true} defaultValue={new Date()} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField disabled defaultValue={dateTimeParse(new Date())} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Readonly\n\n`readOnly` is a boolean attribute that, when set to true, makes the `DateField` component immutable to the user. This means that while the input will display its current value, users will not be able to change it.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDateField readOnly defaultValue={dateTimeParse(new Date())} /\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.DateFieldExample readOnly defaultValue={new Date()} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField readOnly defaultValue={dateTimeParse(new Date())} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Error\n\nThe state of the `DateField` in which you want to indicate incorrect user input. To change `DateField` appearance, use the `validationState` property with the `\"invalid\"` value. An optional message text can be added via the `errorMessage` property. Message text will be rendered under the component.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDateField errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n\u003cDateField validationState=\"invalid\" /\u003e\n`}\n\u003e\n    \u003cDateComponents.DateField errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n    \u003cDateComponents.DateField validationState=\"invalid\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n\u003cDateField validationState=\"invalid\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Additional content\n\n### Placeholder\n\nThis prop allows you to provide a short hint that describes the expected value of the input field. This hint is displayed within the input field before the user enters a value, and it disappears upon the entry of text.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDateField placeholder='Placeholder' /\u003e\n`}\n\u003e\n    \u003cDateComponents.DateField placeholder='Placeholder' /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField placeholder=\"Placeholder\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Label\n\nAllows you to place the label in the left part of the field. Label can take up no more than half the width of the entire space of `DateField`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDateField label=\"Label\" /\u003e\n\u003cDateField label=\"Very long label with huge amount of symbols\" /\u003e\n`}\n\u003e\n    \u003cDateComponents.DateField label=\"Label\" /\u003e\n    \u003cDateComponents.DateField label=\"Very long label with huge amount of symbols\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField label=\"Label\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Clear button\n\n`hasClear` is a boolean prop that, provides users with the ability to quickly clear the content of the input field.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\u003cDateField hasClear /\u003e`}\n\u003e\n    \u003cDateComponents.DateField\n        hasClear\n    /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField hasClear /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Start content\n\nAllows you to add content to the start part of the field. It is placed before all other components.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\u003cDateField label=\"Label\" startContent={\u003cLabel size=\"s\"\u003eStart content\u003c/Label\u003e} /\u003e`}\n\u003e\n    \u003cDateComponents.DateField\n        label=\"Label\"\n        startContent={\u003cUIKit.Label size=\"s\"\u003eStart content\u003c/UIKit.Label\u003e}\n    /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField label=\"Label\" startContent={\u003cLabel\u003eStart content\u003c/Label\u003e} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### End content\n\nAllows you to add content to the end part of the field. It is placed after all other components.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\u003cDateField endContent={\u003cLabel size=\"s\"\u003eEnd content\u003c/Label\u003e} hasClear/\u003e`}\n\u003e\n    \u003cDateComponents.DateField\n        hasClear\n        endContent={\u003cUIKit.Label size=\"s\"\u003eEnd content\u003c/UIKit.Label\u003e}\n    /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField hasClear endContent={\u003cLabel\u003eEnd content\u003c/Label\u003e} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Format\n\nThe `format` prop is a string that defines the date and time format the `DateField` component will accept and display. This prop determines how the date and time are visually presented to the user and how the user's input is expected to be formatted. [Available formats](https://day.js.org/docs/en/display/format)\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDateField format='LTS' /\u003e\n`}\n\u003e\n    \u003cDateComponents.DateField format='LTS' /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDateField format=\"LTS\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Time zone\n\n`timeZone` is the property to set the time zone of the value in the input. [Learn more about time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List)\n\n## Properties\n\n| Name              | Description                                                                                                          |                     Type                      |          Default          |\n| :---------------- | :------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------: | :-----------------------: |\n| aria-describedby  | The control's `aria-describedby` attribute                                                                           |                   `string`                    |                           |\n| aria-details      | The control's `aria-details` attribute                                                                               |                   `string`                    |                           |\n| aria-label        | The control's `aria-label` attribute                                                                                 |                   `string`                    |                           |\n| aria-labelledby   | The control's `aria-labelledby` attribute                                                                            |                   `string`                    |                           |\n| autoFocus         | The control's `autofocus` attribute                                                                                  |                   `boolean`                   |                           |\n| className         | The control's wrapper class name                                                                                     |                   `string`                    |                           |\n| defaultValue      | Sets the initial value for uncontrolled component.                                                                   |                  `DateTime`                   |                           |\n| disabled          | Indicates that the user cannot interact with the control                                                             |                   `boolean`                   |          `false`          |\n| errorMessage      | Error text                                                                                                           |                  `ReactNode`                  |                           |\n| format            | Format of the date when rendered in the input. [Available formats](https://day.js.org/docs/en/display/format)        |                   `string`                    |                           |\n| hasClear          | Shows the icon for clearing control's value                                                                          |                   `boolean`                   |          `false`          |\n| id                | The control's `id` attribute                                                                                         |                   `string`                    |                           |\n| isDateUnavailable | Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.             |        `((date: DateTime) =\u003e boolean)`        |                           |\n| label             | Help text rendered to the left of the input node                                                                     |                   `string`                    |                           |\n| startContent      | The user`s node rendered before label and input                                                                      |               `React.ReactNode`               |                           |\n| maxValue          | The maximum allowed date that a user may select.                                                                     |                  `DateTime`                   |                           |\n| minValue          | The minimum allowed date that a user may select.                                                                     |                  `DateTime`                   |                           |\n| onBlur            | Fires when the control lost focus. Provides focus event as a callback's argument                                     | `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)` |                           |\n| onFocus           | Fires when the control gets focus. Provides focus event as a callback's argument                                     | `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)` |                           |\n| onKeyDown         | Fires when a key is pressed. Provides keyboard event as a callback's argument                                        |    `((e: KeyboardEvent\u003cElement\u003e) =\u003e void)`    |                           |\n| onKeyUp           | Fires when a key is released. Provides keyboard event as a callback's argument                                       |    `((e: KeyboardEvent\u003cElement\u003e) =\u003e void)`    |                           |\n| onUpdate          | Fires when the value is changed by the user. Provides new value as an callback's argument                            |     `((value: DateTime \\| null) =\u003e void`      |                           |\n| pin               | Corner rounding                                                                                                      |                   `string`                    |      `'round-round'`      |\n| placeholder       | Text that appears in the control when it has no value set                                                            |                   `string`                    |                           |\n| placeholderValue  | A placeholder date that controls the default values of each segment when the user first interacts with them.         |                  `DateTime`                   | `today's date at midnigh` |\n| readOnly          | Whether the component's value is immutable.                                                                          |                   `boolean`                   |          `false`          |\n| endContent        | User`s node rendered after the input node and clear button                                                           |               `React.ReactNode`               |                           |\n| size              | The size of the control                                                                                              |           `\"s\"` `\"m\"` `\"l\"` `\"xl\"`            |           `\"m\"`           |\n| style             | Sets inline style for the element.                                                                                   |                `CSSProperties`                |                           |\n| timeZone          | Sets the time zone. [Learn more about time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List) |                   `string`                    |                           |\n| validationState   | Validation state                                                                                                     |                  `\"invalid\"`                  |                           |\n| value             | The value of the control                                                                                             |               `DateTime` `null`               |                           |\n| view              | The view of the control                                                                                              |             `\"normal\"` `\"clear\"`              |        `\"normal\"`         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"date-components","componentId":"date-field"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/date-components/date-picker.html b/components/date-components/date-picker.html
index 1758e8b09dc..5df4f98ab25 100644
--- a/components/date-components/date-picker.html
+++ b/components/date-components/date-picker.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Date Components</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Date Picker</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Date Picker</h1><div class="gravity-ui-landing-component__buttons"><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/date-components/tree/main/src/components/DatePicker" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/date-components/date-field"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Date Field</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/date-components/range-calendar"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Range Calendar</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"date-components","componentId":"date-picker","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# DatePicker\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {DatePicker} from '@gravity-ui/date-components';\n```\n\n`DatePicker` is a sophisticated, lightweight, and fully customizable component designed to provide intuitive date picking functionality in your React applications. Built with user experience and ease of integration in mind, it fits seamlessly within forms, modals, or any UI element requiring date input. It can be controlled if you set `value` property. Or it can be uncontrolled if you don't set any value, but in this case you can manage the initial state with optional property `defaultValue`. Component is uncontrolled by default.\n\n### Useful addition\n\nTo set dates in the right format you may need to include additional helpers from [Date Utils library](https://gravity-ui.com/libraries/date-utils)\n\n```tsx\nimport {dateTimeParse, dateTime} from '@gravity-ui/date-utils';\n```\n\n## Appearance\n\nThe appearance of `DatePicker` is controlled by the `size`, `view` and `pin` properties.\n\n### Size\n\nTo control the size of the `DatePicker` use the `size` property. Default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDatePicker size=\"s\" /\u003e\n\u003cDatePicker size=\"m\" /\u003e\n\u003cDatePicker size=\"l\" /\u003e\n\u003cDatePicker size=\"xl\" /\u003e\n`}\n\u003e\n    \u003cDateComponents.DatePicker size=\"s\" /\u003e\n    \u003cDateComponents.DatePicker size=\"m\" /\u003e\n    \u003cDateComponents.DatePicker size=\"l\" /\u003e\n    \u003cDateComponents.DatePicker size=\"xl\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDatePicker size=\"s\" /\u003e\n\u003cDatePicker size=\"m\" /\u003e\n\u003cDatePicker size=\"l\" /\u003e\n\u003cDatePicker size=\"xl\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### View\n\n`normal` - the main view of `DatePicker` (used by default).\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock code={`\u003cDatePicker /\u003e`}\u003e\n    \u003cDateComponents.DatePicker /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n`clear` - view of `DatePicker` without visible borders (can be used with a custom wrapper)\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock code={`\u003cDatePicker view=\"clear\" /\u003e`}\u003e\n    \u003cDateComponents.DatePicker view=\"clear\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDatePicker view=\"normal\" /\u003e\n\u003cDatePicker view=\"clear\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Pin\n\nThe `pin` property allows you to control the shape of the right and left edges and is usually used for combining multiple controls in a single unit.\nThe value of the `pin` property consists of left and edge style names divided by a dash, e.g. `\"round-brick\"`.\nThe edge styles are: `round` (default), `circle`, `brick` and `clear`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDatePicker pin=\"round-brick\" /\u003e\n\u003cDatePicker pin=\"brick-brick\" /\u003e\n\u003cDatePicker pin=\"brick-round\" /\u003e\n`}\n\u003e\n    \u003cDateComponents.DatePicker pin=\"round-brick\" /\u003e\n    \u003cDateComponents.DatePicker pin=\"brick-brick\" /\u003e\n    \u003cDateComponents.DatePicker pin=\"brick-round\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDatePicker pin=\"round-brick\" /\u003e\n\u003cDatePicker pin=\"brick-brick\" /\u003e\n\u003cDatePicker pin=\"brick-round\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Value\n\n### Min and max value\n\nThe `minValue` property allows you to specify the earliest date and time that can be entered by the user. Conversely, the `maxValue` property specifies the latest date and time that can be entered. If you input the value out of this bounds component changes it's view like in case of invalid validation state.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDatePicker minValue={dateTimeParse('01.01.2024')} placeholder={\"minValue: '01.01.2024'\"}/\u003e\n\u003cDatePicker maxValue={dateTimeParse('01.01.2025')} placeholder={\"maxValue: '01.01.2025'\"}/\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.DatePickerExample minValue={'01.01.2024'} placeholder={\"minValue: '01.01.2024'\"} /\u003e\n    \u003cDateComponentsExamples.DatePickerExample maxValue={'01.01.2025'} placeholder={\"maxValue: '01.01.2025'\"} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\n\u003cDatePicker minValue={dateTimeParse('01.01.2024')} /\u003e\n\u003cDatePicker maxValue={dateTimeParse('01.01.2025')} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## States\n\n### Disabled\n\nThe state of the `DatePicker` where you don't want the user to be able to interact with the component.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDatePicker disabled={true} defaultValue={dateTime()} /\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.DatePickerExample disabled={true} defaultValue={new Date()} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDatePicker disabled defaultValue={dateTime()} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Readonly\n\n`readOnly` is a boolean attribute that, when set to true, makes the `DatePicker` component immutable to the user. This means that while the input will display its current value, users will not be able to change it.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDatePicker readOnly defaultValue={dateTimeParse(new Date())} /\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.DatePickerExample readOnly defaultValue={new Date()} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDatePicker readOnly defaultValue={dateTime()} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Error\n\nThe state of the `DatePicker` in which you want to indicate incorrect user input. To change `DatePicker` appearance, use the `validationState` property with the `\"invalid\"` value. An optional message text can be added via the `errorMessage` property. Message text will be rendered under the component.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDatePicker errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n\u003cDatePicker validationState=\"invalid\" /\u003e\n`}\n\u003e\n    \u003cDateComponents.DatePicker errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n    \u003cDateComponents.DatePicker validationState=\"invalid\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDatePicker errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n\u003cDatePicker validationState=\"invalid\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Additional content\n\n### Placeholder\n\nThis prop allows you to provide a short hint that describes the expected value of the input field. This hint is displayed within the input field before the user enters a value, and it disappears upon the entry of text.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDatePicker placeholder=\"Placeholder\" /\u003e\n`}\n\u003e\n    \u003cDateComponents.DatePicker placeholder='Placeholder' /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDatePicker placeholder=\"Placeholder\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Label\n\nAllows you to place the label in the left part of the field. Label can take up no more than half the width of the entire space of `DatePicker`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDatePicker label=\"Label\" /\u003e\n\u003cDatePicker label=\"Very long label with huge amount of symbols\" /\u003e\n`}\n\u003e\n    \u003cDateComponents.DatePicker label=\"Label\" /\u003e\n    \u003cDateComponents.DatePicker label=\"Very long label with huge amount of symbols\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDatePicker label=\"Label\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Clear button\n\n`hasClear` is a boolean prop that, provides users with the ability to quickly clear the content of the input field.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\u003cDatePicker hasClear /\u003e`}\n\u003e\n    \u003cDateComponents.DatePicker\n        hasClear\n    /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDatePicker hasClear /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Format\n\nThe `format` prop is a string that defines the date and time format the `DatePicker` component will accept and display. This prop determines how the date and time are visually presented to the user and how the user's input is expected to be formatted. [Available formats](https://day.js.org/docs/en/display/format)\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDatePicker format='LL' /\u003e\n`}\n\u003e\n    \u003cDateComponents.DatePicker format='LL' /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDatePicker format=\"LL\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Time zone\n\n`timeZone` is the property to set the time zone of the value in the input. [Learn more about time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List)\n\n## Customisation\n\nIf you want to use custom calendar component inside `DatePicker` you can pass it as `children` with calendar like props.\n\n\u003c!--LANDING_BLOCK\n[Learn more about calendar](https://gravity-ui.com/components/date-components/calendar)\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n[Learn more about calendar](https://github.com/gravity-ui/date-components/blob/main/src/components/Calendar/README.md)\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name                           | Description                                                                                                                                |                     Type                      |          Default          |\n| :----------------------------- | :----------------------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------: | :-----------------------: |\n| aria-describedby               | The control's `aria-describedby`. Identifies the element (or elements) that describes the object. attribute                                |                   `string`                    |                           |\n| aria-details                   | The control's `aria-details`. Identifies the element (or elements) that provide a detailed, extended description for the object. attribute |                   `string`                    |                           |\n| aria-label                     | The control's `aria-label`. Defines a string value that labels the current element. attribute                                              |                   `string`                    |                           |\n| aria-labelledby                | The control's `aria-labelledby`. Identifies the element (or elements) that labels the current element. attribute                           |                   `string`                    |                           |\n| autoFocus                      | The control's `autofocus`. Whether the element should receive focus on render. attribute                                                   |                   `boolean`                   |                           |\n| className                      | The control's wrapper class name                                                                                                           |                   `string`                    |                           |\n| [defaultValue](#datepicker)    | Sets the initial value for uncontrolled component.                                                                                         |                  `DateTime`                   |                           |\n| [disabled](#disabled)          | Indicates that the user cannot interact with the control                                                                                   |                   `boolean`                   |          `false`          |\n| [errorMessage](#error)         | Error text                                                                                                                                 |                  `ReactNode`                  |                           |\n| [format](#format)              | Format of the date when rendered in the input. [Available formats](https://day.js.org/docs/en/display/format)                              |                   `string`                    |                           |\n| [hasClear](#clear-button)      | Shows the icon for clearing control's value                                                                                                |                   `boolean`                   |          `false`          |\n| id                             | The control's `id` attribute                                                                                                               |                   `string`                    |                           |\n| isDateUnavailable              | Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.                                   |        `((date: DateTime) =\u003e boolean)`        |                           |\n| [label](#label)                | Help text rendered to the left of the input node                                                                                           |                   `string`                    |                           |\n| [maxValue](#min-and-max-value) | The maximum allowed date that a user may select.                                                                                           |                  `DateTime`                   |                           |\n| [minValue](#min-and-max-value) | The minimum allowed date that a user may select.                                                                                           |                  `DateTime`                   |                           |\n| onBlur                         | Fires when the control lost focus. Provides focus event as a callback's argument                                                           | `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)` |                           |\n| onFocus                        | Fires when the control gets focus. Provides focus event as a callback's argument                                                           | `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)` |                           |\n| onKeyDown                      | Fires when a key is pressed. Provides keyboard event as a callback's argument                                                              |    `((e: KeyboardEvent\u003cElement\u003e) =\u003e void)`    |                           |\n| onKeyUp                        | Fires when a key is released. Provides keyboard event as a callback's argument                                                             |    `((e: KeyboardEvent\u003cElement\u003e) =\u003e void)`    |                           |\n| onUpdate                       | Fires when the value is changed by the user. Provides new value as an callback's argument                                                  |     `((value: DateTime \\| null) =\u003e void`      |                           |\n| [pin](#pin)                    | Corner rounding                                                                                                                            |                `TextInputPin`                 |      `'round-round'`      |\n| [placeholder](#placeholder)    | Text that appears in the control when it has no value set                                                                                  |                   `string`                    |                           |\n| placeholderValue               | A placeholder date that controls the default values of each segment when the user first interacts with them.                               |                  `DateTime`                   | `today's date at midnigh` |\n| [readOnly](#readonly)          | Whether the component's value is immutable.                                                                                                |                   `boolean`                   |          `false`          |\n| [size](#size)                  | The size of the control                                                                                                                    |           `\"s\"` `\"m\"` `\"l\"` `\"xl\"`            |           `\"m\"`           |\n| style                          | Sets inline style for the element.                                                                                                         |                `CSSProperties`                |                           |\n| [timeZone](#time-zone)         | Sets the time zone. [Learn more about time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List)                       |                   `string`                    |                           |\n| [validationState](#error)      | Validation state                                                                                                                           |                  `\"invalid\"`                  |                           |\n| [value](#datepicker)           | The value of the control                                                                                                                   |               `DateTime` `null`               |                           |\n| [view](#view)                  | The view of the control                                                                                                                    |             `\"normal\"` `\"clear\"`              |        `\"normal\"`         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"date-components","componentId":"date-picker"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Date Components</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Date Picker</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Date Picker</h1><div class="gravity-ui-landing-component__buttons"><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/date-components/tree/main/src/components/DatePicker" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/date-components/date-field"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Date Field</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/date-components/range-calendar"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Range Calendar</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"date-components","componentId":"date-picker","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# DatePicker\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {DatePicker} from '@gravity-ui/date-components';\n```\n\n`DatePicker` is a sophisticated, lightweight, and fully customizable component designed to provide intuitive date picking functionality in your React applications. Built with user experience and ease of integration in mind, it fits seamlessly within forms, modals, or any UI element requiring date input. It can be controlled if you set `value` property. Or it can be uncontrolled if you don't set any value, but in this case you can manage the initial state with optional property `defaultValue`. Component is uncontrolled by default.\n\n### Useful addition\n\nTo set dates in the right format you may need to include additional helpers from [Date Utils library](https://gravity-ui.com/libraries/date-utils)\n\n```tsx\nimport {dateTimeParse, dateTime} from '@gravity-ui/date-utils';\n```\n\n## Appearance\n\nThe appearance of `DatePicker` is controlled by the `size`, `view` and `pin` properties.\n\n### Size\n\nTo control the size of the `DatePicker` use the `size` property. Default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDatePicker size=\"s\" /\u003e\n\u003cDatePicker size=\"m\" /\u003e\n\u003cDatePicker size=\"l\" /\u003e\n\u003cDatePicker size=\"xl\" /\u003e\n`}\n\u003e\n    \u003cDateComponents.DatePicker size=\"s\" /\u003e\n    \u003cDateComponents.DatePicker size=\"m\" /\u003e\n    \u003cDateComponents.DatePicker size=\"l\" /\u003e\n    \u003cDateComponents.DatePicker size=\"xl\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDatePicker size=\"s\" /\u003e\n\u003cDatePicker size=\"m\" /\u003e\n\u003cDatePicker size=\"l\" /\u003e\n\u003cDatePicker size=\"xl\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### View\n\n`normal` - the main view of `DatePicker` (used by default).\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock code={`\u003cDatePicker /\u003e`}\u003e\n    \u003cDateComponents.DatePicker /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n`clear` - view of `DatePicker` without visible borders (can be used with a custom wrapper)\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock code={`\u003cDatePicker view=\"clear\" /\u003e`}\u003e\n    \u003cDateComponents.DatePicker view=\"clear\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDatePicker view=\"normal\" /\u003e\n\u003cDatePicker view=\"clear\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Pin\n\nThe `pin` property allows you to control the shape of the right and left edges and is usually used for combining multiple controls in a single unit.\nThe value of the `pin` property consists of left and edge style names divided by a dash, e.g. `\"round-brick\"`.\nThe edge styles are: `round` (default), `circle`, `brick` and `clear`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDatePicker pin=\"round-brick\" /\u003e\n\u003cDatePicker pin=\"brick-brick\" /\u003e\n\u003cDatePicker pin=\"brick-round\" /\u003e\n`}\n\u003e\n    \u003cDateComponents.DatePicker pin=\"round-brick\" /\u003e\n    \u003cDateComponents.DatePicker pin=\"brick-brick\" /\u003e\n    \u003cDateComponents.DatePicker pin=\"brick-round\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDatePicker pin=\"round-brick\" /\u003e\n\u003cDatePicker pin=\"brick-brick\" /\u003e\n\u003cDatePicker pin=\"brick-round\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Value\n\n### Min and max value\n\nThe `minValue` property allows you to specify the earliest date and time that can be entered by the user. Conversely, the `maxValue` property specifies the latest date and time that can be entered. If you input the value out of this bounds component changes it's view like in case of invalid validation state.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDatePicker minValue={dateTimeParse('01.01.2024')} placeholder={\"minValue: '01.01.2024'\"}/\u003e\n\u003cDatePicker maxValue={dateTimeParse('01.01.2025')} placeholder={\"maxValue: '01.01.2025'\"}/\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.DatePickerExample minValue={'01.01.2024'} placeholder={\"minValue: '01.01.2024'\"} /\u003e\n    \u003cDateComponentsExamples.DatePickerExample maxValue={'01.01.2025'} placeholder={\"maxValue: '01.01.2025'\"} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\n\u003cDatePicker minValue={dateTimeParse('01.01.2024')} /\u003e\n\u003cDatePicker maxValue={dateTimeParse('01.01.2025')} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## States\n\n### Disabled\n\nThe state of the `DatePicker` where you don't want the user to be able to interact with the component.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDatePicker disabled={true} defaultValue={dateTime()} /\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.DatePickerExample disabled={true} defaultValue={new Date()} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDatePicker disabled defaultValue={dateTime()} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Readonly\n\n`readOnly` is a boolean attribute that, when set to true, makes the `DatePicker` component immutable to the user. This means that while the input will display its current value, users will not be able to change it.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDatePicker readOnly defaultValue={dateTimeParse(new Date())} /\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.DatePickerExample readOnly defaultValue={new Date()} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDatePicker readOnly defaultValue={dateTime()} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Error\n\nThe state of the `DatePicker` in which you want to indicate incorrect user input. To change `DatePicker` appearance, use the `validationState` property with the `\"invalid\"` value. An optional message text can be added via the `errorMessage` property. Message text will be rendered under the component.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDatePicker errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n\u003cDatePicker validationState=\"invalid\" /\u003e\n`}\n\u003e\n    \u003cDateComponents.DatePicker errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n    \u003cDateComponents.DatePicker validationState=\"invalid\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDatePicker errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n\u003cDatePicker validationState=\"invalid\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Additional content\n\n### Placeholder\n\nThis prop allows you to provide a short hint that describes the expected value of the input field. This hint is displayed within the input field before the user enters a value, and it disappears upon the entry of text.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDatePicker placeholder=\"Placeholder\" /\u003e\n`}\n\u003e\n    \u003cDateComponents.DatePicker placeholder='Placeholder' /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDatePicker placeholder=\"Placeholder\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Label\n\nAllows you to place the label in the left part of the field. Label can take up no more than half the width of the entire space of `DatePicker`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDatePicker label=\"Label\" /\u003e\n\u003cDatePicker label=\"Very long label with huge amount of symbols\" /\u003e\n`}\n\u003e\n    \u003cDateComponents.DatePicker label=\"Label\" /\u003e\n    \u003cDateComponents.DatePicker label=\"Very long label with huge amount of symbols\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDatePicker label=\"Label\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Clear button\n\n`hasClear` is a boolean prop that, provides users with the ability to quickly clear the content of the input field.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\u003cDatePicker hasClear /\u003e`}\n\u003e\n    \u003cDateComponents.DatePicker\n        hasClear\n    /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDatePicker hasClear /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Format\n\nThe `format` prop is a string that defines the date and time format the `DatePicker` component will accept and display. This prop determines how the date and time are visually presented to the user and how the user's input is expected to be formatted. [Available formats](https://day.js.org/docs/en/display/format)\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cDatePicker format='LL' /\u003e\n`}\n\u003e\n    \u003cDateComponents.DatePicker format='LL' /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cDatePicker format=\"LL\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Time zone\n\n`timeZone` is the property to set the time zone of the value in the input. [Learn more about time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List)\n\n## Customisation\n\nIf you want to use custom calendar component inside `DatePicker` you can pass it as `children` with calendar like props.\n\n\u003c!--LANDING_BLOCK\n[Learn more about calendar](https://gravity-ui.com/components/date-components/calendar)\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n[Learn more about calendar](https://github.com/gravity-ui/date-components/blob/main/src/components/Calendar/README.md)\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name                           | Description                                                                                                                                |                     Type                      |          Default          |\n| :----------------------------- | :----------------------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------: | :-----------------------: |\n| aria-describedby               | The control's `aria-describedby`. Identifies the element (or elements) that describes the object. attribute                                |                   `string`                    |                           |\n| aria-details                   | The control's `aria-details`. Identifies the element (or elements) that provide a detailed, extended description for the object. attribute |                   `string`                    |                           |\n| aria-label                     | The control's `aria-label`. Defines a string value that labels the current element. attribute                                              |                   `string`                    |                           |\n| aria-labelledby                | The control's `aria-labelledby`. Identifies the element (or elements) that labels the current element. attribute                           |                   `string`                    |                           |\n| autoFocus                      | The control's `autofocus`. Whether the element should receive focus on render. attribute                                                   |                   `boolean`                   |                           |\n| className                      | The control's wrapper class name                                                                                                           |                   `string`                    |                           |\n| [defaultValue](#datepicker)    | Sets the initial value for uncontrolled component.                                                                                         |                  `DateTime`                   |                           |\n| [disabled](#disabled)          | Indicates that the user cannot interact with the control                                                                                   |                   `boolean`                   |          `false`          |\n| [errorMessage](#error)         | Error text                                                                                                                                 |                  `ReactNode`                  |                           |\n| [format](#format)              | Format of the date when rendered in the input. [Available formats](https://day.js.org/docs/en/display/format)                              |                   `string`                    |                           |\n| [hasClear](#clear-button)      | Shows the icon for clearing control's value                                                                                                |                   `boolean`                   |          `false`          |\n| id                             | The control's `id` attribute                                                                                                               |                   `string`                    |                           |\n| isDateUnavailable              | Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.                                   |        `((date: DateTime) =\u003e boolean)`        |                           |\n| [label](#label)                | Help text rendered to the left of the input node                                                                                           |                   `string`                    |                           |\n| [maxValue](#min-and-max-value) | The maximum allowed date that a user may select.                                                                                           |                  `DateTime`                   |                           |\n| [minValue](#min-and-max-value) | The minimum allowed date that a user may select.                                                                                           |                  `DateTime`                   |                           |\n| onBlur                         | Fires when the control lost focus. Provides focus event as a callback's argument                                                           | `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)` |                           |\n| onFocus                        | Fires when the control gets focus. Provides focus event as a callback's argument                                                           | `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)` |                           |\n| onKeyDown                      | Fires when a key is pressed. Provides keyboard event as a callback's argument                                                              |    `((e: KeyboardEvent\u003cElement\u003e) =\u003e void)`    |                           |\n| onKeyUp                        | Fires when a key is released. Provides keyboard event as a callback's argument                                                             |    `((e: KeyboardEvent\u003cElement\u003e) =\u003e void)`    |                           |\n| onUpdate                       | Fires when the value is changed by the user. Provides new value as an callback's argument                                                  |     `((value: DateTime \\| null) =\u003e void`      |                           |\n| [pin](#pin)                    | Corner rounding                                                                                                                            |                `TextInputPin`                 |      `'round-round'`      |\n| [placeholder](#placeholder)    | Text that appears in the control when it has no value set                                                                                  |                   `string`                    |                           |\n| placeholderValue               | A placeholder date that controls the default values of each segment when the user first interacts with them.                               |                  `DateTime`                   | `today's date at midnigh` |\n| [readOnly](#readonly)          | Whether the component's value is immutable.                                                                                                |                   `boolean`                   |          `false`          |\n| [size](#size)                  | The size of the control                                                                                                                    |           `\"s\"` `\"m\"` `\"l\"` `\"xl\"`            |           `\"m\"`           |\n| style                          | Sets inline style for the element.                                                                                                         |                `CSSProperties`                |                           |\n| [timeZone](#time-zone)         | Sets the time zone. [Learn more about time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List)                       |                   `string`                    |                           |\n| [validationState](#error)      | Validation state                                                                                                                           |                  `\"invalid\"`                  |                           |\n| [value](#datepicker)           | The value of the control                                                                                                                   |               `DateTime` `null`               |                           |\n| [view](#view)                  | The view of the control                                                                                                                    |             `\"normal\"` `\"clear\"`              |        `\"normal\"`         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"date-components","componentId":"date-picker"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/date-components/range-calendar.html b/components/date-components/range-calendar.html
index f38362d56d1..7221ce3c951 100644
--- a/components/date-components/range-calendar.html
+++ b/components/date-components/range-calendar.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Date Components</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Range Calendar</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Range Calendar</h1><div class="gravity-ui-landing-component__buttons"><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/date-components/tree/main/src/components/RangeCalendar" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/date-components/date-picker"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Date Picker</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/date-components/relative-date-field"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Relative Date Field</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"date-components","componentId":"range-calendar","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# RangeCalendar\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {RangeCalendar} from '@gravity-ui/date-components';\n```\n\n`RangeCalendar` is a powerful, flexible, and user-friendly UI component designed for selecting a range of dates. Built with React, it combines the functionality of a calendar and a date range picker, making it an ideal choice for applications that require users to input a start and end date. It can be controlled if you set `value` property. Or it can be uncontrolled if you don't set any value, but in this case you can manage the initial state with optional property `defaultValue`. Component is uncontrolled by default.\n\n### Useful addition\n\nTo set dates in the right format you may need to include additional helpers from [Date Utils library](https://gravity-ui.com/libraries/date-utils)\n\n```tsx\nimport {dateTimeParse, dateTime} from '@gravity-ui/date-utils';\n```\n\n\u003c!--LANDING_BLOCK\n\n\u003e [!NOTE]\n\u003e Row with \"Selected range: ...\" is not a part of the component. It was added to examples only for clarity.\n\nLANDING_BLOCK--\u003e\n\n## Size\n\nTo control the size of the `RangeCalendar` use the `size` property. Default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cRangeCalendar size=\"m\" /\u003e\n\u003cRangeCalendar size=\"l\" /\u003e\n\u003cRangeCalendar size=\"xl\" /\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.RangeCalendarExample size=\"m\" /\u003e\n    \u003cDateComponentsExamples.RangeCalendarExample size=\"l\" /\u003e\n    \u003cDateComponentsExamples.RangeCalendarExample size=\"xl\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cRangeCalendar size=\"m\" /\u003e\n\u003cRangeCalendar size=\"l\" /\u003e\n\u003cRangeCalendar size=\"xl\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Value\n\n### Min and max value\n\nThe `minValue` property allows you to specify the earliest date and time that can be entered by the user. Conversely, the `maxValue` property specifies the latest date and time that can be entered. All other values will be disabled for user.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cRangeCalendar minValue={dateTimeParse('01.01.2024')} maxValue={dateTimeParse('01.01.2025')} /\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.RangeCalendarExample minValue={'01.01.2024'} maxValue={'01.01.2025'}/\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cRangeCalendar minValue={dateTimeParse('01.01.2024')} maxValue={dateTimeParse('01.01.2025')} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Mode\n\nDefines the time interval that `RangeCalendar` should display. With `mode` you can choose it in controlled way. For uncontrolled way you don't need to specify any value. Also you can set the initial mode in uncontrolled way with `defaultMode` prop.\n\n`days` - default mode for `RangeCalendar`. It shows days in month.\n\n`months` - shows months in year\n\n`quarters` - shows quarters by years (not available as value in `defaultMode`)\n\n`years` - shows several years for select\n\nYou can limit enabled modes by using prop `modes`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cRangeCalendar defaultMode=\"months\"/\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.RangeCalendarExample defaultMode=\"months\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cRangeCalendar defaultMode=\"months\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## States\n\n### Disabled\n\nThe state of the `RangeCalendar` where you don't want the user to be able to interact with the component.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cRangeCalendar\n  disabled={true}\n  defaultValue={{start: dateTime().add({days: 2}), end: dateTime().subtract({days: 2})}}\n/\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.RangeCalendarWithDefaultValueExample disabled={true} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cRangeCalendar\n  disabled={true}\n  defaultValue={{start: dateTime().add({days: 2}), end: dateTime().subtract({days: 2})}}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Readonly\n\n`readOnly` is a boolean attribute that, when set to true, makes the `RangeCalendar` component immutable to the user. This means that while the input will display its current value, users will not be able to change it.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cRangeCalendar\n  readOnly={true}\n  defaultValue={{start: dateTime().add({days: 2}), end: dateTime().subtract({days: 2})}}\n/\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.RangeCalendarWithDefaultValueExample readOnly={true} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cRangeCalendar\n  readOnly={true}\n  defaultValue={{start: dateTime().add({days: 2}), end: dateTime().subtract({days: 2})}}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Focused value\n\nAllows to select the date that `RangeCalendar` view is focused on. If you need it to be controlled you shoud use `focusedValue` prop. You can set the initial focused value for uncontrolled component with optional prop `defaultFocusedValue`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cRangeCalendar\n  defaultFocusedValue={dateTimeParse('01.01.2020')} defaultValue={{start: dateTime().add({days: 2}), end: dateTime().subtract({days: 2})}}\n/\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.RangeCalendarWithDefaultValueExample defaultFocusedValue={'01.01.2020'} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cRangeCalendar\n  defaultFocusedValue={dateTimeParse('01.01.2020')}\n  defaultValue={{start: dateTime().add({days: 2}), end: dateTime().subtract({days: 2})}}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Time zone\n\n`timeZone` is the property to set the time zone of the value in the input. [Learn more about time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List)\n\n## Properties\n\n| Name                                  | Description                                                                                                          |                               Type                               |                           Default                           |\n| :------------------------------------ | :------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------: | :---------------------------------------------------------: |\n| aria-describedby                      | The control's `aria-describedby` attribute                                                                           |                             `string`                             |                                                             |\n| aria-details                          | The control's `aria-details` attribute                                                                               |                             `string`                             |                                                             |\n| aria-label                            | The control's `aria-label` attribute                                                                                 |                             `string`                             |                                                             |\n| aria-labelledby                       | The control's `aria-labelledby` attribute                                                                            |                             `string`                             |                                                             |\n| autoFocus                             | The control's `autofocus` attribute                                                                                  |                            `boolean`                             |                                                             |\n| className                             | The control's wrapper class name                                                                                     |                             `string`                             |                                                             |\n| [defaultFocusedValue](#focused-value) | The date that is focused when the calendar first mounts (uncontrolled)                                               |                            `DateTime`                            |                                                             |\n| [defaultMode](#mode)                  | Initial mode to show in calendar                                                                                     |                `days` `months` `quarters` `years`                |                                                             |\n| [defaultValue](#value)                | Sets the initial value for uncontrolled component.                                                                   |                      `RangeValue\u003cDateTime\u003e`                      |                                                             |\n| [disabled](#disabled)                 | Indicates that the user cannot interact with the control                                                             |                            `boolean`                             |                           `false`                           |\n| [focusedValue](#focused-value)        | Set the default view of uncontrolled component which includes this value                                             |                        `DateTime` `null`                         |                                                             |\n| id                                    | The control's `id` attribute                                                                                         |                             `string`                             |                                                             |\n| isDateUnavailable                     | Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.             |                 `((date: DateTime) =\u003e boolean)`                  |                                                             |\n| [maxValue](#min-and-max-value)        | The maximum allowed date that a user may select.                                                                     |                            `DateTime`                            |                                                             |\n| [minValue](#min-and-max-value)        | The minimum allowed date that a user may select.                                                                     |                            `DateTime`                            |                                                             |\n| [mode](#mode)                         | Defines the time interval that `RangeCalendar` should display in colttrolled way.                                    |                `days` `months` `quarters` `years`                |                                                             |\n| modes                                 | Modes available to user                                                                                              |         `Partial\u003cRecord\u003cRangeCalendarLayout, boolean\u003e\u003e`          | `{days: true, months: true, quarters: false, years: true }` |\n| onBlur                                | Fires when the control lost focus. Provides focus event as a callback's argument                                     |          `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)`           |                                                             |\n| onFocus                               | Fires when the control gets focus. Provides focus event as a callback's argument                                     |          `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)`           |                                                             |\n| onFocusUpdate                         | Fires when the control's focused date changes.                                                                       |                   `((date: DateTime) =\u003e void)`                   |                                                             |\n| onUpdate                              | Fires when the value is changed.                                                                                     |                   `((value: DateTime) =\u003e void`                   |                                                             |\n| onUpdateMode                          | Fires when the mode is changed.                                                                                      | `((value: 'days' \\| 'months' \\| 'quarters' \\| 'years' ) =\u003e void` |                                                             |\n| [readOnly](#readonly)                 | Whether the calendar value is immutable.                                                                             |                            `boolean`                             |                           `false`                           |\n| [size](#size)                         | The size of the control                                                                                              |                        `\"m\"` `\"l\"` `\"xl\"`                        |                            `\"m\"`                            |\n| style                                 | Sets inline style for the element.                                                                                   |                         `CSSProperties`                          |                                                             |\n| [timeZone](#time-zone)                | Sets the time zone. [Learn more about time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List) |                             `string`                             |                                                             |\n| [value](#calendar)                    | The value of the control                                                                                             |                  `RangeValue\u003cDateTime\u003e` `null`                   |                                                             |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"date-components","componentId":"range-calendar"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Date Components</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Range Calendar</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Range Calendar</h1><div class="gravity-ui-landing-component__buttons"><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/date-components/tree/main/src/components/RangeCalendar" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/date-components/date-picker"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Date Picker</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/date-components/relative-date-field"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Relative Date Field</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"date-components","componentId":"range-calendar","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# RangeCalendar\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {RangeCalendar} from '@gravity-ui/date-components';\n```\n\n`RangeCalendar` is a powerful, flexible, and user-friendly UI component designed for selecting a range of dates. Built with React, it combines the functionality of a calendar and a date range picker, making it an ideal choice for applications that require users to input a start and end date. It can be controlled if you set `value` property. Or it can be uncontrolled if you don't set any value, but in this case you can manage the initial state with optional property `defaultValue`. Component is uncontrolled by default.\n\n### Useful addition\n\nTo set dates in the right format you may need to include additional helpers from [Date Utils library](https://gravity-ui.com/libraries/date-utils)\n\n```tsx\nimport {dateTimeParse, dateTime} from '@gravity-ui/date-utils';\n```\n\n\u003c!--LANDING_BLOCK\n\n\u003e [!NOTE]\n\u003e Row with \"Selected range: ...\" is not a part of the component. It was added to examples only for clarity.\n\nLANDING_BLOCK--\u003e\n\n## Size\n\nTo control the size of the `RangeCalendar` use the `size` property. Default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cRangeCalendar size=\"m\" /\u003e\n\u003cRangeCalendar size=\"l\" /\u003e\n\u003cRangeCalendar size=\"xl\" /\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.RangeCalendarExample size=\"m\" /\u003e\n    \u003cDateComponentsExamples.RangeCalendarExample size=\"l\" /\u003e\n    \u003cDateComponentsExamples.RangeCalendarExample size=\"xl\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cRangeCalendar size=\"m\" /\u003e\n\u003cRangeCalendar size=\"l\" /\u003e\n\u003cRangeCalendar size=\"xl\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Value\n\n### Min and max value\n\nThe `minValue` property allows you to specify the earliest date and time that can be entered by the user. Conversely, the `maxValue` property specifies the latest date and time that can be entered. All other values will be disabled for user.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cRangeCalendar minValue={dateTimeParse('01.01.2024')} maxValue={dateTimeParse('01.01.2025')} /\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.RangeCalendarExample minValue={'01.01.2024'} maxValue={'01.01.2025'}/\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cRangeCalendar minValue={dateTimeParse('01.01.2024')} maxValue={dateTimeParse('01.01.2025')} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Mode\n\nDefines the time interval that `RangeCalendar` should display. With `mode` you can choose it in controlled way. For uncontrolled way you don't need to specify any value. Also you can set the initial mode in uncontrolled way with `defaultMode` prop.\n\n`days` - default mode for `RangeCalendar`. It shows days in month.\n\n`months` - shows months in year\n\n`quarters` - shows quarters by years (not available as value in `defaultMode`)\n\n`years` - shows several years for select\n\nYou can limit enabled modes by using prop `modes`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cRangeCalendar defaultMode=\"months\"/\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.RangeCalendarExample defaultMode=\"months\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cRangeCalendar defaultMode=\"months\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## States\n\n### Disabled\n\nThe state of the `RangeCalendar` where you don't want the user to be able to interact with the component.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cRangeCalendar\n  disabled={true}\n  defaultValue={{start: dateTime().add({days: 2}), end: dateTime().subtract({days: 2})}}\n/\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.RangeCalendarWithDefaultValueExample disabled={true} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cRangeCalendar\n  disabled={true}\n  defaultValue={{start: dateTime().add({days: 2}), end: dateTime().subtract({days: 2})}}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Readonly\n\n`readOnly` is a boolean attribute that, when set to true, makes the `RangeCalendar` component immutable to the user. This means that while the input will display its current value, users will not be able to change it.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cRangeCalendar\n  readOnly={true}\n  defaultValue={{start: dateTime().add({days: 2}), end: dateTime().subtract({days: 2})}}\n/\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.RangeCalendarWithDefaultValueExample readOnly={true} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cRangeCalendar\n  readOnly={true}\n  defaultValue={{start: dateTime().add({days: 2}), end: dateTime().subtract({days: 2})}}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Focused value\n\nAllows to select the date that `RangeCalendar` view is focused on. If you need it to be controlled you shoud use `focusedValue` prop. You can set the initial focused value for uncontrolled component with optional prop `defaultFocusedValue`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cRangeCalendar\n  defaultFocusedValue={dateTimeParse('01.01.2020')} defaultValue={{start: dateTime().add({days: 2}), end: dateTime().subtract({days: 2})}}\n/\u003e\n`}\n\u003e\n    \u003cDateComponentsExamples.RangeCalendarWithDefaultValueExample defaultFocusedValue={'01.01.2020'} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cRangeCalendar\n  defaultFocusedValue={dateTimeParse('01.01.2020')}\n  defaultValue={{start: dateTime().add({days: 2}), end: dateTime().subtract({days: 2})}}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Time zone\n\n`timeZone` is the property to set the time zone of the value in the input. [Learn more about time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List)\n\n## Properties\n\n| Name                                  | Description                                                                                                          |                               Type                               |                           Default                           |\n| :------------------------------------ | :------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------: | :---------------------------------------------------------: |\n| aria-describedby                      | The control's `aria-describedby` attribute                                                                           |                             `string`                             |                                                             |\n| aria-details                          | The control's `aria-details` attribute                                                                               |                             `string`                             |                                                             |\n| aria-label                            | The control's `aria-label` attribute                                                                                 |                             `string`                             |                                                             |\n| aria-labelledby                       | The control's `aria-labelledby` attribute                                                                            |                             `string`                             |                                                             |\n| autoFocus                             | The control's `autofocus` attribute                                                                                  |                            `boolean`                             |                                                             |\n| className                             | The control's wrapper class name                                                                                     |                             `string`                             |                                                             |\n| [defaultFocusedValue](#focused-value) | The date that is focused when the calendar first mounts (uncontrolled)                                               |                            `DateTime`                            |                                                             |\n| [defaultMode](#mode)                  | Initial mode to show in calendar                                                                                     |                `days` `months` `quarters` `years`                |                                                             |\n| [defaultValue](#value)                | Sets the initial value for uncontrolled component.                                                                   |                      `RangeValue\u003cDateTime\u003e`                      |                                                             |\n| [disabled](#disabled)                 | Indicates that the user cannot interact with the control                                                             |                            `boolean`                             |                           `false`                           |\n| [focusedValue](#focused-value)        | Set the default view of uncontrolled component which includes this value                                             |                        `DateTime` `null`                         |                                                             |\n| id                                    | The control's `id` attribute                                                                                         |                             `string`                             |                                                             |\n| isDateUnavailable                     | Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.             |                 `((date: DateTime) =\u003e boolean)`                  |                                                             |\n| [maxValue](#min-and-max-value)        | The maximum allowed date that a user may select.                                                                     |                            `DateTime`                            |                                                             |\n| [minValue](#min-and-max-value)        | The minimum allowed date that a user may select.                                                                     |                            `DateTime`                            |                                                             |\n| [mode](#mode)                         | Defines the time interval that `RangeCalendar` should display in colttrolled way.                                    |                `days` `months` `quarters` `years`                |                                                             |\n| modes                                 | Modes available to user                                                                                              |         `Partial\u003cRecord\u003cRangeCalendarLayout, boolean\u003e\u003e`          | `{days: true, months: true, quarters: false, years: true }` |\n| onBlur                                | Fires when the control lost focus. Provides focus event as a callback's argument                                     |          `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)`           |                                                             |\n| onFocus                               | Fires when the control gets focus. Provides focus event as a callback's argument                                     |          `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)`           |                                                             |\n| onFocusUpdate                         | Fires when the control's focused date changes.                                                                       |                   `((date: DateTime) =\u003e void)`                   |                                                             |\n| onUpdate                              | Fires when the value is changed.                                                                                     |                   `((value: DateTime) =\u003e void`                   |                                                             |\n| onUpdateMode                          | Fires when the mode is changed.                                                                                      | `((value: 'days' \\| 'months' \\| 'quarters' \\| 'years' ) =\u003e void` |                                                             |\n| [readOnly](#readonly)                 | Whether the calendar value is immutable.                                                                             |                            `boolean`                             |                           `false`                           |\n| [size](#size)                         | The size of the control                                                                                              |                        `\"m\"` `\"l\"` `\"xl\"`                        |                            `\"m\"`                            |\n| style                                 | Sets inline style for the element.                                                                                   |                         `CSSProperties`                          |                                                             |\n| [timeZone](#time-zone)                | Sets the time zone. [Learn more about time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List) |                             `string`                             |                                                             |\n| [value](#calendar)                    | The value of the control                                                                                             |                  `RangeValue\u003cDateTime\u003e` `null`                   |                                                             |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"date-components","componentId":"range-calendar"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/date-components/relative-date-field.html b/components/date-components/relative-date-field.html
index 875484e599d..cec8feb97ec 100644
--- a/components/date-components/relative-date-field.html
+++ b/components/date-components/relative-date-field.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Date Components</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Relative Date Field</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Relative Date Field</h1><div class="gravity-ui-landing-component__buttons"><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/date-components/tree/main/src/components/RelativeDateField" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/date-components/range-calendar"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Range Calendar</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/date-components/relative-date-picker"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Relative Date Picker</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"date-components","componentId":"relative-date-field","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# RelativeDateField\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {RelativeDateField} from '@gravity-ui/date-components';\n```\n\n`RelativeDateField` component is used only for entering relative dates. It can't be used as \"normal\" `DateField`.\n\n## Relative input\n\nThe component get values in special relative format. You set values as formulas which will help you to compute the exact date. We can call it `grafana-like format` because it is very similar to format of Grafana's relative time fields. To know more about relative time values in Grafana read [the docs](https://grafana.com/docs/grafana/latest/panels-visualizations/query-transform-data/).\n\nUsing this mode you can deliver your data from source to destination and compute the exact value straight on the necessary endpoit without inaccuracy.\n\n## Valid input rules\n\n- a value should starts from keyword `now`\n- relative date expression in common looks like: `now${operand}${count}${unit}`\n- available values for `operand`:\n  - `-` - subtraction\n  - `+` - addition\n  - `/` - bringing to the start of the `unit`\n- valid values of `count` - any natural number\n- valid values of `unit`:\n  - `d` - day\n  - `w` - week\n  - `M` - month\n  - `Q` - quarter\n  - `y` - year\n  - `h` - hour\n  - `m` - minute\n\n### Examples of usage\n\n\u003e `now-1d`\n\u003e\n\u003e `now/w`\n\u003e\n\u003e `now+10d-5d/M`\n\n## Properties\n\n| Name             | Description                                                                                                          |                     Type                      |     Default     |\n| :--------------- | :------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------: | :-------------: |\n| aria-describedby | The control's `aria-describedby` attribute                                                                           |                   `string`                    |                 |\n| aria-details     | The control's `aria-details` attribute                                                                               |                   `string`                    |                 |\n| aria-label       | The control's `aria-label` attribute                                                                                 |                   `string`                    |                 |\n| aria-labelledby  | The control's `aria-labelledby` attribute                                                                            |                   `string`                    |                 |\n| autoFocus        | The control's `autofocus` attribute                                                                                  |                   `boolean`                   |                 |\n| className        | The control's wrapper class name                                                                                     |                   `string`                    |                 |\n| defaultValue     | Sets the initial value for uncontrolled component.                                                                   |                   `string`                    |                 |\n| disabled         | Indicates that the user cannot interact with the control                                                             |                   `boolean`                   |     `false`     |\n| errorMessage     | Error text                                                                                                           |                  `ReactNode`                  |                 |\n| hasClear         | Shows the icon for clearing control's value                                                                          |                   `boolean`                   |     `false`     |\n| hasTime          | Show time field in popupvalue                                                                                        |                   `boolean`                   |     `false`     |\n| id               | The control's `id` attribute                                                                                         |                   `string`                    |                 |\n| label            | Help text rendered to the left of the input node                                                                     |                   `string`                    |                 |\n| leftContent      | The user`s node rendered before label and input                                                                      |               `React.ReactNode`               |                 |\n| onBlur           | Fires when the control lost focus. Provides focus event as a callback's argument                                     | `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)` |                 |\n| onFocus          | Fires when the control gets focus. Provides focus event as a callback's argument                                     | `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)` |                 |\n| onKeyDown        | Fires when a key is pressed. Provides keyboard event as a callback's argument                                        |    `((e: KeyboardEvent\u003cElement\u003e) =\u003e void)`    |                 |\n| onKeyUp          | Fires when a key is released. Provides keyboard event as a callback's argument                                       |    `((e: KeyboardEvent\u003cElement\u003e) =\u003e void)`    |                 |\n| onUpdate         | Fires when the value is changed by the user. Provides new value as an callback's argument                            |      `((value: string \\| null) =\u003e void`       |                 |\n| pin              | Corner rounding                                                                                                      |                   `string`                    | `'round-round'` |\n| placeholder      | Text that appears in the control when it has no value set                                                            |                   `string`                    |                 |\n| readOnly         | Whether the component's value is immutable.                                                                          |                   `boolean`                   |     `false`     |\n| rightContent     | User`s node rendered after the input node and clear button                                                           |               `React.ReactNode`               |                 |\n| size             | The size of the control                                                                                              |           `\"s\"` `\"m\"` `\"l\"` `\"xl\"`            |      `\"m\"`      |\n| style            | Sets inline style for the element.                                                                                   |                `CSSProperties`                |                 |\n| timeZone         | Sets the time zone. [Learn more about time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List) |                   `string`                    |                 |\n| validationState  | Validation state                                                                                                     |                  `\"invalid\"`                  |                 |\n| value            | The value of the control                                                                                             |                `string` `null`                |                 |\n| view             | The view of the control                                                                                              |             `\"normal\"` `\"clear\"`              |   `\"normal\"`    |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"date-components","componentId":"relative-date-field"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Date Components</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Relative Date Field</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Relative Date Field</h1><div class="gravity-ui-landing-component__buttons"><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/date-components/tree/main/src/components/RelativeDateField" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/date-components/range-calendar"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Range Calendar</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/date-components/relative-date-picker"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Relative Date Picker</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"date-components","componentId":"relative-date-field","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# RelativeDateField\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {RelativeDateField} from '@gravity-ui/date-components';\n```\n\n`RelativeDateField` component is used only for entering relative dates. It can't be used as \"normal\" `DateField`.\n\n## Relative input\n\nThe component get values in special relative format. You set values as formulas which will help you to compute the exact date. We can call it `grafana-like format` because it is very similar to format of Grafana's relative time fields. To know more about relative time values in Grafana read [the docs](https://grafana.com/docs/grafana/latest/panels-visualizations/query-transform-data/).\n\nUsing this mode you can deliver your data from source to destination and compute the exact value straight on the necessary endpoit without inaccuracy.\n\n## Valid input rules\n\n- a value should starts from keyword `now`\n- relative date expression in common looks like: `now${operand}${count}${unit}`\n- available values for `operand`:\n  - `-` - subtraction\n  - `+` - addition\n  - `/` - bringing to the start of the `unit`\n- valid values of `count` - any natural number\n- valid values of `unit`:\n  - `d` - day\n  - `w` - week\n  - `M` - month\n  - `Q` - quarter\n  - `y` - year\n  - `h` - hour\n  - `m` - minute\n\n### Examples of usage\n\n\u003e `now-1d`\n\u003e\n\u003e `now/w`\n\u003e\n\u003e `now+10d-5d/M`\n\n## Properties\n\n| Name             | Description                                                                                                          |                     Type                      |     Default     |\n| :--------------- | :------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------: | :-------------: |\n| aria-describedby | The control's `aria-describedby` attribute                                                                           |                   `string`                    |                 |\n| aria-details     | The control's `aria-details` attribute                                                                               |                   `string`                    |                 |\n| aria-label       | The control's `aria-label` attribute                                                                                 |                   `string`                    |                 |\n| aria-labelledby  | The control's `aria-labelledby` attribute                                                                            |                   `string`                    |                 |\n| autoFocus        | The control's `autofocus` attribute                                                                                  |                   `boolean`                   |                 |\n| className        | The control's wrapper class name                                                                                     |                   `string`                    |                 |\n| defaultValue     | Sets the initial value for uncontrolled component.                                                                   |                   `string`                    |                 |\n| disabled         | Indicates that the user cannot interact with the control                                                             |                   `boolean`                   |     `false`     |\n| errorMessage     | Error text                                                                                                           |                  `ReactNode`                  |                 |\n| hasClear         | Shows the icon for clearing control's value                                                                          |                   `boolean`                   |     `false`     |\n| hasTime          | Show time field in popupvalue                                                                                        |                   `boolean`                   |     `false`     |\n| id               | The control's `id` attribute                                                                                         |                   `string`                    |                 |\n| label            | Help text rendered to the left of the input node                                                                     |                   `string`                    |                 |\n| leftContent      | The user`s node rendered before label and input                                                                      |               `React.ReactNode`               |                 |\n| onBlur           | Fires when the control lost focus. Provides focus event as a callback's argument                                     | `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)` |                 |\n| onFocus          | Fires when the control gets focus. Provides focus event as a callback's argument                                     | `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)` |                 |\n| onKeyDown        | Fires when a key is pressed. Provides keyboard event as a callback's argument                                        |    `((e: KeyboardEvent\u003cElement\u003e) =\u003e void)`    |                 |\n| onKeyUp          | Fires when a key is released. Provides keyboard event as a callback's argument                                       |    `((e: KeyboardEvent\u003cElement\u003e) =\u003e void)`    |                 |\n| onUpdate         | Fires when the value is changed by the user. Provides new value as an callback's argument                            |      `((value: string \\| null) =\u003e void`       |                 |\n| pin              | Corner rounding                                                                                                      |                   `string`                    | `'round-round'` |\n| placeholder      | Text that appears in the control when it has no value set                                                            |                   `string`                    |                 |\n| readOnly         | Whether the component's value is immutable.                                                                          |                   `boolean`                   |     `false`     |\n| rightContent     | User`s node rendered after the input node and clear button                                                           |               `React.ReactNode`               |                 |\n| size             | The size of the control                                                                                              |           `\"s\"` `\"m\"` `\"l\"` `\"xl\"`            |      `\"m\"`      |\n| style            | Sets inline style for the element.                                                                                   |                `CSSProperties`                |                 |\n| timeZone         | Sets the time zone. [Learn more about time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List) |                   `string`                    |                 |\n| validationState  | Validation state                                                                                                     |                  `\"invalid\"`                  |                 |\n| value            | The value of the control                                                                                             |                `string` `null`                |                 |\n| view             | The view of the control                                                                                              |             `\"normal\"` `\"clear\"`              |   `\"normal\"`    |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"date-components","componentId":"relative-date-field"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/date-components/relative-date-picker.html b/components/date-components/relative-date-picker.html
index a996c5dbea1..953c5a8b6e4 100644
--- a/components/date-components/relative-date-picker.html
+++ b/components/date-components/relative-date-picker.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Date Components</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Relative Date Picker</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Relative Date Picker</h1><div class="gravity-ui-landing-component__buttons"><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/date-components/tree/main/src/components/RelativeDatePicker" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/date-components/relative-date-field"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Relative Date Field</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"date-components","componentId":"relative-date-picker","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# RelativeDatePicker\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {RelativeDatePicker} from '@gravity-ui/date-components';\n```\n\n`RelativeDatePicker` is almost the same component as `DatePicker` but it has ability to use relative dates.\n\n## Difference from `DatePicker`\n\n`RelativeDatePicker` can work in two modes: `absolute` and `relative`. You can switch it interactively by click on `f(x)` button. Or you can set field `type` in `value` or `defaultValue` object.\n\n### Absolute\n\n`RelativeDatePicker`'s behaviour in `absolute` mode is very similar to simple `DatePicker`.\n\n\u003c!--LANDING_BLOCK\n\n[Learn more about DatePicker](/components/date-components/date-picker)\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n[Learn more about DatePicker](/src/components/DatePicker)\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Relative\n\nIn this mode `RelativeDatePicker` get and return values in special relative format.\n\n\u003c!--LANDING_BLOCK\n\n[Learn more about rules of relative formulas](/components/date-components/relative-date-field#relative-input)\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n[Learn more about rules of relative formulas](/src/components/RelativeDateField#relative-input)\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name              | Description                                                                                                                                |                     Type                      |          Default          |\n| :---------------- | :----------------------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------: | :-----------------------: |\n| aria-describedby  | The control's `aria-describedby`. Identifies the element (or elements) that describes the object. attribute                                |                   `string`                    |                           |\n| aria-details      | The control's `aria-details`. Identifies the element (or elements) that provide a detailed, extended description for the object. attribute |                   `string`                    |                           |\n| aria-label        | The control's `aria-label`. Defines a string value that labels the current element. attribute                                              |                   `string`                    |                           |\n| aria-labelledby   | The control's `aria-labelledby`. Identifies the element (or elements) that labels the current element. attribute                           |                   `string`                    |                           |\n| autoFocus         | The control's `autofocus`. Whether the element should receive focus on render. attribute                                                   |                   `boolean`                   |                           |\n| className         | The control's wrapper class name                                                                                                           |                   `string`                    |                           |\n| defaultValue      | Sets the initial value for uncontrolled component.                                                                                         |                    `Value`                    |                           |\n| disabled          | Indicates that the user cannot interact with the control                                                                                   |                   `boolean`                   |          `false`          |\n| errorMessage      | Error text                                                                                                                                 |                  `ReactNode`                  |                           |\n| format            | Format of the date when rendered in the input. [Available formats](https://day.js.org/docs/en/display/format)                              |                   `string`                    |                           |\n| hasClear          | Shows the icon for clearing control's value                                                                                                |                   `boolean`                   |          `false`          |\n| id                | The control's `id` attribute                                                                                                               |                   `string`                    |                           |\n| isDateUnavailable | Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.                                   |        `((date: DateTime) =\u003e boolean)`        |                           |\n| label             | Help text rendered to the left of the input node                                                                                           |                   `string`                    |                           |\n| maxValue          | The maximum allowed date that a user may select.                                                                                           |                  `DateTime`                   |                           |\n| minValue          | The minimum allowed date that a user may select.                                                                                           |                  `DateTime`                   |                           |\n| onBlur            | Fires when the control lost focus. Provides focus event as a callback's argument                                                           | `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)` |                           |\n| onFocus           | Fires when the control gets focus. Provides focus event as a callback's argument                                                           | `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)` |                           |\n| onKeyDown         | Fires when a key is pressed. Provides keyboard event as a callback's argument                                                              |    `((e: KeyboardEvent\u003cElement\u003e) =\u003e void)`    |                           |\n| onKeyUp           | Fires when a key is released. Provides keyboard event as a callback's argument                                                             |    `((e: KeyboardEvent\u003cElement\u003e) =\u003e void)`    |                           |\n| onUpdate          | Fires when the value is changed by the user. Provides new value as an callback's argument                                                  |       `((value: Value \\| null) =\u003e void`       |                           |\n| pin               | Corner rounding                                                                                                                            |                `TextInputPin`                 |      `'round-round'`      |\n| placeholder       | Text that appears in the control when it has no value set                                                                                  |                   `string`                    |                           |\n| placeholderValue  | A placeholder date that controls the default values of each segment when the user first interacts with them.                               |                  `DateTime`                   | `today's date at midnigh` |\n| readOnly          | Whether the component's value is immutable.                                                                                                |                   `boolean`                   |          `false`          |\n| size              | The size of the control                                                                                                                    |           `\"s\"` `\"m\"` `\"l\"` `\"xl\"`            |           `\"m\"`           |\n| style             | Sets inline style for the element.                                                                                                         |                `CSSProperties`                |                           |\n| timeZone          | Sets the time zone. [Learn more about time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List)                       |                   `string`                    |                           |\n| validationState   | Validation state                                                                                                                           |                  `\"invalid\"`                  |                           |\n| value             | The value of the control                                                                                                                   |                `Value` `null`                 |                           |\n| view              | The view of the control                                                                                                                    |             `\"normal\"` `\"clear\"`              |        `\"normal\"`         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"date-components","componentId":"relative-date-picker"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Date Components</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Relative Date Picker</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Relative Date Picker</h1><div class="gravity-ui-landing-component__buttons"><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/date-components/tree/main/src/components/RelativeDatePicker" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/date-components/relative-date-field"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Relative Date Field</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"date-components","componentId":"relative-date-picker","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# RelativeDatePicker\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {RelativeDatePicker} from '@gravity-ui/date-components';\n```\n\n`RelativeDatePicker` is almost the same component as `DatePicker` but it has ability to use relative dates.\n\n## Difference from `DatePicker`\n\n`RelativeDatePicker` can work in two modes: `absolute` and `relative`. You can switch it interactively by click on `f(x)` button. Or you can set field `type` in `value` or `defaultValue` object.\n\n### Absolute\n\n`RelativeDatePicker`'s behaviour in `absolute` mode is very similar to simple `DatePicker`.\n\n\u003c!--LANDING_BLOCK\n\n[Learn more about DatePicker](/components/date-components/date-picker)\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n[Learn more about DatePicker](/src/components/DatePicker)\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Relative\n\nIn this mode `RelativeDatePicker` get and return values in special relative format.\n\n\u003c!--LANDING_BLOCK\n\n[Learn more about rules of relative formulas](/components/date-components/relative-date-field#relative-input)\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n[Learn more about rules of relative formulas](/src/components/RelativeDateField#relative-input)\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name              | Description                                                                                                                                |                     Type                      |          Default          |\n| :---------------- | :----------------------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------: | :-----------------------: |\n| aria-describedby  | The control's `aria-describedby`. Identifies the element (or elements) that describes the object. attribute                                |                   `string`                    |                           |\n| aria-details      | The control's `aria-details`. Identifies the element (or elements) that provide a detailed, extended description for the object. attribute |                   `string`                    |                           |\n| aria-label        | The control's `aria-label`. Defines a string value that labels the current element. attribute                                              |                   `string`                    |                           |\n| aria-labelledby   | The control's `aria-labelledby`. Identifies the element (or elements) that labels the current element. attribute                           |                   `string`                    |                           |\n| autoFocus         | The control's `autofocus`. Whether the element should receive focus on render. attribute                                                   |                   `boolean`                   |                           |\n| className         | The control's wrapper class name                                                                                                           |                   `string`                    |                           |\n| defaultValue      | Sets the initial value for uncontrolled component.                                                                                         |                    `Value`                    |                           |\n| disabled          | Indicates that the user cannot interact with the control                                                                                   |                   `boolean`                   |          `false`          |\n| errorMessage      | Error text                                                                                                                                 |                  `ReactNode`                  |                           |\n| format            | Format of the date when rendered in the input. [Available formats](https://day.js.org/docs/en/display/format)                              |                   `string`                    |                           |\n| hasClear          | Shows the icon for clearing control's value                                                                                                |                   `boolean`                   |          `false`          |\n| id                | The control's `id` attribute                                                                                                               |                   `string`                    |                           |\n| isDateUnavailable | Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.                                   |        `((date: DateTime) =\u003e boolean)`        |                           |\n| label             | Help text rendered to the left of the input node                                                                                           |                   `string`                    |                           |\n| maxValue          | The maximum allowed date that a user may select.                                                                                           |                  `DateTime`                   |                           |\n| minValue          | The minimum allowed date that a user may select.                                                                                           |                  `DateTime`                   |                           |\n| onBlur            | Fires when the control lost focus. Provides focus event as a callback's argument                                                           | `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)` |                           |\n| onFocus           | Fires when the control gets focus. Provides focus event as a callback's argument                                                           | `((e: FocusEvent\u003cElement, Element\u003e) =\u003e void)` |                           |\n| onKeyDown         | Fires when a key is pressed. Provides keyboard event as a callback's argument                                                              |    `((e: KeyboardEvent\u003cElement\u003e) =\u003e void)`    |                           |\n| onKeyUp           | Fires when a key is released. Provides keyboard event as a callback's argument                                                             |    `((e: KeyboardEvent\u003cElement\u003e) =\u003e void)`    |                           |\n| onUpdate          | Fires when the value is changed by the user. Provides new value as an callback's argument                                                  |       `((value: Value \\| null) =\u003e void`       |                           |\n| pin               | Corner rounding                                                                                                                            |                `TextInputPin`                 |      `'round-round'`      |\n| placeholder       | Text that appears in the control when it has no value set                                                                                  |                   `string`                    |                           |\n| placeholderValue  | A placeholder date that controls the default values of each segment when the user first interacts with them.                               |                  `DateTime`                   | `today's date at midnigh` |\n| readOnly          | Whether the component's value is immutable.                                                                                                |                   `boolean`                   |          `false`          |\n| size              | The size of the control                                                                                                                    |           `\"s\"` `\"m\"` `\"l\"` `\"xl\"`            |           `\"m\"`           |\n| style             | Sets inline style for the element.                                                                                                         |                `CSSProperties`                |                           |\n| timeZone          | Sets the time zone. [Learn more about time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List)                       |                   `string`                    |                           |\n| validationState   | Validation state                                                                                                                           |                  `\"invalid\"`                  |                           |\n| value             | The value of the control                                                                                                                   |                `Value` `null`                 |                           |\n| view              | The view of the control                                                                                                                    |             `\"normal\"` `\"clear\"`              |        `\"normal\"`         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"date-components","componentId":"relative-date-picker"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/navigation.html b/components/navigation.html
index dba14f20d2a..25cf5fc6392 100644
--- a/components/navigation.html
+++ b/components/navigation.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/d67b507bd1e4e312.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d67b507bd1e4e312.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D-0e30a45e9ae3c8ea.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"navigation","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"}}},"initialLocale":"en","ns":["common"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]","query":{"libId":"navigation"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/d67b507bd1e4e312.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d67b507bd1e4e312.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D-0e30a45e9ae3c8ea.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"navigation","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"}}},"initialLocale":"en","ns":["common"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]","query":{"libId":"navigation"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit.html b/components/uikit.html
index 2cc7fb2f6dc..81afc877378 100644
--- a/components/uikit.html
+++ b/components/uikit.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/d67b507bd1e4e312.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d67b507bd1e4e312.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D-0e30a45e9ae3c8ea.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"}}},"initialLocale":"en","ns":["common"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]","query":{"libId":"uikit"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/d67b507bd1e4e312.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d67b507bd1e4e312.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D-0e30a45e9ae3c8ea.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"}}},"initialLocale":"en","ns":["common"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]","query":{"libId":"uikit"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/alert.html b/components/uikit/alert.html
index 78fa6167259..f4a58e4ba6d 100644
--- a/components/uikit/alert.html
+++ b/components/uikit/alert.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Alert</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Alert</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@IsaevAlexandr" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/IsaevAlexandr" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/27916444?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">IsaevAlexandr</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Alert" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/arrow-toggle"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">ArrowToggle</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"alert","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Alert\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Alert} from '@gravity-ui/uikit';\n```\n\n### Theme\n\n`normal` - main theme (used by default).\n\n`info` - used for any kind of regular information.\n\n`success` - used for positive information.\n\n`warning` - used for information which needs attention.\n\n`danger` - used for hazard information.\n\n`utility` - used for utility information.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cAlert theme=\"normal\" title=\"Normal\" message=\"Normal theme\" /\u003e\n\u003cAlert theme=\"info\" title=\"Info\" message=\"Info theme\" /\u003e\n\u003cAlert theme=\"success\" title=\"Success\" message=\"Success theme\" /\u003e\n\u003cAlert theme=\"warning\" title=\"Warning\" message=\"Warning theme\" /\u003e\n\u003cAlert theme=\"danger\" title=\"Danger\" message=\"Danger theme\" /\u003e\n\u003cAlert theme=\"utility\" title=\"utility\" message=\"Utility theme\" /\u003e\n`}\u003e\n    \u003cUIKit.Alert theme=\"normal\" title=\"Normal\" message=\"Normal theme\" /\u003e\n    \u003cUIKit.Alert theme=\"info\" title=\"Info\" message=\"Info theme\" /\u003e\n    \u003cUIKit.Alert theme=\"success\" title=\"Success\" message=\"Success theme\" /\u003e\n    \u003cUIKit.Alert theme=\"warning\" title=\"Warning\" message=\"Warning theme\" /\u003e\n    \u003cUIKit.Alert theme=\"danger\" title=\"Danger\" message=\"Danger theme\" /\u003e\n    \u003cUIKit.Alert theme=\"utility\" title=\"Utility\" message=\"Utility theme\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cAlert theme=\"normal\" title=\"Normal\" message=\"Normal theme\"/\u003e\n\u003cAlert theme=\"info\" title=\"Info\" message=\"Info theme\"/\u003e\n\u003cAlert theme=\"success\" title=\"Success\" message=\"Success theme\"/\u003e\n\u003cAlert theme=\"warning\" title=\"Warning\" message=\"Warning theme\"/\u003e\n\u003cAlert theme=\"danger\" title=\"Danger\" message=\"Danger theme\"/\u003e\n\u003cAlert theme=\"utility\" title=\"Utility\" message=\"Utility theme\"/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### View\n\n`filled` - used to adjust the background color of the alert (used by default).\n\n`outlined` - used to adjust the border color of the alert.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cAlert title=\"Filled\" message=\"Filled view\" view=\"filled\" /\u003e\n\u003cAlert title=\"Outlined\" message=\"Outlined theme\" view=\"outlined\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Alert title=\"Filled\" message=\"Filled view\" view=\"filled\" /\u003e\n    \u003cUIKit.Alert title=\"Outlined\" message=\"Outlined theme\" view=\"outlined\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```\n\u003cAlert title=\"Filled\" message=\"Filled view\" view=\"filled\" /\u003e\n\u003cAlert title=\"Outlined\" message=\"Outlined theme\" view=\"outlined\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Layout\n\n`vertical` - used to direct users to content if there is property `actions` with buttons. For showing buttons below text (\nused\nby default).\n\n`horizontal` - used to direct users to content if there is property `actions` with buttons. For showing buttons to the right\nof text.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cAlert layout=\"vertical\" title=\"Vertical\" message=\"Vertical direction\" actions={\u003cAlert.Action\u003ebutton\u003c/Alert.Action\u003e} /\u003e\n\u003cAlert layout=\"horizontal\" title=\"Horizontal\" message=\"Horizontal direction\" actions={\u003cAlert.Action\u003ebutton\u003c/Alert.Action\u003e} /\u003e\n`}\u003e\n    \u003cUIKit.Alert layout=\"vertical\" title=\"Vertical\" message=\"Vertical direction\" actions={\u003cUIKit.Alert.Action\u003ebutton\u003c/UIKit.Alert.Action\u003e} /\u003e\n    \u003cUIKit.Alert layout=\"horizontal\" title=\"Horizontal\" message=\"Horizontal direction\" actions={\u003cUIKit.Alert.Action\u003ebutton\u003c/UIKit.Alert.Action\u003e} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cAlert layout=\"vertical\" title=\"Vertical\" message=\"Vertical direction\" actions={\u003cAlert.Action\u003ebutton\u003c/Alert.Action\u003e}/\u003e\n\u003cAlert layout=\"horizontal\" title=\"Horizontal\" message=\"Horizontal direction\" actions={\u003cAlert.Action\u003ebutton\u003c/Alert.Action\u003e}/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Corners\n\n`rounded` - used for round corners of alert window (used by default).\n\n`square` - used for squared corners of alert window.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cAlert title=\"Rounded\" message=\"Rounded corners\" corners=\"rounded\"  /\u003e\n\u003cAlert title=\"Square\" message=\"Square corners\" corners=\"square\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Alert title=\"Rounded\" message=\"Rounded corners\" corners=\"rounded\"  /\u003e\n    \u003cUIKit.Alert title=\"Square\" message=\"Square corners\" corners=\"square\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cAlert title=\"Rounded\" message=\"Rounded corners\" corners=\"rounded\"/\u003e\n\u003cAlert title=\"Square\" message=\"Square corners\" corners=\"square\"/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Alert title\n\n`title` - the title of the alert. It has a lower priority than Alert.Title.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cAlert title={\u003cAlert.Title className={'some-class'} text=\"some text\"\u003e\u003c/Alert.Title\u003e} /\u003e\n`}\n\u003e\n    \u003cUIKit.Alert title={\u003cUIKit.Alert.Title className={'some-class'} text=\"some text\"\u003e\u003c/UIKit.Alert.Title\u003e} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cAlert title={\u003cAlert.Title className={'some-class'} text=\"some text\"\u003e\u003c/Alert.Title\u003e} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Alert message\n\n`message` - message of the alert. It should fully explain the content of the alert.\n\n## Alert onClose\n\n`onClose` - callback function called when a user clicks the alert's close button. When this property is defined, a close button is visible.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cAlert onClose={() =\u003e alert('Close button pressed')} title=\"Alert has close\" message=\"Alert has close\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Alert onClose={() =\u003e alert('Close button pressed')} title=\"Alert has close\" message=\"Alert has close\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cAlert\n  onClose={() =\u003e alert('Close button pressed')}\n  title=\"Alert has close\"\n  message=\"Alert has close\"\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Align\n\nDetermines how content inside the Alert component is vertically aligned.\n\n`baseline` - align used by default.\n\n`center` - content is vertically centered within the Alert component. Useful if actions take up\nmore space than text,\nor if the icon must be in the middle of the card.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cAlert align=\"baseline\" theme=\"info\" title=\"Baseline\" message=\"Baseline align\" actions={\u003cAlert.Action\u003ebutton\u003c/Alert.Action\u003e} /\u003e\n\u003cAlert align=\"center\" theme=\"info\" title=\"Center\" message=\"Center align\" actions={\u003cAlert.Action\u003ebutton\u003c/Alert.Action\u003e} align=\"center\"/\u003e\n`}\u003e\n    \u003cUIKit.Alert align=\"baseline\" theme=\"info\" title=\"Baseline\" message=\"Baseline align\" actions={\u003cUIKit.Alert.Action\u003ebutton\u003c/UIKit.Alert.Action\u003e} /\u003e\n    \u003cUIKit.Alert align=\"center\" theme=\"info\" title=\"Center\" message=\"Center align\" actions={\u003cUIKit.Alert.Action\u003ebutton\u003c/UIKit.Alert.Action\u003e} align=\"center\"/\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cAlert align=\"vertical\" title=\"Vertical\" message=\"Vertical direction\" actions={\u003cAlert.Action\u003ebutton\u003c/Alert.Action\u003e}/\u003e\n\u003cAlert align=\"horizontal\" title=\"Horizontal\" message=\"Horizontal direction\" actions={\u003cAlert.Action\u003ebutton\u003c/Alert.Action\u003e}/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name      | Description                                                                 |                                Type                                |   Default    |\n| :-------- | :-------------------------------------------------------------------------- | :----------------------------------------------------------------: | :----------: |\n| theme     | Alert appearance                                                            | `\"normal\"` `\"info\"` `\"success\"` `\"warning\"` `\"danger\"` `\"utility\"` |  `\"normal\"`  |\n| view      | Enable/disable background color of the alert                                |                      `\"filled\"` `\"outlined\"`                       |  `\"filled\"`  |\n| layout    | Used to direct users to content if there is property `actions` with buttons |                    `\"vertical\"` `\"horizontal\"`                     | `\"vertical\"` |\n| corners   | Used for round/square corners of the alert window                           |                       `\"rounded\"` `\"square\"`                       | `\"rounded\"`  |\n| title     | Title of the alert                                                          |                              `string`                              |              |\n| message   | Message of the alert                                                        |                              `string`                              |              |\n| onClose   | A callback function called when the user clicks the alert's close button    |                             `Function`                             |              |\n| actions   | Array of buttons or full custom components                                  |                 `React.ReactNode` `\"AlertAction\"`                  |              |\n| align     | Determines how content inside the Alert component is vertically aligned     |                      `\"center\"` `\"baseline\"`                       | `\"baseline\"` |\n| style     | HTML style attribute                                                        |                       `React.CSSProperties`                        |              |\n| className | Name of alert class                                                         |                              `string`                              |              |\n| icon      | Override default icon                                                       |                         `React.ReactNode`                          |              |\n| qa        | HTML `data-qa` attribute, used in tests.                                    |                              `string`                              |              |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"alert"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Alert</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Alert</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@IsaevAlexandr" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/IsaevAlexandr" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/27916444?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">IsaevAlexandr</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Alert" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/arrow-toggle"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">ArrowToggle</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"alert","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Alert\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Alert} from '@gravity-ui/uikit';\n```\n\n### Theme\n\n`normal` - main theme (used by default).\n\n`info` - used for any kind of regular information.\n\n`success` - used for positive information.\n\n`warning` - used for information which needs attention.\n\n`danger` - used for hazard information.\n\n`utility` - used for utility information.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cAlert theme=\"normal\" title=\"Normal\" message=\"Normal theme\" /\u003e\n\u003cAlert theme=\"info\" title=\"Info\" message=\"Info theme\" /\u003e\n\u003cAlert theme=\"success\" title=\"Success\" message=\"Success theme\" /\u003e\n\u003cAlert theme=\"warning\" title=\"Warning\" message=\"Warning theme\" /\u003e\n\u003cAlert theme=\"danger\" title=\"Danger\" message=\"Danger theme\" /\u003e\n\u003cAlert theme=\"utility\" title=\"utility\" message=\"Utility theme\" /\u003e\n`}\u003e\n    \u003cUIKit.Alert theme=\"normal\" title=\"Normal\" message=\"Normal theme\" /\u003e\n    \u003cUIKit.Alert theme=\"info\" title=\"Info\" message=\"Info theme\" /\u003e\n    \u003cUIKit.Alert theme=\"success\" title=\"Success\" message=\"Success theme\" /\u003e\n    \u003cUIKit.Alert theme=\"warning\" title=\"Warning\" message=\"Warning theme\" /\u003e\n    \u003cUIKit.Alert theme=\"danger\" title=\"Danger\" message=\"Danger theme\" /\u003e\n    \u003cUIKit.Alert theme=\"utility\" title=\"Utility\" message=\"Utility theme\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cAlert theme=\"normal\" title=\"Normal\" message=\"Normal theme\"/\u003e\n\u003cAlert theme=\"info\" title=\"Info\" message=\"Info theme\"/\u003e\n\u003cAlert theme=\"success\" title=\"Success\" message=\"Success theme\"/\u003e\n\u003cAlert theme=\"warning\" title=\"Warning\" message=\"Warning theme\"/\u003e\n\u003cAlert theme=\"danger\" title=\"Danger\" message=\"Danger theme\"/\u003e\n\u003cAlert theme=\"utility\" title=\"Utility\" message=\"Utility theme\"/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### View\n\n`filled` - used to adjust the background color of the alert (used by default).\n\n`outlined` - used to adjust the border color of the alert.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cAlert title=\"Filled\" message=\"Filled view\" view=\"filled\" /\u003e\n\u003cAlert title=\"Outlined\" message=\"Outlined theme\" view=\"outlined\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Alert title=\"Filled\" message=\"Filled view\" view=\"filled\" /\u003e\n    \u003cUIKit.Alert title=\"Outlined\" message=\"Outlined theme\" view=\"outlined\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```\n\u003cAlert title=\"Filled\" message=\"Filled view\" view=\"filled\" /\u003e\n\u003cAlert title=\"Outlined\" message=\"Outlined theme\" view=\"outlined\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Layout\n\n`vertical` - used to direct users to content if there is property `actions` with buttons. For showing buttons below text (\nused\nby default).\n\n`horizontal` - used to direct users to content if there is property `actions` with buttons. For showing buttons to the right\nof text.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cAlert layout=\"vertical\" title=\"Vertical\" message=\"Vertical direction\" actions={\u003cAlert.Action\u003ebutton\u003c/Alert.Action\u003e} /\u003e\n\u003cAlert layout=\"horizontal\" title=\"Horizontal\" message=\"Horizontal direction\" actions={\u003cAlert.Action\u003ebutton\u003c/Alert.Action\u003e} /\u003e\n`}\u003e\n    \u003cUIKit.Alert layout=\"vertical\" title=\"Vertical\" message=\"Vertical direction\" actions={\u003cUIKit.Alert.Action\u003ebutton\u003c/UIKit.Alert.Action\u003e} /\u003e\n    \u003cUIKit.Alert layout=\"horizontal\" title=\"Horizontal\" message=\"Horizontal direction\" actions={\u003cUIKit.Alert.Action\u003ebutton\u003c/UIKit.Alert.Action\u003e} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cAlert layout=\"vertical\" title=\"Vertical\" message=\"Vertical direction\" actions={\u003cAlert.Action\u003ebutton\u003c/Alert.Action\u003e}/\u003e\n\u003cAlert layout=\"horizontal\" title=\"Horizontal\" message=\"Horizontal direction\" actions={\u003cAlert.Action\u003ebutton\u003c/Alert.Action\u003e}/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Corners\n\n`rounded` - used for round corners of alert window (used by default).\n\n`square` - used for squared corners of alert window.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cAlert title=\"Rounded\" message=\"Rounded corners\" corners=\"rounded\"  /\u003e\n\u003cAlert title=\"Square\" message=\"Square corners\" corners=\"square\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Alert title=\"Rounded\" message=\"Rounded corners\" corners=\"rounded\"  /\u003e\n    \u003cUIKit.Alert title=\"Square\" message=\"Square corners\" corners=\"square\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cAlert title=\"Rounded\" message=\"Rounded corners\" corners=\"rounded\"/\u003e\n\u003cAlert title=\"Square\" message=\"Square corners\" corners=\"square\"/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Alert title\n\n`title` - the title of the alert. It has a lower priority than Alert.Title.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cAlert title={\u003cAlert.Title className={'some-class'} text=\"some text\"\u003e\u003c/Alert.Title\u003e} /\u003e\n`}\n\u003e\n    \u003cUIKit.Alert title={\u003cUIKit.Alert.Title className={'some-class'} text=\"some text\"\u003e\u003c/UIKit.Alert.Title\u003e} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cAlert title={\u003cAlert.Title className={'some-class'} text=\"some text\"\u003e\u003c/Alert.Title\u003e} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Alert message\n\n`message` - message of the alert. It should fully explain the content of the alert.\n\n## Alert onClose\n\n`onClose` - callback function called when a user clicks the alert's close button. When this property is defined, a close button is visible.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cAlert onClose={() =\u003e alert('Close button pressed')} title=\"Alert has close\" message=\"Alert has close\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Alert onClose={() =\u003e alert('Close button pressed')} title=\"Alert has close\" message=\"Alert has close\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cAlert\n  onClose={() =\u003e alert('Close button pressed')}\n  title=\"Alert has close\"\n  message=\"Alert has close\"\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Align\n\nDetermines how content inside the Alert component is vertically aligned.\n\n`baseline` - align used by default.\n\n`center` - content is vertically centered within the Alert component. Useful if actions take up\nmore space than text,\nor if the icon must be in the middle of the card.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cAlert align=\"baseline\" theme=\"info\" title=\"Baseline\" message=\"Baseline align\" actions={\u003cAlert.Action\u003ebutton\u003c/Alert.Action\u003e} /\u003e\n\u003cAlert align=\"center\" theme=\"info\" title=\"Center\" message=\"Center align\" actions={\u003cAlert.Action\u003ebutton\u003c/Alert.Action\u003e} align=\"center\"/\u003e\n`}\u003e\n    \u003cUIKit.Alert align=\"baseline\" theme=\"info\" title=\"Baseline\" message=\"Baseline align\" actions={\u003cUIKit.Alert.Action\u003ebutton\u003c/UIKit.Alert.Action\u003e} /\u003e\n    \u003cUIKit.Alert align=\"center\" theme=\"info\" title=\"Center\" message=\"Center align\" actions={\u003cUIKit.Alert.Action\u003ebutton\u003c/UIKit.Alert.Action\u003e} align=\"center\"/\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cAlert align=\"vertical\" title=\"Vertical\" message=\"Vertical direction\" actions={\u003cAlert.Action\u003ebutton\u003c/Alert.Action\u003e}/\u003e\n\u003cAlert align=\"horizontal\" title=\"Horizontal\" message=\"Horizontal direction\" actions={\u003cAlert.Action\u003ebutton\u003c/Alert.Action\u003e}/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name      | Description                                                                 |                                Type                                |   Default    |\n| :-------- | :-------------------------------------------------------------------------- | :----------------------------------------------------------------: | :----------: |\n| theme     | Alert appearance                                                            | `\"normal\"` `\"info\"` `\"success\"` `\"warning\"` `\"danger\"` `\"utility\"` |  `\"normal\"`  |\n| view      | Enable/disable background color of the alert                                |                      `\"filled\"` `\"outlined\"`                       |  `\"filled\"`  |\n| layout    | Used to direct users to content if there is property `actions` with buttons |                    `\"vertical\"` `\"horizontal\"`                     | `\"vertical\"` |\n| corners   | Used for round/square corners of the alert window                           |                       `\"rounded\"` `\"square\"`                       | `\"rounded\"`  |\n| title     | Title of the alert                                                          |                              `string`                              |              |\n| message   | Message of the alert                                                        |                              `string`                              |              |\n| onClose   | A callback function called when the user clicks the alert's close button    |                             `Function`                             |              |\n| actions   | Array of buttons or full custom components                                  |                 `React.ReactNode` `\"AlertAction\"`                  |              |\n| align     | Determines how content inside the Alert component is vertically aligned     |                      `\"center\"` `\"baseline\"`                       | `\"baseline\"` |\n| style     | HTML style attribute                                                        |                       `React.CSSProperties`                        |              |\n| className | Name of alert class                                                         |                              `string`                              |              |\n| icon      | Override default icon                                                       |                         `React.ReactNode`                          |              |\n| qa        | HTML `data-qa` attribute, used in tests.                                    |                              `string`                              |              |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"alert"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/arrow-toggle.html b/components/uikit/arrow-toggle.html
index c4c08b3dca8..00e282e6dbd 100644
--- a/components/uikit/arrow-toggle.html
+++ b/components/uikit/arrow-toggle.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->ArrowToggle</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">ArrowToggle</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@Marginy605" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/Marginy605" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/98329176?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">Marginy605</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/ArrowToggle" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/alert"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Alert</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/avatar"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Avatar</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"arrow-toggle","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# ArrowToggle\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n`ArrowToggle` is a component for displaying the chevron icon. It can rotate in four directions, and can be used to display dropdown lists, cut components, etc.\n\n## Appearance\n\nThe component has four possible directions: `top`, `right`, `bottom` and `left`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cArrowToggle direction=\"top\" /\u003e top\n\u003cArrowToggle direction=\"right\" /\u003e right\n\u003cArrowToggle direction=\"bottom\" /\u003e bottom\n\u003cArrowToggle direction=\"left\" /\u003e left\n`}\u003e\n    \u003cUIKit.ArrowToggle direction=\"top\" /\u003e top\n    \u003cUIKit.ArrowToggle direction=\"right\" /\u003e right\n    \u003cUIKit.ArrowToggle direction=\"bottom\" /\u003e bottom\n    \u003cUIKit.ArrowToggle direction=\"left\" /\u003e left\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cArrowToggle direction=\"top\" /\u003e top\n\u003cArrowToggle direction=\"right\" /\u003e right\n\u003cArrowToggle direction=\"bottom\" /\u003e bottom\n\u003cArrowToggle direction=\"left\" /\u003e left\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\ncode={`\n\u003cArrowToggle size={10} /\u003e 10\n\u003cArrowToggle size={20} /\u003e 20\n\u003cArrowToggle size={30} /\u003e 30\n\u003cArrowToggle size={40} /\u003e 40\n\u003cArrowToggle size={50} /\u003e 50\n\u003cArrowToggle size={100} /\u003e 100\n`}\u003e\n    \u003cUIKit.ArrowToggle size={10} /\u003e 10\n    \u003cUIKit.ArrowToggle size={20} /\u003e 20\n    \u003cUIKit.ArrowToggle size={30} /\u003e 30\n    \u003cUIKit.ArrowToggle size={40} /\u003e 40\n    \u003cUIKit.ArrowToggle size={50} /\u003e 50\n    \u003cUIKit.ArrowToggle size={100} /\u003e 100\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cArrowToggle size={10} /\u003e 10\n\u003cArrowToggle size={20} /\u003e 20\n\u003cArrowToggle size={30} /\u003e 30\n\u003cArrowToggle size={40} /\u003e 40\n\u003cArrowToggle size={50} /\u003e 50\n\u003cArrowToggle size={100} /\u003e 100\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Interactive\n\nHere is an example of usage ArrowToggle component with a toggling icon.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\ncode={`\nconst [directionIndex, setDirectionIndex] = React.useState(0);\nconst directions = ['top', 'left', 'bottom', 'right'] as Array\u003cArrowToggleProps['direction']\u003e;\nconst direction = directions[directionIndex % directions.length];\n\nreturn (\n    \u003cButton onClick={() =\u003e setDirectionIndex(directionIndex + 1)} view=\"flat\"\u003e\n        \u003cArrowToggle {...args} direction={direction} /\u003e \u003ch3\u003e{direction}\u003c/h3\u003e\n    \u003c/Button\u003e\n);\n`}\u003e\n    \u003cUIKitExamples.ArrowToggleExample/\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst [directionIndex, setDirectionIndex] = React.useState(0);\nconst directions = ['top', 'left', 'bottom', 'right'] as Array\u003cArrowToggleProps['direction']\u003e;\nconst direction = directions[directionIndex % directions.length];\n\nreturn (\n  \u003cButton onClick={() =\u003e setDirectionIndex(directionIndex + 1)} view=\"flat\"\u003e\n    \u003cArrowToggle {...args} direction={direction} /\u003e \u003ch3\u003e{direction}\u003c/h3\u003e\n  \u003c/Button\u003e\n);\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name      | Description                              |   Type   |  Default   |\n| :-------- | :--------------------------------------- | :------: | :--------: |\n| className | HTML `class` attribute                   | `string` |            |\n| direction | Used to set the direction of arrowToggle | `string` | `\"bottom\"` |\n| size      | Size of arrowToggle in px                | `number` |    `16`    |\n| qa        | HTML `data-qa` attribute, used in tests  | `string` |            |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"arrow-toggle"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->ArrowToggle</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">ArrowToggle</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@Marginy605" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/Marginy605" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/98329176?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">Marginy605</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/ArrowToggle" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/alert"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Alert</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/avatar"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Avatar</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"arrow-toggle","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# ArrowToggle\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n`ArrowToggle` is a component for displaying the chevron icon. It can rotate in four directions, and can be used to display dropdown lists, cut components, etc.\n\n## Appearance\n\nThe component has four possible directions: `top`, `right`, `bottom` and `left`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cArrowToggle direction=\"top\" /\u003e top\n\u003cArrowToggle direction=\"right\" /\u003e right\n\u003cArrowToggle direction=\"bottom\" /\u003e bottom\n\u003cArrowToggle direction=\"left\" /\u003e left\n`}\u003e\n    \u003cUIKit.ArrowToggle direction=\"top\" /\u003e top\n    \u003cUIKit.ArrowToggle direction=\"right\" /\u003e right\n    \u003cUIKit.ArrowToggle direction=\"bottom\" /\u003e bottom\n    \u003cUIKit.ArrowToggle direction=\"left\" /\u003e left\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cArrowToggle direction=\"top\" /\u003e top\n\u003cArrowToggle direction=\"right\" /\u003e right\n\u003cArrowToggle direction=\"bottom\" /\u003e bottom\n\u003cArrowToggle direction=\"left\" /\u003e left\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\ncode={`\n\u003cArrowToggle size={10} /\u003e 10\n\u003cArrowToggle size={20} /\u003e 20\n\u003cArrowToggle size={30} /\u003e 30\n\u003cArrowToggle size={40} /\u003e 40\n\u003cArrowToggle size={50} /\u003e 50\n\u003cArrowToggle size={100} /\u003e 100\n`}\u003e\n    \u003cUIKit.ArrowToggle size={10} /\u003e 10\n    \u003cUIKit.ArrowToggle size={20} /\u003e 20\n    \u003cUIKit.ArrowToggle size={30} /\u003e 30\n    \u003cUIKit.ArrowToggle size={40} /\u003e 40\n    \u003cUIKit.ArrowToggle size={50} /\u003e 50\n    \u003cUIKit.ArrowToggle size={100} /\u003e 100\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cArrowToggle size={10} /\u003e 10\n\u003cArrowToggle size={20} /\u003e 20\n\u003cArrowToggle size={30} /\u003e 30\n\u003cArrowToggle size={40} /\u003e 40\n\u003cArrowToggle size={50} /\u003e 50\n\u003cArrowToggle size={100} /\u003e 100\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Interactive\n\nHere is an example of usage ArrowToggle component with a toggling icon.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\ncode={`\nconst [directionIndex, setDirectionIndex] = React.useState(0);\nconst directions = ['top', 'left', 'bottom', 'right'] as Array\u003cArrowToggleProps['direction']\u003e;\nconst direction = directions[directionIndex % directions.length];\n\nreturn (\n    \u003cButton onClick={() =\u003e setDirectionIndex(directionIndex + 1)} view=\"flat\"\u003e\n        \u003cArrowToggle {...args} direction={direction} /\u003e \u003ch3\u003e{direction}\u003c/h3\u003e\n    \u003c/Button\u003e\n);\n`}\u003e\n    \u003cUIKitExamples.ArrowToggleExample/\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst [directionIndex, setDirectionIndex] = React.useState(0);\nconst directions = ['top', 'left', 'bottom', 'right'] as Array\u003cArrowToggleProps['direction']\u003e;\nconst direction = directions[directionIndex % directions.length];\n\nreturn (\n  \u003cButton onClick={() =\u003e setDirectionIndex(directionIndex + 1)} view=\"flat\"\u003e\n    \u003cArrowToggle {...args} direction={direction} /\u003e \u003ch3\u003e{direction}\u003c/h3\u003e\n  \u003c/Button\u003e\n);\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name      | Description                              |   Type   |  Default   |\n| :-------- | :--------------------------------------- | :------: | :--------: |\n| className | HTML `class` attribute                   | `string` |            |\n| direction | Used to set the direction of arrowToggle | `string` | `\"bottom\"` |\n| size      | Size of arrowToggle in px                | `number` |    `16`    |\n| qa        | HTML `data-qa` attribute, used in tests  | `string` |            |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"arrow-toggle"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/avatar.html b/components/uikit/avatar.html
index c71939b4763..bd933074fbc 100644
--- a/components/uikit/avatar.html
+++ b/components/uikit/avatar.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Avatar</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Avatar</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@DakEnviy" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/DakEnviy" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/6522772?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">DakEnviy</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Avatar" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/arrow-toggle"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">ArrowToggle</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/breadcrumbs"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Breadcrumbs</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"avatar","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Avatar\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Avatar} from '@gravity-ui/uikit';\n```\n\nThe component intended to render avatars. It has three basic types of avatars: image, icon and text (initials). All of these types have special props to configure behaviour and appearance.\n\n## Types\n\n### Image\n\nThis component can be used to render avatars using images. Provide the image via `imgUrl` property.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cAvatar imgUrl=\"https://loremflickr.com/640/480/cats?lock=8610182282084352\" size=\"l\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Avatar imgUrl=\"https://loremflickr.com/640/480/cats?lock=8610182282084352\" size=\"l\" /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\nAlso, you can provide `srcSet` property to load images of different sizes.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cAvatar imgUrl=\"https://loremflickr.com/640/480/cats?lock=8610182282084352\" srcSet=\"https://loremflickr.com/57/43/cats?lock=2879400393572352 1x, https://loremflickr.com/131/98/cats?lock=4373954936438784 2x, https://loremflickr.com/164/123/cats?lock=3007328513163264 3x, https://loremflickr.com/225/169/cats?lock=8243879964835840 4x\" size=\"l\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Avatar imgUrl=\"https://loremflickr.com/640/480/cats?lock=8610182282084352\" srcSet=\"https://loremflickr.com/57/43/cats?lock=2879400393572352 1x, https://loremflickr.com/131/98/cats?lock=4373954936438784 2x, https://loremflickr.com/164/123/cats?lock=3007328513163264 3x, https://loremflickr.com/225/169/cats?lock=8243879964835840 4x\" size=\"l\" /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\nAvatar component has `fallbackImgUrl` property which allows you to provide the image that is shown when an image loading error occurs via the link `imgUrl` (CSP error or no original image).\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cAvatar imgUrl=\"random_link\" fallbackImgUrl=\"https://loremflickr.com/640/480/cats?lock=3552647338524672\" size=\"l\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Avatar imgUrl=\"random_link\" fallbackImgUrl=\"https://loremflickr.com/640/480/cats?lock=3552647338524672\" size=\"l\" /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n### Icon\n\nThis component can be used to render avatars using icons. Provide the icon via `icon` property like in `Icon` component.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\nimport {GraduationCap} from '@gravity-ui/icons';\n\n\u003cAvatar icon={GraduationCap} size=\"l\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Avatar icon={'\u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.836 3.202 1.74 5.386a.396.396 0 0 0 0 .728l5.096 2.184a2.5 2.5 0 0 0 .985.202h.358a2.5 2.5 0 0 0 .985-.202l5.096-2.184a.396.396 0 0 0 0-.728L9.164 3.202A2.5 2.5 0 0 0 8.179 3h-.358a2.5 2.5 0 0 0-.985.202ZM1.5 7.642l1.5.644v3.228a2 2 0 0 0 1.106 1.789l.806.403a7 7 0 0 0 6.193.033l.909-.442a2 2 0 0 0 1.125-1.798V8.226l1.712-.734a1.896 1.896 0 0 0 0-3.484L9.755 1.823A4 4 0 0 0 8.179 1.5h-.358a4 4 0 0 0-1.576.323L1.15 4.008A1.896 1.896 0 0 0 0 5.75v4.5a.75.75 0 0 0 1.5 0V7.643Zm3 3.872V8.929l1.745.748A4 4 0 0 0 7.821 10h.358a4 4 0 0 0 1.576-.323l1.884-.808v2.63a.5.5 0 0 1-.282.45l-.909.442a5.5 5.5 0 0 1-4.865-.027l-.807-.403a.5.5 0 0 1-.276-.447Z\" clip-rule=\"evenodd\"/\u003e\u003c/svg\u003e'} size=\"l\" /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n### Text\n\nThis component can be used to render avatars using text. Provide the text via `text` property. The text renders like initials (2 first letters of words) or just 2 first letters of a single word.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cAvatar text=\"Charles Darwin\" size=\"l\" /\u003e\n\u003cAvatar text=\"Guardian\" size=\"l\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Avatar text=\"Charles Darwin\" size=\"l\" /\u003e\n    \u003cUIKit.Avatar text=\"Guardian\" size=\"l\" /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n## Appearance\n\n### Theme and view\n\nThe Avatar component has predefined themes (`normal`, `brand`) and views (`filled`, `outlined`)\n\nDefault theme: `normal`\nDefault view: `filled`\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\nimport {GraduationCap} from '@gravity-ui/icons';\n\n\u003cAvatar icon={GraduationCap} size=\"l\" theme=\"normal\" view=\"filled\" /\u003e\n\u003cAvatar icon={GraduationCap} size=\"l\" theme=\"brand\" view=\"filled\" /\u003e\n\u003cAvatar icon={GraduationCap} size=\"l\" theme=\"normal\" view=\"outlined\" /\u003e\n\u003cAvatar icon={GraduationCap} size=\"l\" theme=\"brand\" view=\"outlined\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Avatar icon={'\u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.836 3.202 1.74 5.386a.396.396 0 0 0 0 .728l5.096 2.184a2.5 2.5 0 0 0 .985.202h.358a2.5 2.5 0 0 0 .985-.202l5.096-2.184a.396.396 0 0 0 0-.728L9.164 3.202A2.5 2.5 0 0 0 8.179 3h-.358a2.5 2.5 0 0 0-.985.202ZM1.5 7.642l1.5.644v3.228a2 2 0 0 0 1.106 1.789l.806.403a7 7 0 0 0 6.193.033l.909-.442a2 2 0 0 0 1.125-1.798V8.226l1.712-.734a1.896 1.896 0 0 0 0-3.484L9.755 1.823A4 4 0 0 0 8.179 1.5h-.358a4 4 0 0 0-1.576.323L1.15 4.008A1.896 1.896 0 0 0 0 5.75v4.5a.75.75 0 0 0 1.5 0V7.643Zm3 3.872V8.929l1.745.748A4 4 0 0 0 7.821 10h.358a4 4 0 0 0 1.576-.323l1.884-.808v2.63a.5.5 0 0 1-.282.45l-.909.442a5.5 5.5 0 0 1-4.865-.027l-.807-.403a.5.5 0 0 1-.276-.447Z\" clip-rule=\"evenodd\"/\u003e\u003c/svg\u003e'} size=\"l\" theme=\"normal\" view=\"filled\" /\u003e\n    \u003cUIKit.Avatar icon={'\u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.836 3.202 1.74 5.386a.396.396 0 0 0 0 .728l5.096 2.184a2.5 2.5 0 0 0 .985.202h.358a2.5 2.5 0 0 0 .985-.202l5.096-2.184a.396.396 0 0 0 0-.728L9.164 3.202A2.5 2.5 0 0 0 8.179 3h-.358a2.5 2.5 0 0 0-.985.202ZM1.5 7.642l1.5.644v3.228a2 2 0 0 0 1.106 1.789l.806.403a7 7 0 0 0 6.193.033l.909-.442a2 2 0 0 0 1.125-1.798V8.226l1.712-.734a1.896 1.896 0 0 0 0-3.484L9.755 1.823A4 4 0 0 0 8.179 1.5h-.358a4 4 0 0 0-1.576.323L1.15 4.008A1.896 1.896 0 0 0 0 5.75v4.5a.75.75 0 0 0 1.5 0V7.643Zm3 3.872V8.929l1.745.748A4 4 0 0 0 7.821 10h.358a4 4 0 0 0 1.576-.323l1.884-.808v2.63a.5.5 0 0 1-.282.45l-.909.442a5.5 5.5 0 0 1-4.865-.027l-.807-.403a.5.5 0 0 1-.276-.447Z\" clip-rule=\"evenodd\"/\u003e\u003c/svg\u003e'} size=\"l\" theme=\"brand\" view=\"filled\" /\u003e\n    \u003cUIKit.Avatar icon={'\u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.836 3.202 1.74 5.386a.396.396 0 0 0 0 .728l5.096 2.184a2.5 2.5 0 0 0 .985.202h.358a2.5 2.5 0 0 0 .985-.202l5.096-2.184a.396.396 0 0 0 0-.728L9.164 3.202A2.5 2.5 0 0 0 8.179 3h-.358a2.5 2.5 0 0 0-.985.202ZM1.5 7.642l1.5.644v3.228a2 2 0 0 0 1.106 1.789l.806.403a7 7 0 0 0 6.193.033l.909-.442a2 2 0 0 0 1.125-1.798V8.226l1.712-.734a1.896 1.896 0 0 0 0-3.484L9.755 1.823A4 4 0 0 0 8.179 1.5h-.358a4 4 0 0 0-1.576.323L1.15 4.008A1.896 1.896 0 0 0 0 5.75v4.5a.75.75 0 0 0 1.5 0V7.643Zm3 3.872V8.929l1.745.748A4 4 0 0 0 7.821 10h.358a4 4 0 0 0 1.576-.323l1.884-.808v2.63a.5.5 0 0 1-.282.45l-.909.442a5.5 5.5 0 0 1-4.865-.027l-.807-.403a.5.5 0 0 1-.276-.447Z\" clip-rule=\"evenodd\"/\u003e\u003c/svg\u003e'} size=\"l\" theme=\"normal\" view=\"outlined\" /\u003e\n    \u003cUIKit.Avatar icon={'\u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.836 3.202 1.74 5.386a.396.396 0 0 0 0 .728l5.096 2.184a2.5 2.5 0 0 0 .985.202h.358a2.5 2.5 0 0 0 .985-.202l5.096-2.184a.396.396 0 0 0 0-.728L9.164 3.202A2.5 2.5 0 0 0 8.179 3h-.358a2.5 2.5 0 0 0-.985.202ZM1.5 7.642l1.5.644v3.228a2 2 0 0 0 1.106 1.789l.806.403a7 7 0 0 0 6.193.033l.909-.442a2 2 0 0 0 1.125-1.798V8.226l1.712-.734a1.896 1.896 0 0 0 0-3.484L9.755 1.823A4 4 0 0 0 8.179 1.5h-.358a4 4 0 0 0-1.576.323L1.15 4.008A1.896 1.896 0 0 0 0 5.75v4.5a.75.75 0 0 0 1.5 0V7.643Zm3 3.872V8.929l1.745.748A4 4 0 0 0 7.821 10h.358a4 4 0 0 0 1.576-.323l1.884-.808v2.63a.5.5 0 0 1-.282.45l-.909.442a5.5 5.5 0 0 1-4.865-.027l-.807-.403a.5.5 0 0 1-.276-.447Z\" clip-rule=\"evenodd\"/\u003e\u003c/svg\u003e'} size=\"l\" theme=\"brand\" view=\"outlined\" /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n### Custom colors\n\nAlso, you can provide custom colors via props `backgroundColor`, `borderColor` and `color` (works only for icon and text avatars). These colors have a higher priority than the colors from the theme.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cAvatar text=\"Charles Darwin\" size=\"l\" backgroundColor=\"var(--g-color-base-danger-medium)\" color=\"var(--g-color-text-primary)\" /\u003e\n\u003cAvatar text=\"Charles Darwin\" size=\"l\" borderColor=\"var(--g-color-line-misc)\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Avatar text=\"Charles Darwin\" size=\"l\" backgroundColor=\"var(--g-color-base-danger-medium)\" color=\"var(--g-color-text-primary)\" /\u003e\n    \u003cUIKit.Avatar text=\"Charles Darwin\" size=\"l\" borderColor=\"var(--g-color-line-misc)\" /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n### Size\n\nTo control the size of the `Avatar` use the `size` property. The default size is `m`. Possible values: `xs`, `s`, `m`, `l`, `xl`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cAvatar text=\"Charles Darwin\" theme=\"brand\" size=\"xs\" /\u003e\n\u003cAvatar text=\"Charles Darwin\" theme=\"brand\" size=\"s\" /\u003e\n\u003cAvatar text=\"Charles Darwin\" theme=\"brand\" size=\"m\" /\u003e\n\u003cAvatar text=\"Charles Darwin\" theme=\"brand\" size=\"l\" /\u003e\n\u003cAvatar text=\"Charles Darwin\" theme=\"brand\" size=\"xl\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Avatar text=\"Charles Darwin\" theme=\"brand\" size=\"xs\" /\u003e\n    \u003cUIKit.Avatar text=\"Charles Darwin\" theme=\"brand\" size=\"s\" /\u003e\n    \u003cUIKit.Avatar text=\"Charles Darwin\" theme=\"brand\" size=\"m\" /\u003e\n    \u003cUIKit.Avatar text=\"Charles Darwin\" theme=\"brand\" size=\"l\" /\u003e\n    \u003cUIKit.Avatar text=\"Charles Darwin\" theme=\"brand\" size=\"xl\" /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n## Properties\n\n### Common\n\n| Name            | Description                             |              Type               | Default  |\n| :-------------- | :-------------------------------------- | :-----------------------------: | :------: |\n| size            | Avatar size                             | `'xs'` `'s'` `'m'` `'l'` `'xl'` |   `m`    |\n| theme           | Avatar theme                            |      `'normal'` `'brand'`       | `normal` |\n| view            | Avatar view                             |     `'filled'` `'outlined'`     | `filled` |\n| backgroundColor | Custom background color                 |            `string`             |          |\n| borderColor     | Custom border color                     |            `string`             |          |\n| title           | HTML `title` attributes                 |            `string`             |          |\n| aria-label      | `aria-label` for avatar block           |            `string`             |          |\n| aria-labelledby | `aria-labelledby` for avatar block      |            `string`             |          |\n| className       | Custom CSS class for root element       |            `string`             |          |\n| style           | HTML style attribute                    |      `React.CSSProperties`      |          |\n| qa              | HTML `data-qa` attribute, used in tests |            `string`             |          |\n\n### Image-specific\n\n| Name           | Description                             |        Type        |   Default   |\n| :------------- | :-------------------------------------- | :----------------: | :---------: |\n| imgUrl         | HTML img `src` attribute                |      `string`      |             |\n| fallbackImgUrl | Fallback image, shown if error happened |      `string`      |             |\n| sizes          | HTML img `sizes` attribute              |      `string`      |             |\n| srcSet         | HTML img `srcSet` attribute             |      `string`      |             |\n| alt            | HTML img `alt` attribute                |      `string`      | props.title |\n| loading        | HTML img `loading` attribute            | `'eager'` `'lazy'` |             |\n\n### Icon-specific\n\n| Name  | Description        |    Type    | Default |\n| :---- | :----------------- | :--------: | :-----: |\n| icon  | Source of SVG icon | `IconData` |         |\n| color | Custom icon color  |  `string`  |         |\n\n### Text-specific\n\n| Name  | Description       |   Type   | Default |\n| :---- | :---------------- | :------: | :-----: |\n| text  | Avatar text       | `string` |         |\n| color | Custom text color | `string` |         |\n\n## CSS API\n\n| Name                          | Description             |\n| :---------------------------- | :---------------------- |\n| `--g-avatar-size`             | Size (width and height) |\n| `--g-avatar-background-color` | Background color        |\n| `--g-avatar-border-color`     | Border color            |\n| `--g-avatar-color`            | Icon and text color     |\n| `--g-avatar-font-size`        | Text font size          |\n| `--g-avatar-line-height`      | Text line height        |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"avatar"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Avatar</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Avatar</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@DakEnviy" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/DakEnviy" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/6522772?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">DakEnviy</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Avatar" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/arrow-toggle"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">ArrowToggle</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/breadcrumbs"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Breadcrumbs</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"avatar","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Avatar\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Avatar} from '@gravity-ui/uikit';\n```\n\nThe component intended to render avatars. It has three basic types of avatars: image, icon and text (initials). All of these types have special props to configure behaviour and appearance.\n\n## Types\n\n### Image\n\nThis component can be used to render avatars using images. Provide the image via `imgUrl` property.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cAvatar imgUrl=\"https://loremflickr.com/640/480/cats?lock=8610182282084352\" size=\"l\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Avatar imgUrl=\"https://loremflickr.com/640/480/cats?lock=8610182282084352\" size=\"l\" /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\nAlso, you can provide `srcSet` property to load images of different sizes.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cAvatar imgUrl=\"https://loremflickr.com/640/480/cats?lock=8610182282084352\" srcSet=\"https://loremflickr.com/57/43/cats?lock=2879400393572352 1x, https://loremflickr.com/131/98/cats?lock=4373954936438784 2x, https://loremflickr.com/164/123/cats?lock=3007328513163264 3x, https://loremflickr.com/225/169/cats?lock=8243879964835840 4x\" size=\"l\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Avatar imgUrl=\"https://loremflickr.com/640/480/cats?lock=8610182282084352\" srcSet=\"https://loremflickr.com/57/43/cats?lock=2879400393572352 1x, https://loremflickr.com/131/98/cats?lock=4373954936438784 2x, https://loremflickr.com/164/123/cats?lock=3007328513163264 3x, https://loremflickr.com/225/169/cats?lock=8243879964835840 4x\" size=\"l\" /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\nAvatar component has `fallbackImgUrl` property which allows you to provide the image that is shown when an image loading error occurs via the link `imgUrl` (CSP error or no original image).\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cAvatar imgUrl=\"random_link\" fallbackImgUrl=\"https://loremflickr.com/640/480/cats?lock=3552647338524672\" size=\"l\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Avatar imgUrl=\"random_link\" fallbackImgUrl=\"https://loremflickr.com/640/480/cats?lock=3552647338524672\" size=\"l\" /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n### Icon\n\nThis component can be used to render avatars using icons. Provide the icon via `icon` property like in `Icon` component.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\nimport {GraduationCap} from '@gravity-ui/icons';\n\n\u003cAvatar icon={GraduationCap} size=\"l\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Avatar icon={'\u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.836 3.202 1.74 5.386a.396.396 0 0 0 0 .728l5.096 2.184a2.5 2.5 0 0 0 .985.202h.358a2.5 2.5 0 0 0 .985-.202l5.096-2.184a.396.396 0 0 0 0-.728L9.164 3.202A2.5 2.5 0 0 0 8.179 3h-.358a2.5 2.5 0 0 0-.985.202ZM1.5 7.642l1.5.644v3.228a2 2 0 0 0 1.106 1.789l.806.403a7 7 0 0 0 6.193.033l.909-.442a2 2 0 0 0 1.125-1.798V8.226l1.712-.734a1.896 1.896 0 0 0 0-3.484L9.755 1.823A4 4 0 0 0 8.179 1.5h-.358a4 4 0 0 0-1.576.323L1.15 4.008A1.896 1.896 0 0 0 0 5.75v4.5a.75.75 0 0 0 1.5 0V7.643Zm3 3.872V8.929l1.745.748A4 4 0 0 0 7.821 10h.358a4 4 0 0 0 1.576-.323l1.884-.808v2.63a.5.5 0 0 1-.282.45l-.909.442a5.5 5.5 0 0 1-4.865-.027l-.807-.403a.5.5 0 0 1-.276-.447Z\" clip-rule=\"evenodd\"/\u003e\u003c/svg\u003e'} size=\"l\" /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n### Text\n\nThis component can be used to render avatars using text. Provide the text via `text` property. The text renders like initials (2 first letters of words) or just 2 first letters of a single word.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cAvatar text=\"Charles Darwin\" size=\"l\" /\u003e\n\u003cAvatar text=\"Guardian\" size=\"l\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Avatar text=\"Charles Darwin\" size=\"l\" /\u003e\n    \u003cUIKit.Avatar text=\"Guardian\" size=\"l\" /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n## Appearance\n\n### Theme and view\n\nThe Avatar component has predefined themes (`normal`, `brand`) and views (`filled`, `outlined`)\n\nDefault theme: `normal`\nDefault view: `filled`\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\nimport {GraduationCap} from '@gravity-ui/icons';\n\n\u003cAvatar icon={GraduationCap} size=\"l\" theme=\"normal\" view=\"filled\" /\u003e\n\u003cAvatar icon={GraduationCap} size=\"l\" theme=\"brand\" view=\"filled\" /\u003e\n\u003cAvatar icon={GraduationCap} size=\"l\" theme=\"normal\" view=\"outlined\" /\u003e\n\u003cAvatar icon={GraduationCap} size=\"l\" theme=\"brand\" view=\"outlined\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Avatar icon={'\u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.836 3.202 1.74 5.386a.396.396 0 0 0 0 .728l5.096 2.184a2.5 2.5 0 0 0 .985.202h.358a2.5 2.5 0 0 0 .985-.202l5.096-2.184a.396.396 0 0 0 0-.728L9.164 3.202A2.5 2.5 0 0 0 8.179 3h-.358a2.5 2.5 0 0 0-.985.202ZM1.5 7.642l1.5.644v3.228a2 2 0 0 0 1.106 1.789l.806.403a7 7 0 0 0 6.193.033l.909-.442a2 2 0 0 0 1.125-1.798V8.226l1.712-.734a1.896 1.896 0 0 0 0-3.484L9.755 1.823A4 4 0 0 0 8.179 1.5h-.358a4 4 0 0 0-1.576.323L1.15 4.008A1.896 1.896 0 0 0 0 5.75v4.5a.75.75 0 0 0 1.5 0V7.643Zm3 3.872V8.929l1.745.748A4 4 0 0 0 7.821 10h.358a4 4 0 0 0 1.576-.323l1.884-.808v2.63a.5.5 0 0 1-.282.45l-.909.442a5.5 5.5 0 0 1-4.865-.027l-.807-.403a.5.5 0 0 1-.276-.447Z\" clip-rule=\"evenodd\"/\u003e\u003c/svg\u003e'} size=\"l\" theme=\"normal\" view=\"filled\" /\u003e\n    \u003cUIKit.Avatar icon={'\u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.836 3.202 1.74 5.386a.396.396 0 0 0 0 .728l5.096 2.184a2.5 2.5 0 0 0 .985.202h.358a2.5 2.5 0 0 0 .985-.202l5.096-2.184a.396.396 0 0 0 0-.728L9.164 3.202A2.5 2.5 0 0 0 8.179 3h-.358a2.5 2.5 0 0 0-.985.202ZM1.5 7.642l1.5.644v3.228a2 2 0 0 0 1.106 1.789l.806.403a7 7 0 0 0 6.193.033l.909-.442a2 2 0 0 0 1.125-1.798V8.226l1.712-.734a1.896 1.896 0 0 0 0-3.484L9.755 1.823A4 4 0 0 0 8.179 1.5h-.358a4 4 0 0 0-1.576.323L1.15 4.008A1.896 1.896 0 0 0 0 5.75v4.5a.75.75 0 0 0 1.5 0V7.643Zm3 3.872V8.929l1.745.748A4 4 0 0 0 7.821 10h.358a4 4 0 0 0 1.576-.323l1.884-.808v2.63a.5.5 0 0 1-.282.45l-.909.442a5.5 5.5 0 0 1-4.865-.027l-.807-.403a.5.5 0 0 1-.276-.447Z\" clip-rule=\"evenodd\"/\u003e\u003c/svg\u003e'} size=\"l\" theme=\"brand\" view=\"filled\" /\u003e\n    \u003cUIKit.Avatar icon={'\u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.836 3.202 1.74 5.386a.396.396 0 0 0 0 .728l5.096 2.184a2.5 2.5 0 0 0 .985.202h.358a2.5 2.5 0 0 0 .985-.202l5.096-2.184a.396.396 0 0 0 0-.728L9.164 3.202A2.5 2.5 0 0 0 8.179 3h-.358a2.5 2.5 0 0 0-.985.202ZM1.5 7.642l1.5.644v3.228a2 2 0 0 0 1.106 1.789l.806.403a7 7 0 0 0 6.193.033l.909-.442a2 2 0 0 0 1.125-1.798V8.226l1.712-.734a1.896 1.896 0 0 0 0-3.484L9.755 1.823A4 4 0 0 0 8.179 1.5h-.358a4 4 0 0 0-1.576.323L1.15 4.008A1.896 1.896 0 0 0 0 5.75v4.5a.75.75 0 0 0 1.5 0V7.643Zm3 3.872V8.929l1.745.748A4 4 0 0 0 7.821 10h.358a4 4 0 0 0 1.576-.323l1.884-.808v2.63a.5.5 0 0 1-.282.45l-.909.442a5.5 5.5 0 0 1-4.865-.027l-.807-.403a.5.5 0 0 1-.276-.447Z\" clip-rule=\"evenodd\"/\u003e\u003c/svg\u003e'} size=\"l\" theme=\"normal\" view=\"outlined\" /\u003e\n    \u003cUIKit.Avatar icon={'\u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.836 3.202 1.74 5.386a.396.396 0 0 0 0 .728l5.096 2.184a2.5 2.5 0 0 0 .985.202h.358a2.5 2.5 0 0 0 .985-.202l5.096-2.184a.396.396 0 0 0 0-.728L9.164 3.202A2.5 2.5 0 0 0 8.179 3h-.358a2.5 2.5 0 0 0-.985.202ZM1.5 7.642l1.5.644v3.228a2 2 0 0 0 1.106 1.789l.806.403a7 7 0 0 0 6.193.033l.909-.442a2 2 0 0 0 1.125-1.798V8.226l1.712-.734a1.896 1.896 0 0 0 0-3.484L9.755 1.823A4 4 0 0 0 8.179 1.5h-.358a4 4 0 0 0-1.576.323L1.15 4.008A1.896 1.896 0 0 0 0 5.75v4.5a.75.75 0 0 0 1.5 0V7.643Zm3 3.872V8.929l1.745.748A4 4 0 0 0 7.821 10h.358a4 4 0 0 0 1.576-.323l1.884-.808v2.63a.5.5 0 0 1-.282.45l-.909.442a5.5 5.5 0 0 1-4.865-.027l-.807-.403a.5.5 0 0 1-.276-.447Z\" clip-rule=\"evenodd\"/\u003e\u003c/svg\u003e'} size=\"l\" theme=\"brand\" view=\"outlined\" /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n### Custom colors\n\nAlso, you can provide custom colors via props `backgroundColor`, `borderColor` and `color` (works only for icon and text avatars). These colors have a higher priority than the colors from the theme.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cAvatar text=\"Charles Darwin\" size=\"l\" backgroundColor=\"var(--g-color-base-danger-medium)\" color=\"var(--g-color-text-primary)\" /\u003e\n\u003cAvatar text=\"Charles Darwin\" size=\"l\" borderColor=\"var(--g-color-line-misc)\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Avatar text=\"Charles Darwin\" size=\"l\" backgroundColor=\"var(--g-color-base-danger-medium)\" color=\"var(--g-color-text-primary)\" /\u003e\n    \u003cUIKit.Avatar text=\"Charles Darwin\" size=\"l\" borderColor=\"var(--g-color-line-misc)\" /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n### Size\n\nTo control the size of the `Avatar` use the `size` property. The default size is `m`. Possible values: `xs`, `s`, `m`, `l`, `xl`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cAvatar text=\"Charles Darwin\" theme=\"brand\" size=\"xs\" /\u003e\n\u003cAvatar text=\"Charles Darwin\" theme=\"brand\" size=\"s\" /\u003e\n\u003cAvatar text=\"Charles Darwin\" theme=\"brand\" size=\"m\" /\u003e\n\u003cAvatar text=\"Charles Darwin\" theme=\"brand\" size=\"l\" /\u003e\n\u003cAvatar text=\"Charles Darwin\" theme=\"brand\" size=\"xl\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Avatar text=\"Charles Darwin\" theme=\"brand\" size=\"xs\" /\u003e\n    \u003cUIKit.Avatar text=\"Charles Darwin\" theme=\"brand\" size=\"s\" /\u003e\n    \u003cUIKit.Avatar text=\"Charles Darwin\" theme=\"brand\" size=\"m\" /\u003e\n    \u003cUIKit.Avatar text=\"Charles Darwin\" theme=\"brand\" size=\"l\" /\u003e\n    \u003cUIKit.Avatar text=\"Charles Darwin\" theme=\"brand\" size=\"xl\" /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n## Properties\n\n### Common\n\n| Name            | Description                             |              Type               | Default  |\n| :-------------- | :-------------------------------------- | :-----------------------------: | :------: |\n| size            | Avatar size                             | `'xs'` `'s'` `'m'` `'l'` `'xl'` |   `m`    |\n| theme           | Avatar theme                            |      `'normal'` `'brand'`       | `normal` |\n| view            | Avatar view                             |     `'filled'` `'outlined'`     | `filled` |\n| backgroundColor | Custom background color                 |            `string`             |          |\n| borderColor     | Custom border color                     |            `string`             |          |\n| title           | HTML `title` attributes                 |            `string`             |          |\n| aria-label      | `aria-label` for avatar block           |            `string`             |          |\n| aria-labelledby | `aria-labelledby` for avatar block      |            `string`             |          |\n| className       | Custom CSS class for root element       |            `string`             |          |\n| style           | HTML style attribute                    |      `React.CSSProperties`      |          |\n| qa              | HTML `data-qa` attribute, used in tests |            `string`             |          |\n\n### Image-specific\n\n| Name           | Description                             |        Type        |   Default   |\n| :------------- | :-------------------------------------- | :----------------: | :---------: |\n| imgUrl         | HTML img `src` attribute                |      `string`      |             |\n| fallbackImgUrl | Fallback image, shown if error happened |      `string`      |             |\n| sizes          | HTML img `sizes` attribute              |      `string`      |             |\n| srcSet         | HTML img `srcSet` attribute             |      `string`      |             |\n| alt            | HTML img `alt` attribute                |      `string`      | props.title |\n| loading        | HTML img `loading` attribute            | `'eager'` `'lazy'` |             |\n\n### Icon-specific\n\n| Name  | Description        |    Type    | Default |\n| :---- | :----------------- | :--------: | :-----: |\n| icon  | Source of SVG icon | `IconData` |         |\n| color | Custom icon color  |  `string`  |         |\n\n### Text-specific\n\n| Name  | Description       |   Type   | Default |\n| :---- | :---------------- | :------: | :-----: |\n| text  | Avatar text       | `string` |         |\n| color | Custom text color | `string` |         |\n\n## CSS API\n\n| Name                          | Description             |\n| :---------------------------- | :---------------------- |\n| `--g-avatar-size`             | Size (width and height) |\n| `--g-avatar-background-color` | Background color        |\n| `--g-avatar-border-color`     | Border color            |\n| `--g-avatar-color`            | Icon and text color     |\n| `--g-avatar-font-size`        | Text font size          |\n| `--g-avatar-line-height`      | Text line height        |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"avatar"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/breadcrumbs.html b/components/uikit/breadcrumbs.html
index 0d10cf47266..780b0e526c6 100644
--- a/components/uikit/breadcrumbs.html
+++ b/components/uikit/breadcrumbs.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Breadcrumbs</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Breadcrumbs</h1><div class="gravity-ui-landing-component__buttons"><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Breadcrumbs" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/avatar"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Avatar</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/button"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Button</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"breadcrumbs","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Breadcrumbs\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Breadcrumbs} from '@gravity-ui/uikit';\n```\n\n`Breadcrumbs` is a navigation element that shows the current location of a page within a website’s hierarchy. It provides links that allow users to return to higher levels in the hierarchy, making it easier to navigate a site with multiple layers. Breadcrumbs are especially useful for large websites and applications with a hierarchical organization of pages.\n\n## Appearance\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cBreadcrumbs\n    items={[\n        {\n            text: 'Region',\n            action: () =\u003e {},\n        },\n        {\n            text: 'Country',\n            action: () =\u003e {},\n        },\n        {\n            text: 'City',\n            action: () =\u003e {},\n        },\n        {\n            text: 'District',\n            action: () =\u003e {},\n        },\n        {\n            text: 'Street',\n            action: () =\u003e {},\n        },\n    ]}\n    firstDisplayedItemsCount={FirstDisplayedItemsCount.One}\n    lastDisplayedItemsCount={LastDisplayedItemsCount.One}\n/\u003e\n`}\n\u003e\n    \u003cUIKit.Breadcrumbs\n        items={[\n            {\n                text: 'Region',\n                action: () =\u003e {},\n            },\n            {\n                text: 'Country',\n                action: () =\u003e {},\n            },\n            {\n                text: 'City',\n                action: () =\u003e {},\n            },\n            {\n                text: 'District',\n                action: () =\u003e {},\n            },\n            {\n                text: 'Street',\n                action: () =\u003e {},\n            },\n        ]}\n        firstDisplayedItemsCount={1}\n        lastDisplayedItemsCount={1}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```jsx\nconst breadcrumbs = [\n  {\n    text: 'Region',\n    action: () =\u003e {},\n  },\n  {\n    text: 'Country',\n    action: () =\u003e {},\n  },\n  {\n    text: 'City',\n    action: () =\u003e {},\n  },\n  {\n    text: 'District',\n    action: () =\u003e {},\n  },\n  {\n    text: 'Street',\n    action: () =\u003e {},\n  },\n];\n\nreturn (\n  \u003cBreadcrumbs\n    items={items}\n    firstDisplayedItemsCount={FirstDisplayedItemsCount.One}\n    lastDisplayedItemsCount={LastDisplayedItemsCount.One}\n  /\u003e\n);\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Custom divider\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cBreadcrumbs\n    items={[\n        {\n            text: 'Region',\n            action: () =\u003e {},\n        },\n        {\n            text: 'Country',\n            action: () =\u003e {},\n        },\n        {\n            text: 'City',\n            action: () =\u003e {},\n        },\n        {\n            text: 'District',\n            action: () =\u003e {},\n        },\n        {\n            text: 'Street',\n            action: () =\u003e {},\n        },\n    ]}\n    renderItemDivider={() =\u003e '\u003e'}\n    firstDisplayedItemsCount={FirstDisplayedItemsCount.One}\n    lastDisplayedItemsCount={LastDisplayedItemsCount.One}\n/\u003e\n`}\n\u003e\n    \u003cUIKit.Breadcrumbs\n        items={[\n            {\n                text: 'Region',\n                action: () =\u003e {},\n            },\n            {\n                text: 'Country',\n                action: () =\u003e {},\n            },\n            {\n                text: 'City',\n                action: () =\u003e {},\n            },\n            {\n                text: 'District',\n                action: () =\u003e {},\n            },\n            {\n                text: 'Street',\n                action: () =\u003e {},\n            },\n        ]}\n        renderItemDivider={() =\u003e '\u003e'}\n        firstDisplayedItemsCount={1}\n        lastDisplayedItemsCount={1}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```jsx\nconst breadcrumbs = [\n  {\n    text: 'Region',\n    action: () =\u003e {},\n  },\n  {\n    text: 'Country',\n    action: () =\u003e {},\n  },\n  {\n    text: 'City',\n    action: () =\u003e {},\n  },\n  {\n    text: 'District',\n    action: () =\u003e {},\n  },\n  {\n    text: 'Street',\n    action: () =\u003e {},\n  },\n];\n\nreturn (\n  \u003cBreadcrumbs\n    items={items}\n    renderItemDivider={() =\u003e '\u003e'}\n    firstDisplayedItemsCount={FirstDisplayedItemsCount.One}\n    lastDisplayedItemsCount={LastDisplayedItemsCount.One}\n  /\u003e\n);\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Custom title\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cBreadcrumbs\n    items={[\n        {\n            text: 'Region',\n            title: 'Custom title for Region',\n            action: () =\u003e {},\n        },\n        {\n            text: 'Country',\n            title: 'Custom title for Country',\n            action: () =\u003e {},\n        },\n        {\n            text: 'City',\n            title: 'Custom title for City',\n            action: () =\u003e {},\n        },\n        {\n            text: 'District',\n            title: 'Custom title for District',\n            action: () =\u003e {},\n        },\n        {\n            text: 'Street',\n            title: 'Custom title for Street',\n            action: () =\u003e {},\n        },\n    ]}\n    firstDisplayedItemsCount={FirstDisplayedItemsCount.One}\n    lastDisplayedItemsCount={LastDisplayedItemsCount.One}\n/\u003e\n`}\n\u003e\n    \u003cUIKit.Breadcrumbs\n        items={[\n            {\n                text: 'Region',\n                title: 'Custom title for Region',\n                action: () =\u003e {},\n            },\n            {\n                text: 'Country',\n                title: 'Custom title for Country',\n                action: () =\u003e {},\n            },\n            {\n                text: 'City',\n                title: 'Custom title for City',\n                action: () =\u003e {},\n            },\n            {\n                text: 'District',\n                title: 'Custom title for District',\n                action: () =\u003e {},\n            },\n            {\n                text: 'Street',\n                title: 'Custom title for Street',\n                action: () =\u003e {},\n            },\n        ]}\n        firstDisplayedItemsCount={1}\n        lastDisplayedItemsCount={1}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```jsx\nconst breadcrumbs = [\n  {\n    text: 'Region',\n    title: 'Custom title for Region',\n    action: () =\u003e {},\n  },\n  {\n    text: 'Country',\n    title: 'Custom title for Country',\n    action: () =\u003e {},\n  },\n  {\n    text: 'City',\n    title: 'Custom title for City',\n    action: () =\u003e {},\n  },\n  {\n    text: 'District',\n    title: 'Custom title for District',\n    action: () =\u003e {},\n  },\n  {\n    text: 'Street',\n    title: 'Custom title for Street',\n    action: () =\u003e {},\n  },\n];\n\nreturn (\n  \u003cBreadcrumbs\n    items={items}\n    firstDisplayedItemsCount={FirstDisplayedItemsCount.One}\n    lastDisplayedItemsCount={LastDisplayedItemsCount.One}\n  /\u003e\n);\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name                     | Description                                             | Type                                                                                                    | Default |\n| :----------------------- | :------------------------------------------------------ | :------------------------------------------------------------------------------------------------------ | :------ |\n| items                    | Breadcrumb item array                                   | `BreadcrumbsItem[]`                                                                                     |         |\n| className                | CSS class name of root element                          | `string`                                                                                                |         |\n| renderRootContent        | Custom render function of first item                    | `((item: BreadcrumbsItem, isCurrent: boolean) =\u003e React.ReactNode) \\| undefined`                         |         |\n| renderItemContent        | Custom render function of N+1 item                      | `((item: BreadcrumbsItem, isCurrent: boolean, isPrevCurrent: boolean) =\u003e React.ReactNode) \\| undefined` |         |\n| renderItemDivider        | Custom render function of items separator               | `(() =\u003e React.ReactNode) \\| undefined`                                                                  |         |\n| renderItem               | Custom render function of items                         | `(props: RenderBreadcrumbsItemProps\u003cT\u003e) =\u003e React.ReactNode) \\| undefined`                               |         |\n| firstDisplayedItemsCount | Number of items to display before item collapse control | `FirstDisplayedItemsCount.Zero \\| FirstDisplayedItemsCount.One`                                         |         |\n| lastDisplayedItemsCount  | Number of items to display after item collapse control  | `LastDisplayedItemsCount.One \\| LastDisplayedItemsCount.Two`                                            |         |\n| popupStyle               | Style of collapsed item popup                           | `\"staircase\" \\| undefined`                                                                              |         |\n| qa                       | HTML `data-qa` attribute, used in tests                 | `string`                                                                                                |         |\n\n### RenderBreadcrumbsItemProps`\u003cT\u003e`\n\n| Name          |       Type        |\n| :------------ | :---------------: |\n| children      | `React.ReactNode` |\n| item          |        `T`        |\n| isCurrent     |     `boolean`     |\n| isPrevCurrent |     `boolean`     |\n\n### BreadcrumbsItem\n\n| Name   | Description            | Type                                                                              | Default |\n| :----- | :--------------------- | :-------------------------------------------------------------------------------- | :------ |\n| text   | Breadcrumb content     | `string`                                                                          |         |\n| action | `click` event handler  | `React.MouseEventHandler\u003cHTMLElement\u003e \\| React.KeyboardEventHandler\u003cHTMLElement\u003e` |         |\n| href   | HTML `href` attribute  | `string \\| undefined`                                                             |         |\n| items  | Breadcrumb item array  | `BreadcrumbsItem[] \\| undefined`                                                  |         |\n| title  | HTML `title` attribute | `string \\| undefined`                                                             |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"breadcrumbs"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Breadcrumbs</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Breadcrumbs</h1><div class="gravity-ui-landing-component__buttons"><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Breadcrumbs" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/avatar"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Avatar</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/button"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Button</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"breadcrumbs","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Breadcrumbs\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Breadcrumbs} from '@gravity-ui/uikit';\n```\n\n`Breadcrumbs` is a navigation element that shows the current location of a page within a website’s hierarchy. It provides links that allow users to return to higher levels in the hierarchy, making it easier to navigate a site with multiple layers. Breadcrumbs are especially useful for large websites and applications with a hierarchical organization of pages.\n\n## Appearance\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cBreadcrumbs\n    items={[\n        {\n            text: 'Region',\n            action: () =\u003e {},\n        },\n        {\n            text: 'Country',\n            action: () =\u003e {},\n        },\n        {\n            text: 'City',\n            action: () =\u003e {},\n        },\n        {\n            text: 'District',\n            action: () =\u003e {},\n        },\n        {\n            text: 'Street',\n            action: () =\u003e {},\n        },\n    ]}\n    firstDisplayedItemsCount={FirstDisplayedItemsCount.One}\n    lastDisplayedItemsCount={LastDisplayedItemsCount.One}\n/\u003e\n`}\n\u003e\n    \u003cUIKit.Breadcrumbs\n        items={[\n            {\n                text: 'Region',\n                action: () =\u003e {},\n            },\n            {\n                text: 'Country',\n                action: () =\u003e {},\n            },\n            {\n                text: 'City',\n                action: () =\u003e {},\n            },\n            {\n                text: 'District',\n                action: () =\u003e {},\n            },\n            {\n                text: 'Street',\n                action: () =\u003e {},\n            },\n        ]}\n        firstDisplayedItemsCount={1}\n        lastDisplayedItemsCount={1}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```jsx\nconst breadcrumbs = [\n  {\n    text: 'Region',\n    action: () =\u003e {},\n  },\n  {\n    text: 'Country',\n    action: () =\u003e {},\n  },\n  {\n    text: 'City',\n    action: () =\u003e {},\n  },\n  {\n    text: 'District',\n    action: () =\u003e {},\n  },\n  {\n    text: 'Street',\n    action: () =\u003e {},\n  },\n];\n\nreturn (\n  \u003cBreadcrumbs\n    items={items}\n    firstDisplayedItemsCount={FirstDisplayedItemsCount.One}\n    lastDisplayedItemsCount={LastDisplayedItemsCount.One}\n  /\u003e\n);\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Custom divider\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cBreadcrumbs\n    items={[\n        {\n            text: 'Region',\n            action: () =\u003e {},\n        },\n        {\n            text: 'Country',\n            action: () =\u003e {},\n        },\n        {\n            text: 'City',\n            action: () =\u003e {},\n        },\n        {\n            text: 'District',\n            action: () =\u003e {},\n        },\n        {\n            text: 'Street',\n            action: () =\u003e {},\n        },\n    ]}\n    renderItemDivider={() =\u003e '\u003e'}\n    firstDisplayedItemsCount={FirstDisplayedItemsCount.One}\n    lastDisplayedItemsCount={LastDisplayedItemsCount.One}\n/\u003e\n`}\n\u003e\n    \u003cUIKit.Breadcrumbs\n        items={[\n            {\n                text: 'Region',\n                action: () =\u003e {},\n            },\n            {\n                text: 'Country',\n                action: () =\u003e {},\n            },\n            {\n                text: 'City',\n                action: () =\u003e {},\n            },\n            {\n                text: 'District',\n                action: () =\u003e {},\n            },\n            {\n                text: 'Street',\n                action: () =\u003e {},\n            },\n        ]}\n        renderItemDivider={() =\u003e '\u003e'}\n        firstDisplayedItemsCount={1}\n        lastDisplayedItemsCount={1}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```jsx\nconst breadcrumbs = [\n  {\n    text: 'Region',\n    action: () =\u003e {},\n  },\n  {\n    text: 'Country',\n    action: () =\u003e {},\n  },\n  {\n    text: 'City',\n    action: () =\u003e {},\n  },\n  {\n    text: 'District',\n    action: () =\u003e {},\n  },\n  {\n    text: 'Street',\n    action: () =\u003e {},\n  },\n];\n\nreturn (\n  \u003cBreadcrumbs\n    items={items}\n    renderItemDivider={() =\u003e '\u003e'}\n    firstDisplayedItemsCount={FirstDisplayedItemsCount.One}\n    lastDisplayedItemsCount={LastDisplayedItemsCount.One}\n  /\u003e\n);\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Custom title\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cBreadcrumbs\n    items={[\n        {\n            text: 'Region',\n            title: 'Custom title for Region',\n            action: () =\u003e {},\n        },\n        {\n            text: 'Country',\n            title: 'Custom title for Country',\n            action: () =\u003e {},\n        },\n        {\n            text: 'City',\n            title: 'Custom title for City',\n            action: () =\u003e {},\n        },\n        {\n            text: 'District',\n            title: 'Custom title for District',\n            action: () =\u003e {},\n        },\n        {\n            text: 'Street',\n            title: 'Custom title for Street',\n            action: () =\u003e {},\n        },\n    ]}\n    firstDisplayedItemsCount={FirstDisplayedItemsCount.One}\n    lastDisplayedItemsCount={LastDisplayedItemsCount.One}\n/\u003e\n`}\n\u003e\n    \u003cUIKit.Breadcrumbs\n        items={[\n            {\n                text: 'Region',\n                title: 'Custom title for Region',\n                action: () =\u003e {},\n            },\n            {\n                text: 'Country',\n                title: 'Custom title for Country',\n                action: () =\u003e {},\n            },\n            {\n                text: 'City',\n                title: 'Custom title for City',\n                action: () =\u003e {},\n            },\n            {\n                text: 'District',\n                title: 'Custom title for District',\n                action: () =\u003e {},\n            },\n            {\n                text: 'Street',\n                title: 'Custom title for Street',\n                action: () =\u003e {},\n            },\n        ]}\n        firstDisplayedItemsCount={1}\n        lastDisplayedItemsCount={1}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```jsx\nconst breadcrumbs = [\n  {\n    text: 'Region',\n    title: 'Custom title for Region',\n    action: () =\u003e {},\n  },\n  {\n    text: 'Country',\n    title: 'Custom title for Country',\n    action: () =\u003e {},\n  },\n  {\n    text: 'City',\n    title: 'Custom title for City',\n    action: () =\u003e {},\n  },\n  {\n    text: 'District',\n    title: 'Custom title for District',\n    action: () =\u003e {},\n  },\n  {\n    text: 'Street',\n    title: 'Custom title for Street',\n    action: () =\u003e {},\n  },\n];\n\nreturn (\n  \u003cBreadcrumbs\n    items={items}\n    firstDisplayedItemsCount={FirstDisplayedItemsCount.One}\n    lastDisplayedItemsCount={LastDisplayedItemsCount.One}\n  /\u003e\n);\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name                     | Description                                             | Type                                                                                                    | Default |\n| :----------------------- | :------------------------------------------------------ | :------------------------------------------------------------------------------------------------------ | :------ |\n| items                    | Breadcrumb item array                                   | `BreadcrumbsItem[]`                                                                                     |         |\n| className                | CSS class name of root element                          | `string`                                                                                                |         |\n| renderRootContent        | Custom render function of first item                    | `((item: BreadcrumbsItem, isCurrent: boolean) =\u003e React.ReactNode) \\| undefined`                         |         |\n| renderItemContent        | Custom render function of N+1 item                      | `((item: BreadcrumbsItem, isCurrent: boolean, isPrevCurrent: boolean) =\u003e React.ReactNode) \\| undefined` |         |\n| renderItemDivider        | Custom render function of items separator               | `(() =\u003e React.ReactNode) \\| undefined`                                                                  |         |\n| renderItem               | Custom render function of items                         | `(props: RenderBreadcrumbsItemProps\u003cT\u003e) =\u003e React.ReactNode) \\| undefined`                               |         |\n| firstDisplayedItemsCount | Number of items to display before item collapse control | `FirstDisplayedItemsCount.Zero \\| FirstDisplayedItemsCount.One`                                         |         |\n| lastDisplayedItemsCount  | Number of items to display after item collapse control  | `LastDisplayedItemsCount.One \\| LastDisplayedItemsCount.Two`                                            |         |\n| popupStyle               | Style of collapsed item popup                           | `\"staircase\" \\| undefined`                                                                              |         |\n| qa                       | HTML `data-qa` attribute, used in tests                 | `string`                                                                                                |         |\n\n### RenderBreadcrumbsItemProps`\u003cT\u003e`\n\n| Name          |       Type        |\n| :------------ | :---------------: |\n| children      | `React.ReactNode` |\n| item          |        `T`        |\n| isCurrent     |     `boolean`     |\n| isPrevCurrent |     `boolean`     |\n\n### BreadcrumbsItem\n\n| Name   | Description            | Type                                                                              | Default |\n| :----- | :--------------------- | :-------------------------------------------------------------------------------- | :------ |\n| text   | Breadcrumb content     | `string`                                                                          |         |\n| action | `click` event handler  | `React.MouseEventHandler\u003cHTMLElement\u003e \\| React.KeyboardEventHandler\u003cHTMLElement\u003e` |         |\n| href   | HTML `href` attribute  | `string \\| undefined`                                                             |         |\n| items  | Breadcrumb item array  | `BreadcrumbsItem[] \\| undefined`                                                  |         |\n| title  | HTML `title` attribute | `string \\| undefined`                                                             |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"breadcrumbs"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/button.html b/components/uikit/button.html
index 7d7d0d98013..4e6311ea70d 100644
--- a/components/uikit/button.html
+++ b/components/uikit/button.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Button</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Button</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">amje</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Button" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/breadcrumbs"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Breadcrumbs</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/card"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Card</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"button","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Button\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Button} from '@gravity-ui/uikit';\n```\n\nButtons act as a trigger for certain actions. While this is their main purpose, in very rare cases,\nthey can be used as links to navigate to another pages.\n\n## Appearance\n\nThere are four `Button` view types: basic, outlined, flat and contrast.\nThe `Button`'s appearance is determined by the `view` property.\n\n### Basic\n\n`action` - the most prominent button, used for the primary action on a screen which requires the most attention.\nWe recommend using only one such button per page.\n\n`normal` - default type of the `Button`, designed for secondary actions or to maintain the importance of an\naction without drawing too much attention to it.\n\n`raised` - placed above the content as a \"floating\" element, usually with a fixed location.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cButton view=\"action\" size=\"l\"\u003eAction\u003c/Button\u003e\n\u003cButton view=\"normal\" size=\"l\"\u003eNormal\u003c/Button\u003e\n\u003cButton view=\"raised\" size=\"l\"\u003eRaised\u003c/Button\u003e\n`}\u003e\n    \u003cUIKit.Button view=\"action\" size=\"l\"\u003eAction\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"normal\" size=\"l\"\u003eNormal\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"raised\" size=\"l\"\u003eRaised\u003c/UIKit.Button\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cButton view=\"action\" size=\"l\"\u003eAction\u003c/Button\u003e\n\u003cButton view=\"normal\" size=\"l\"\u003eNormal\u003c/Button\u003e\n\u003cButton view=\"raised\" size=\"l\"\u003eRaised\u003c/Button\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Outlined\n\n`outlined` - used for secondary actions that require less attention on a page. Can be used with or without a main button (only with an accented one).\n\n`outlined-action` - usually used as a link to another page or external resource.\n\nThere are also semantic variants of this type, which can be used when additional semantics are needed: `outlined-info`, `outlined-success`, `outlined-warning`, `outlined-danger`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cButton view=\"outlined\" size=\"l\"\u003eOutlined\u003c/Button\u003e\n\u003cButton view=\"outlined-action\" size=\"l\"\u003eOutlined Action\u003c/Button\u003e\n\u003cButton view=\"outlined-info\" size=\"l\"\u003eOutlined Info\u003c/Button\u003e\n\u003cButton view=\"outlined-success\" size=\"l\"\u003eOutlined Success\u003c/Button\u003e\n\u003cButton view=\"outlined-warning\" size=\"l\"\u003eOutlined Warning\u003c/Button\u003e\n\u003cButton view=\"outlined-danger\" size=\"l\"\u003eOutlined Danger\u003c/Button\u003e\n\u003cButton view=\"outlined-utility\" size=\"l\"\u003eOutlined Utility\u003c/Button\u003e\n`}\u003e\n    \u003cUIKit.Button view=\"outlined\" size=\"l\"\u003eOutlined\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"outlined-action\" size=\"l\"\u003eOutlined Action\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"outlined-info\" size=\"l\"\u003eOutlined Info\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"outlined-success\" size=\"l\"\u003eOutlined Success\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"outlined-warning\" size=\"l\"\u003eOutlined Warning\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"outlined-danger\" size=\"l\"\u003eOutlined Danger\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"outlined-utility\" size=\"l\"\u003eOutlined Utility\u003c/UIKit.Button\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cButton view=\"outlined\" size=\"l\"\u003eOutlined\u003c/Button\u003e\n\u003cButton view=\"outlined-action\" size=\"l\"\u003eOutlined Action\u003c/Button\u003e\n\u003cButton view=\"outlined-info\" size=\"l\"\u003eOutlined Info\u003c/Button\u003e\n\u003cButton view=\"outlined-success\" size=\"l\"\u003eOutlined Success\u003c/Button\u003e\n\u003cButton view=\"outlined-warning\" size=\"l\"\u003eOutlined Warning\u003c/Button\u003e\n\u003cButton view=\"outlined-danger\" size=\"l\"\u003eOutlined Danger\u003c/Button\u003e\n\u003cButton view=\"outlined-utility\" size=\"l\"\u003eOutlined Utility\u003c/Button\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Flat\n\n`flat` - used for auxiliary actions that require the least attention on a page. It is often used in a list of buttons or action icons (with no text) in an editor.\n\n`flat-secondary` - less accented than the `flat` button. It's often used as the secondary button in dialog boxes and modal windows.\n\n`flat-action` - usually used as link to another page or external resource.\n\nThere are also semantic variants of this view, which can be used in places where additional semantic needed: `flat-info`, `flat-success`, `flat-warning`, `flat-danger`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cButton view=\"flat\" size=\"l\"\u003eFlat\u003c/Button\u003e\n\u003cButton view=\"flat-secondary\" size=\"l\"\u003eFlat Secondary\u003c/Button\u003e\n\u003cButton view=\"flat-action\" size=\"l\"\u003eFlat Action\u003c/Button\u003e\n\u003cButton view=\"flat-info\" size=\"l\"\u003eFlat Info\u003c/Button\u003e\n\u003cButton view=\"flat-success\" size=\"l\"\u003eFlat Success\u003c/Button\u003e\n\u003cButton view=\"flat-warning\" size=\"l\"\u003eFlat Warning\u003c/Button\u003e\n\u003cButton view=\"flat-danger\" size=\"l\"\u003eFlat Danger\u003c/Button\u003e\n\u003cButton view=\"flat-utility\" size=\"l\"\u003eFlat Utility\u003c/Button\u003e\n`}\n\u003e\n    \u003cUIKit.Button view=\"flat\" size=\"l\"\u003eFlat\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"flat-action\" size=\"l\"\u003eFlat Action\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"flat-info\" size=\"l\"\u003eFlat Info\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"flat-success\" size=\"l\"\u003eFlat Success\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"flat-warning\" size=\"l\"\u003eFlat Warning\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"flat-danger\" size=\"l\"\u003eFlat Danger\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"flat-utility\" size=\"l\"\u003eFlat Utility\u003c/UIKit.Button\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cButton view=\"flat\" size=\"l\"\u003eFlat\u003c/Button\u003e\n\u003cButton view=\"flat-secondary\" size=\"l\"\u003eFlat Secondary\u003c/Button\u003e\n\u003cButton view=\"flat-action\" size=\"l\"\u003eFlat Action\u003c/Button\u003e\n\u003cButton view=\"flat-info\" size=\"l\"\u003eFlat Info\u003c/Button\u003e\n\u003cButton view=\"flat-success\" size=\"l\"\u003eFlat Success\u003c/Button\u003e\n\u003cButton view=\"flat-warning\" size=\"l\"\u003eFlat Warning\u003c/Button\u003e\n\u003cButton view=\"flat-danger\" size=\"l\"\u003eFlat Danger\u003c/Button\u003e\n\u003cButton view=\"flat-utility\" size=\"l\"\u003eFlat Utility\u003c/Button\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Contrast\n\n`normal-contrast`, `outline-contrast` and `flat-contrast` buttons highlight actions against complex background, e.g., in a banner or against an inverse background.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    background='rgb(68, 38, 204)'\n    code={`\n\u003cButton view=\"normal-contrast\" size=\"l\"\u003eNormal Contrast\u003c/Button\u003e\n\u003cButton view=\"outlined-contrast\" size=\"l\"\u003eOutlined Contrast\u003c/Button\u003e\n\u003cButton view=\"flat-contrast\" size=\"l\"\u003eFlat Contrast\u003c/Button\u003e\n`}\n\u003e\n    \u003cUIKit.Button view=\"normal-contrast\" size=\"l\"\u003eNormal Contrast\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"outlined-contrast\" size=\"l\"\u003eOutlined Contrast\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"flat-contrast\" size=\"l\"\u003eFlat Contrast\u003c/UIKit.Button\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cButton view=\"normal-contrast\" size=\"l\"\u003eNormal Contrast\u003c/Button\u003e\n\u003cButton view=\"outlined-contrast\" size=\"l\"\u003eOutlined Contrast\u003c/Button\u003e\n\u003cButton view=\"flat-contrast\" size=\"l\"\u003eFlat Contrast\u003c/Button\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Icons\n\nTo add an icon to the `Button`, you should use the [`Icon`](../Icon) component, a special wrapper for SVGs.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cButton view=\"outlined\" size=\"l\"\u003e\n    \u003cIcon data={Gear} size={18} /\u003e\n    Start\n\u003c/Button\u003e\n\u003cButton view=\"outlined\" size=\"l\"\u003e\n    End\n    \u003cIcon data={Gear} size={18} /\u003e\n\u003c/Button\u003e\n\u003cButton view=\"outlined\" size=\"l\"\u003e\n    \u003cIcon data={Gear} size={18} /\u003e\n    Both\n    \u003cIcon data={Gear} size={18} /\u003e\n\u003c/Button\u003e\n\u003cButton view=\"outlined\" size=\"l\"\u003e\n    No text:\n    \u003cIcon data={Gear} size={18} /\u003e\n\u003c/Button\u003e\n`}\n\u003e\n    \u003cUIKit.Button view=\"outlined\" size=\"l\"\u003e\n        \u003cUIKit.Icon data={() =\u003e (\n            \u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fillRule=\"evenodd\" d=\"M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" clipRule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n        )} size={18} /\u003e\n        Start\n    \u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"outlined\" size=\"l\"\u003e\n        End\n        \u003cUIKit.Icon data={() =\u003e (\n            \u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fillRule=\"evenodd\" d=\"M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" clipRule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n        )} size={18} /\u003e\n    \u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"outlined\" size=\"l\"\u003e\n        \u003cUIKit.Icon data={() =\u003e (\n            \u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fillRule=\"evenodd\" d=\"M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" clipRule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n        )} size={18} /\u003e\n        Both\n        \u003cUIKit.Icon data={() =\u003e (\n            \u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fillRule=\"evenodd\" d=\"M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" clipRule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n        )} size={18} /\u003e\n    \u003c/UIKit.Button\u003e\n    \u003cdiv style={{display: 'flex', gap: '16px', alignItems: 'center'}}\u003e\n        \u003cspan\u003eNo text:\u003c/span\u003e\n        \u003cUIKit.Button view=\"outlined\" size=\"l\"\u003e\n            \u003cUIKit.Icon data={() =\u003e (\n            \u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fillRule=\"evenodd\" d=\"M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" clipRule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n        )} size={18} /\u003e\n        \u003c/UIKit.Button\u003e\n    \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cButton view=\"outlined\" size=\"l\"\u003e\n    \u003cIcon data={Gear} size={18} /\u003e\n    Start\n\u003c/Button\u003e\n\u003cButton view=\"outlined\" size=\"l\"\u003e\n    End\n    \u003cIcon data={Gear} size={18} /\u003e\n\u003c/Button\u003e\n\u003cButton view=\"outlined\" size=\"l\"\u003e\n    \u003cIcon data={Gear} size={18} /\u003e\n    Both\n    \u003cIcon data={Gear} size={18} /\u003e\n\u003c/Button\u003e\n\u003cButton view=\"outlined\" size=\"l\"\u003e\n    No text:\n    \u003cIcon data={Gear} size={18} /\u003e\n\u003c/Button\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## States\n\nThe `Button` can be in different states.\n\n`disabled` - when the button is unavailable for some reason.\n\n`loading` - when some asynchronous processes are happening in the background, `selected` - when the user can switch between \"Enable\" and \"Disable\".\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cButton size=\"l\" disabled\u003eDisabled\u003c/Button\u003e\n\u003cButton size=\"l\" loading\u003eLoading\u003c/Button\u003e\n\u003cButton size=\"l\" selected\u003eSelected\u003c/Button\u003e\n`}\n\u003e\n    \u003cUIKit.Button size=\"l\" disabled\u003eDisabled\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button size=\"l\" loading\u003eLoading\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button size=\"l\" selected\u003eSelected\u003c/UIKit.Button\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cButton size=\"l\" disabled\u003eDisabled\u003c/Button\u003e\n\u003cButton size=\"l\" loading\u003eLoading\u003c/Button\u003e\n\u003cButton size=\"l\" selected\u003eSelected\u003c/Button\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\nTo control the size of the `Button` use the `size` property. Default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cButton size=\"xs\"\u003eXS Size\u003c/Button\u003e\n\u003cButton size=\"s\"\u003eS Size\u003c/Button\u003e\n\u003cButton size=\"m\"\u003eM Size\u003c/Button\u003e\n\u003cButton size=\"l\"\u003eL Size\u003c/Button\u003e\n\u003cButton size=\"xl\"\u003eXL Size\u003c/Button\u003e\n`}\n\u003e\n    \u003cUIKit.Button size=\"xs\"\u003eXS Size\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button size=\"s\"\u003eS Size\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button size=\"m\"\u003eM Size\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button size=\"l\"\u003eL Size\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button size=\"xl\"\u003eXL Size\u003c/UIKit.Button\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cButton size=\"xs\"\u003eXS Size\u003c/Button\u003e\n\u003cButton size=\"s\"\u003eS Size\u003c/Button\u003e\n\u003cButton size=\"m\"\u003eM Size\u003c/Button\u003e\n\u003cButton size=\"l\"\u003eL Size\u003c/Button\u003e\n\u003cButton size=\"xl\"\u003eXL Size\u003c/Button\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Width\n\nThe `width` property controls how the `Button` behaves inside the container.\n\n`auto` - limits the maximum width of the component, hides overflowing content with an ellipsis.\n\n`max` - matches the width to the width of the parent container, also hides overflowing content with an ellipsis.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cButton\u003eDefault\u003c/Button\u003e\n\u003cButton width=\"auto\"\u003eAuto\u003c/Button\u003e\n\u003cButton width=\"max\"\u003eMax\u003c/Button\u003e\n`}\n\u003e\n    \u003cdiv style={{width: 100, border: '2px dashed gray'}}\u003e\n        \u003ch4 style={{textAlign: 'center'}}\u003eDefault\u003c/h4\u003e\n        \u003cp\u003e\n            \u003cUIKit.Button\u003eText\u003c/UIKit.Button\u003e\n        \u003c/p\u003e\n        \u003cp\u003e\n            \u003cUIKit.Button\u003eVery Long Text\u003c/UIKit.Button\u003e\n        \u003c/p\u003e\n    \u003c/div\u003e\n    \u003cdiv style={{width: 100, border: '2px dashed gray'}}\u003e\n        \u003ch4 style={{textAlign: 'center'}}\u003eAuto\u003c/h4\u003e\n        \u003cp\u003e\n            \u003cUIKit.Button width=\"auto\"\u003eText\u003c/UIKit.Button\u003e\n        \u003c/p\u003e\n        \u003cp\u003e\n            \u003cUIKit.Button width=\"auto\"\u003eVery Long Text\u003c/UIKit.Button\u003e\n        \u003c/p\u003e\n    \u003c/div\u003e\n    \u003cdiv style={{width: 100, border: '2px dashed gray'}}\u003e\n        \u003ch4 style={{textAlign: 'center'}}\u003eMax\u003c/h4\u003e\n        \u003cp\u003e\n            \u003cUIKit.Button width=\"max\"\u003eText\u003c/UIKit.Button\u003e\n        \u003c/p\u003e\n        \u003cp\u003e\n            \u003cUIKit.Button width=\"max\"\u003eVery Long Text\u003c/UIKit.Button\u003e\n        \u003c/p\u003e\n    \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n## Pin\n\nThe `pin` property allows you to control the shape of the \"start\" and \"end\" edges and is usually used for combining multiple buttons in a single unit.\nThe value of the `pin` property consists of \"start\" and \"end\" style names divided by a dash, e.g. `\"round-brick\"`.\nThe edge styles are: `round` (default), `circle`, `brick` and `clear`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cdiv\u003e\n    \u003cButton view=\"action\" size=\"l\" pin=\"round-clear\"\u003eCreate\u003c/Button\u003e\n    \u003cButton view=\"action\" size=\"l\" pin=\"brick-round\"\u003e...\u003c/Button\u003e\n\u003c/div\u003e\n\u003cdiv\u003e\n    \u003cButton view=\"normal\" size=\"l\" pin=\"circle-clear\"\u003eStart\u003c/Button\u003e\n    \u003cButton view=\"normal\" size=\"l\" pin=\"brick-brick\" selected\u003eCenter\u003c/Button\u003e\n    \u003cButton view=\"normal\" size=\"l\" pin=\"clear-circle\"\u003eEnd\u003c/Button\u003e\n\u003c/div\u003e\n\u003cdiv\u003e\n    \u003cButton view=\"outlined\" pin=\"brick-clear\"\u003e1\u003c/Button\u003e\n    \u003cButton view=\"outlined\" pin=\"clear-clear\"\u003e2\u003c/Button\u003e\n    \u003cButton view=\"outlined\" pin=\"clear-clear\"\u003e3\u003c/Button\u003e\n    \u003cButton view=\"outlined\" pin=\"clear-brick\"\u003e4\u003c/Button\u003e\n\u003c/div\u003e\n`}\n\u003e\n    \u003cdiv\u003e\n        \u003cUIKit.Button view=\"action\" size=\"l\" pin=\"round-clear\"\u003eCreate\u003c/UIKit.Button\u003e\n        \u003cUIKit.Button view=\"action\" size=\"l\" pin=\"brick-round\"\u003e...\u003c/UIKit.Button\u003e\n    \u003c/div\u003e\n    \u003cdiv\u003e\n        \u003cUIKit.Button view=\"normal\" size=\"l\" pin=\"circle-clear\"\u003eStart\u003c/UIKit.Button\u003e\n        \u003cUIKit.Button view=\"normal\" size=\"l\" pin=\"brick-brick\" selected\u003eCenter\u003c/UIKit.Button\u003e\n        \u003cUIKit.Button view=\"normal\" size=\"l\" pin=\"clear-circle\"\u003eEnd\u003c/UIKit.Button\u003e\n    \u003c/div\u003e\n    \u003cdiv\u003e\n        \u003cUIKit.Button view=\"outlined\" pin=\"brick-clear\"\u003e1\u003c/UIKit.Button\u003e\n        \u003cUIKit.Button view=\"outlined\" pin=\"clear-clear\"\u003e2\u003c/UIKit.Button\u003e\n        \u003cUIKit.Button view=\"outlined\" pin=\"clear-clear\"\u003e3\u003c/UIKit.Button\u003e\n        \u003cUIKit.Button view=\"outlined\" pin=\"clear-brick\"\u003e4\u003c/UIKit.Button\u003e\n    \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cdiv\u003e\n    \u003cButton view=\"action\" size=\"l\" pin=\"round-brick\"\u003eCreate\u003c/Button\u003e\n    \u003cButton view=\"action\" size=\"l\" pin=\"brick-round\"\u003e...\u003c/Button\u003e\n\u003c/div\u003e\n\u003cdiv\u003e\n    \u003cButton view=\"normal\" size=\"l\" pin=\"circle-clear\"\u003eStart\u003c/Button\u003e\n    \u003cButton view=\"normal\" size=\"l\" pin=\"brick-brick\" selected\u003eCenter\u003c/Button\u003e\n    \u003cButton view=\"normal\" size=\"l\" pin=\"clear-circle\"\u003eEnd\u003c/Button\u003e\n\u003c/div\u003e\n\u003cdiv\u003e\n    \u003cButton view=\"outlined\" pin=\"brick-clear\"\u003e1\u003c/Button\u003e\n    \u003cButton view=\"outlined\" pin=\"clear-clear\"\u003e2\u003c/Button\u003e\n    \u003cButton view=\"outlined\" pin=\"clear-clear\"\u003e3\u003c/Button\u003e\n    \u003cButton view=\"outlined\" pin=\"clear-brick\"\u003e4\u003c/Button\u003e\n\u003c/div\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name         | Description                                               |              Type               |     Default     |\n| :----------- | :-------------------------------------------------------- | :-----------------------------: | :-------------: |\n| children     | Button content. You can mix text with `\u003cIcon/\u003e` component |           `ReactNode`           |                 |\n| className    | HTML `class` attribute                                    |            `string`             |                 |\n| component    | Overrides the root component                              |       `ElementType\u003cany\u003e`        |   `\"button\"`    |\n| disabled     | Toggles `disabled` state                                  |             `false`             |     `false`     |\n| extraProps   | Any additional props                                      |            `Record`             |                 |\n| href         | HTML `href` attribute                                     |            `string`             |                 |\n| id           | HTML `id` attribute                                       |            `string`             |                 |\n| loading      | Toggles `loading` state                                   |             `false`             |     `false`     |\n| onBlur       | `blur` event handler                                      |           `Function`            |                 |\n| onClick      | `click` event handler                                     |           `Function`            |                 |\n| onFocus      | `focus` event handler                                     |           `Function`            |                 |\n| onMouseEnter | `mouseenter` event handler                                |           `Function`            |                 |\n| onMouseLeave | `mouseleave` event handler                                |           `Function`            |                 |\n| pin          | Sets button edges style                                   |            `string`             | `\"round-round\"` |\n| qa           | HTML `data-qa` attribute, used in tests                   |            `string`             |                 |\n| rel          | HTML `rel` attribute                                      |            `string`             |                 |\n| selected     | Toggles `selected` state                                  |                                 |                 |\n| size         | Sets button size                                          |            `string`             |      `\"m\"`      |\n| style        | HTML `style` attribute                                    |      `React.CSSProperties`      |                 |\n| tabIndex     | HTML `tabIndex` attribute                                 |            `number`             |                 |\n| target       | HTML `target` attribute                                   |            `string`             |                 |\n| title        | HTML `title` attribute                                    |            `string`             |                 |\n| type         | HTML `type` attribute                                     | `\"button\"` `\"submit\"` `\"reset\"` |   `\"button\"`    |\n| view         | Sets button appearance                                    |            `string`             |   `\"normal\"`    |\n| width        | `\"auto\"` `\"max\"`                                          |        `\"auto\"` `\"max\"`         |                 |\n\n## CSS API\n\n| Name                                | Description               |\n| :---------------------------------- | :------------------------ |\n| `--g-button-text-color`             | Text color                |\n| `--g-button-text-color-hover`       | Text color on hover       |\n| `--g-button-background-color`       | Background color          |\n| `--g-button-background-color-hover` | Background color on hover |\n| `--g-button-border-width`           | Border width              |\n| `--g-button-border-color`           | Border color              |\n| `--g-button-border-style`           | Border style              |\n| `--g-button-focus-outline-width`    | Focus outline color       |\n| `--g-button-focus-outline-color`    | Focus outline color       |\n| `--g-button-focus-outline-style`    | Focus outline style       |\n| `--g-button-focus-outline-offset`   | Focus outline offset      |\n| `--g-button-height`                 | Height, line-height       |\n| `--g-button-padding`                | Side paddings             |\n| `--g-button-border-radius`          | Border radius             |\n| `--g-button-font-size`              | Text font size            |\n| `--g-button-icon-size`              | Icon size                 |\n| `--g-button-icon-offset`            | Icon offset               |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"button"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Button</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Button</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">amje</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Button" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/breadcrumbs"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Breadcrumbs</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/card"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Card</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"button","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Button\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Button} from '@gravity-ui/uikit';\n```\n\nButtons act as a trigger for certain actions. While this is their main purpose, in very rare cases,\nthey can be used as links to navigate to another pages.\n\n## Appearance\n\nThere are four `Button` view types: basic, outlined, flat and contrast.\nThe `Button`'s appearance is determined by the `view` property.\n\n### Basic\n\n`action` - the most prominent button, used for the primary action on a screen which requires the most attention.\nWe recommend using only one such button per page.\n\n`normal` - default type of the `Button`, designed for secondary actions or to maintain the importance of an\naction without drawing too much attention to it.\n\n`raised` - placed above the content as a \"floating\" element, usually with a fixed location.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cButton view=\"action\" size=\"l\"\u003eAction\u003c/Button\u003e\n\u003cButton view=\"normal\" size=\"l\"\u003eNormal\u003c/Button\u003e\n\u003cButton view=\"raised\" size=\"l\"\u003eRaised\u003c/Button\u003e\n`}\u003e\n    \u003cUIKit.Button view=\"action\" size=\"l\"\u003eAction\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"normal\" size=\"l\"\u003eNormal\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"raised\" size=\"l\"\u003eRaised\u003c/UIKit.Button\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cButton view=\"action\" size=\"l\"\u003eAction\u003c/Button\u003e\n\u003cButton view=\"normal\" size=\"l\"\u003eNormal\u003c/Button\u003e\n\u003cButton view=\"raised\" size=\"l\"\u003eRaised\u003c/Button\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Outlined\n\n`outlined` - used for secondary actions that require less attention on a page. Can be used with or without a main button (only with an accented one).\n\n`outlined-action` - usually used as a link to another page or external resource.\n\nThere are also semantic variants of this type, which can be used when additional semantics are needed: `outlined-info`, `outlined-success`, `outlined-warning`, `outlined-danger`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cButton view=\"outlined\" size=\"l\"\u003eOutlined\u003c/Button\u003e\n\u003cButton view=\"outlined-action\" size=\"l\"\u003eOutlined Action\u003c/Button\u003e\n\u003cButton view=\"outlined-info\" size=\"l\"\u003eOutlined Info\u003c/Button\u003e\n\u003cButton view=\"outlined-success\" size=\"l\"\u003eOutlined Success\u003c/Button\u003e\n\u003cButton view=\"outlined-warning\" size=\"l\"\u003eOutlined Warning\u003c/Button\u003e\n\u003cButton view=\"outlined-danger\" size=\"l\"\u003eOutlined Danger\u003c/Button\u003e\n\u003cButton view=\"outlined-utility\" size=\"l\"\u003eOutlined Utility\u003c/Button\u003e\n`}\u003e\n    \u003cUIKit.Button view=\"outlined\" size=\"l\"\u003eOutlined\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"outlined-action\" size=\"l\"\u003eOutlined Action\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"outlined-info\" size=\"l\"\u003eOutlined Info\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"outlined-success\" size=\"l\"\u003eOutlined Success\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"outlined-warning\" size=\"l\"\u003eOutlined Warning\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"outlined-danger\" size=\"l\"\u003eOutlined Danger\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"outlined-utility\" size=\"l\"\u003eOutlined Utility\u003c/UIKit.Button\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cButton view=\"outlined\" size=\"l\"\u003eOutlined\u003c/Button\u003e\n\u003cButton view=\"outlined-action\" size=\"l\"\u003eOutlined Action\u003c/Button\u003e\n\u003cButton view=\"outlined-info\" size=\"l\"\u003eOutlined Info\u003c/Button\u003e\n\u003cButton view=\"outlined-success\" size=\"l\"\u003eOutlined Success\u003c/Button\u003e\n\u003cButton view=\"outlined-warning\" size=\"l\"\u003eOutlined Warning\u003c/Button\u003e\n\u003cButton view=\"outlined-danger\" size=\"l\"\u003eOutlined Danger\u003c/Button\u003e\n\u003cButton view=\"outlined-utility\" size=\"l\"\u003eOutlined Utility\u003c/Button\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Flat\n\n`flat` - used for auxiliary actions that require the least attention on a page. It is often used in a list of buttons or action icons (with no text) in an editor.\n\n`flat-secondary` - less accented than the `flat` button. It's often used as the secondary button in dialog boxes and modal windows.\n\n`flat-action` - usually used as link to another page or external resource.\n\nThere are also semantic variants of this view, which can be used in places where additional semantic needed: `flat-info`, `flat-success`, `flat-warning`, `flat-danger`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cButton view=\"flat\" size=\"l\"\u003eFlat\u003c/Button\u003e\n\u003cButton view=\"flat-secondary\" size=\"l\"\u003eFlat Secondary\u003c/Button\u003e\n\u003cButton view=\"flat-action\" size=\"l\"\u003eFlat Action\u003c/Button\u003e\n\u003cButton view=\"flat-info\" size=\"l\"\u003eFlat Info\u003c/Button\u003e\n\u003cButton view=\"flat-success\" size=\"l\"\u003eFlat Success\u003c/Button\u003e\n\u003cButton view=\"flat-warning\" size=\"l\"\u003eFlat Warning\u003c/Button\u003e\n\u003cButton view=\"flat-danger\" size=\"l\"\u003eFlat Danger\u003c/Button\u003e\n\u003cButton view=\"flat-utility\" size=\"l\"\u003eFlat Utility\u003c/Button\u003e\n`}\n\u003e\n    \u003cUIKit.Button view=\"flat\" size=\"l\"\u003eFlat\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"flat-action\" size=\"l\"\u003eFlat Action\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"flat-info\" size=\"l\"\u003eFlat Info\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"flat-success\" size=\"l\"\u003eFlat Success\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"flat-warning\" size=\"l\"\u003eFlat Warning\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"flat-danger\" size=\"l\"\u003eFlat Danger\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"flat-utility\" size=\"l\"\u003eFlat Utility\u003c/UIKit.Button\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cButton view=\"flat\" size=\"l\"\u003eFlat\u003c/Button\u003e\n\u003cButton view=\"flat-secondary\" size=\"l\"\u003eFlat Secondary\u003c/Button\u003e\n\u003cButton view=\"flat-action\" size=\"l\"\u003eFlat Action\u003c/Button\u003e\n\u003cButton view=\"flat-info\" size=\"l\"\u003eFlat Info\u003c/Button\u003e\n\u003cButton view=\"flat-success\" size=\"l\"\u003eFlat Success\u003c/Button\u003e\n\u003cButton view=\"flat-warning\" size=\"l\"\u003eFlat Warning\u003c/Button\u003e\n\u003cButton view=\"flat-danger\" size=\"l\"\u003eFlat Danger\u003c/Button\u003e\n\u003cButton view=\"flat-utility\" size=\"l\"\u003eFlat Utility\u003c/Button\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Contrast\n\n`normal-contrast`, `outline-contrast` and `flat-contrast` buttons highlight actions against complex background, e.g., in a banner or against an inverse background.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    background='rgb(68, 38, 204)'\n    code={`\n\u003cButton view=\"normal-contrast\" size=\"l\"\u003eNormal Contrast\u003c/Button\u003e\n\u003cButton view=\"outlined-contrast\" size=\"l\"\u003eOutlined Contrast\u003c/Button\u003e\n\u003cButton view=\"flat-contrast\" size=\"l\"\u003eFlat Contrast\u003c/Button\u003e\n`}\n\u003e\n    \u003cUIKit.Button view=\"normal-contrast\" size=\"l\"\u003eNormal Contrast\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"outlined-contrast\" size=\"l\"\u003eOutlined Contrast\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"flat-contrast\" size=\"l\"\u003eFlat Contrast\u003c/UIKit.Button\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cButton view=\"normal-contrast\" size=\"l\"\u003eNormal Contrast\u003c/Button\u003e\n\u003cButton view=\"outlined-contrast\" size=\"l\"\u003eOutlined Contrast\u003c/Button\u003e\n\u003cButton view=\"flat-contrast\" size=\"l\"\u003eFlat Contrast\u003c/Button\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Icons\n\nTo add an icon to the `Button`, you should use the [`Icon`](../Icon) component, a special wrapper for SVGs.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cButton view=\"outlined\" size=\"l\"\u003e\n    \u003cIcon data={Gear} size={18} /\u003e\n    Start\n\u003c/Button\u003e\n\u003cButton view=\"outlined\" size=\"l\"\u003e\n    End\n    \u003cIcon data={Gear} size={18} /\u003e\n\u003c/Button\u003e\n\u003cButton view=\"outlined\" size=\"l\"\u003e\n    \u003cIcon data={Gear} size={18} /\u003e\n    Both\n    \u003cIcon data={Gear} size={18} /\u003e\n\u003c/Button\u003e\n\u003cButton view=\"outlined\" size=\"l\"\u003e\n    No text:\n    \u003cIcon data={Gear} size={18} /\u003e\n\u003c/Button\u003e\n`}\n\u003e\n    \u003cUIKit.Button view=\"outlined\" size=\"l\"\u003e\n        \u003cUIKit.Icon data={() =\u003e (\n            \u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fillRule=\"evenodd\" d=\"M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" clipRule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n        )} size={18} /\u003e\n        Start\n    \u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"outlined\" size=\"l\"\u003e\n        End\n        \u003cUIKit.Icon data={() =\u003e (\n            \u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fillRule=\"evenodd\" d=\"M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" clipRule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n        )} size={18} /\u003e\n    \u003c/UIKit.Button\u003e\n    \u003cUIKit.Button view=\"outlined\" size=\"l\"\u003e\n        \u003cUIKit.Icon data={() =\u003e (\n            \u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fillRule=\"evenodd\" d=\"M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" clipRule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n        )} size={18} /\u003e\n        Both\n        \u003cUIKit.Icon data={() =\u003e (\n            \u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fillRule=\"evenodd\" d=\"M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" clipRule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n        )} size={18} /\u003e\n    \u003c/UIKit.Button\u003e\n    \u003cdiv style={{display: 'flex', gap: '16px', alignItems: 'center'}}\u003e\n        \u003cspan\u003eNo text:\u003c/span\u003e\n        \u003cUIKit.Button view=\"outlined\" size=\"l\"\u003e\n            \u003cUIKit.Icon data={() =\u003e (\n            \u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fillRule=\"evenodd\" d=\"M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" clipRule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n        )} size={18} /\u003e\n        \u003c/UIKit.Button\u003e\n    \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cButton view=\"outlined\" size=\"l\"\u003e\n    \u003cIcon data={Gear} size={18} /\u003e\n    Start\n\u003c/Button\u003e\n\u003cButton view=\"outlined\" size=\"l\"\u003e\n    End\n    \u003cIcon data={Gear} size={18} /\u003e\n\u003c/Button\u003e\n\u003cButton view=\"outlined\" size=\"l\"\u003e\n    \u003cIcon data={Gear} size={18} /\u003e\n    Both\n    \u003cIcon data={Gear} size={18} /\u003e\n\u003c/Button\u003e\n\u003cButton view=\"outlined\" size=\"l\"\u003e\n    No text:\n    \u003cIcon data={Gear} size={18} /\u003e\n\u003c/Button\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## States\n\nThe `Button` can be in different states.\n\n`disabled` - when the button is unavailable for some reason.\n\n`loading` - when some asynchronous processes are happening in the background, `selected` - when the user can switch between \"Enable\" and \"Disable\".\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cButton size=\"l\" disabled\u003eDisabled\u003c/Button\u003e\n\u003cButton size=\"l\" loading\u003eLoading\u003c/Button\u003e\n\u003cButton size=\"l\" selected\u003eSelected\u003c/Button\u003e\n`}\n\u003e\n    \u003cUIKit.Button size=\"l\" disabled\u003eDisabled\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button size=\"l\" loading\u003eLoading\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button size=\"l\" selected\u003eSelected\u003c/UIKit.Button\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cButton size=\"l\" disabled\u003eDisabled\u003c/Button\u003e\n\u003cButton size=\"l\" loading\u003eLoading\u003c/Button\u003e\n\u003cButton size=\"l\" selected\u003eSelected\u003c/Button\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\nTo control the size of the `Button` use the `size` property. Default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cButton size=\"xs\"\u003eXS Size\u003c/Button\u003e\n\u003cButton size=\"s\"\u003eS Size\u003c/Button\u003e\n\u003cButton size=\"m\"\u003eM Size\u003c/Button\u003e\n\u003cButton size=\"l\"\u003eL Size\u003c/Button\u003e\n\u003cButton size=\"xl\"\u003eXL Size\u003c/Button\u003e\n`}\n\u003e\n    \u003cUIKit.Button size=\"xs\"\u003eXS Size\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button size=\"s\"\u003eS Size\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button size=\"m\"\u003eM Size\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button size=\"l\"\u003eL Size\u003c/UIKit.Button\u003e\n    \u003cUIKit.Button size=\"xl\"\u003eXL Size\u003c/UIKit.Button\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cButton size=\"xs\"\u003eXS Size\u003c/Button\u003e\n\u003cButton size=\"s\"\u003eS Size\u003c/Button\u003e\n\u003cButton size=\"m\"\u003eM Size\u003c/Button\u003e\n\u003cButton size=\"l\"\u003eL Size\u003c/Button\u003e\n\u003cButton size=\"xl\"\u003eXL Size\u003c/Button\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Width\n\nThe `width` property controls how the `Button` behaves inside the container.\n\n`auto` - limits the maximum width of the component, hides overflowing content with an ellipsis.\n\n`max` - matches the width to the width of the parent container, also hides overflowing content with an ellipsis.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cButton\u003eDefault\u003c/Button\u003e\n\u003cButton width=\"auto\"\u003eAuto\u003c/Button\u003e\n\u003cButton width=\"max\"\u003eMax\u003c/Button\u003e\n`}\n\u003e\n    \u003cdiv style={{width: 100, border: '2px dashed gray'}}\u003e\n        \u003ch4 style={{textAlign: 'center'}}\u003eDefault\u003c/h4\u003e\n        \u003cp\u003e\n            \u003cUIKit.Button\u003eText\u003c/UIKit.Button\u003e\n        \u003c/p\u003e\n        \u003cp\u003e\n            \u003cUIKit.Button\u003eVery Long Text\u003c/UIKit.Button\u003e\n        \u003c/p\u003e\n    \u003c/div\u003e\n    \u003cdiv style={{width: 100, border: '2px dashed gray'}}\u003e\n        \u003ch4 style={{textAlign: 'center'}}\u003eAuto\u003c/h4\u003e\n        \u003cp\u003e\n            \u003cUIKit.Button width=\"auto\"\u003eText\u003c/UIKit.Button\u003e\n        \u003c/p\u003e\n        \u003cp\u003e\n            \u003cUIKit.Button width=\"auto\"\u003eVery Long Text\u003c/UIKit.Button\u003e\n        \u003c/p\u003e\n    \u003c/div\u003e\n    \u003cdiv style={{width: 100, border: '2px dashed gray'}}\u003e\n        \u003ch4 style={{textAlign: 'center'}}\u003eMax\u003c/h4\u003e\n        \u003cp\u003e\n            \u003cUIKit.Button width=\"max\"\u003eText\u003c/UIKit.Button\u003e\n        \u003c/p\u003e\n        \u003cp\u003e\n            \u003cUIKit.Button width=\"max\"\u003eVery Long Text\u003c/UIKit.Button\u003e\n        \u003c/p\u003e\n    \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n## Pin\n\nThe `pin` property allows you to control the shape of the \"start\" and \"end\" edges and is usually used for combining multiple buttons in a single unit.\nThe value of the `pin` property consists of \"start\" and \"end\" style names divided by a dash, e.g. `\"round-brick\"`.\nThe edge styles are: `round` (default), `circle`, `brick` and `clear`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cdiv\u003e\n    \u003cButton view=\"action\" size=\"l\" pin=\"round-clear\"\u003eCreate\u003c/Button\u003e\n    \u003cButton view=\"action\" size=\"l\" pin=\"brick-round\"\u003e...\u003c/Button\u003e\n\u003c/div\u003e\n\u003cdiv\u003e\n    \u003cButton view=\"normal\" size=\"l\" pin=\"circle-clear\"\u003eStart\u003c/Button\u003e\n    \u003cButton view=\"normal\" size=\"l\" pin=\"brick-brick\" selected\u003eCenter\u003c/Button\u003e\n    \u003cButton view=\"normal\" size=\"l\" pin=\"clear-circle\"\u003eEnd\u003c/Button\u003e\n\u003c/div\u003e\n\u003cdiv\u003e\n    \u003cButton view=\"outlined\" pin=\"brick-clear\"\u003e1\u003c/Button\u003e\n    \u003cButton view=\"outlined\" pin=\"clear-clear\"\u003e2\u003c/Button\u003e\n    \u003cButton view=\"outlined\" pin=\"clear-clear\"\u003e3\u003c/Button\u003e\n    \u003cButton view=\"outlined\" pin=\"clear-brick\"\u003e4\u003c/Button\u003e\n\u003c/div\u003e\n`}\n\u003e\n    \u003cdiv\u003e\n        \u003cUIKit.Button view=\"action\" size=\"l\" pin=\"round-clear\"\u003eCreate\u003c/UIKit.Button\u003e\n        \u003cUIKit.Button view=\"action\" size=\"l\" pin=\"brick-round\"\u003e...\u003c/UIKit.Button\u003e\n    \u003c/div\u003e\n    \u003cdiv\u003e\n        \u003cUIKit.Button view=\"normal\" size=\"l\" pin=\"circle-clear\"\u003eStart\u003c/UIKit.Button\u003e\n        \u003cUIKit.Button view=\"normal\" size=\"l\" pin=\"brick-brick\" selected\u003eCenter\u003c/UIKit.Button\u003e\n        \u003cUIKit.Button view=\"normal\" size=\"l\" pin=\"clear-circle\"\u003eEnd\u003c/UIKit.Button\u003e\n    \u003c/div\u003e\n    \u003cdiv\u003e\n        \u003cUIKit.Button view=\"outlined\" pin=\"brick-clear\"\u003e1\u003c/UIKit.Button\u003e\n        \u003cUIKit.Button view=\"outlined\" pin=\"clear-clear\"\u003e2\u003c/UIKit.Button\u003e\n        \u003cUIKit.Button view=\"outlined\" pin=\"clear-clear\"\u003e3\u003c/UIKit.Button\u003e\n        \u003cUIKit.Button view=\"outlined\" pin=\"clear-brick\"\u003e4\u003c/UIKit.Button\u003e\n    \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cdiv\u003e\n    \u003cButton view=\"action\" size=\"l\" pin=\"round-brick\"\u003eCreate\u003c/Button\u003e\n    \u003cButton view=\"action\" size=\"l\" pin=\"brick-round\"\u003e...\u003c/Button\u003e\n\u003c/div\u003e\n\u003cdiv\u003e\n    \u003cButton view=\"normal\" size=\"l\" pin=\"circle-clear\"\u003eStart\u003c/Button\u003e\n    \u003cButton view=\"normal\" size=\"l\" pin=\"brick-brick\" selected\u003eCenter\u003c/Button\u003e\n    \u003cButton view=\"normal\" size=\"l\" pin=\"clear-circle\"\u003eEnd\u003c/Button\u003e\n\u003c/div\u003e\n\u003cdiv\u003e\n    \u003cButton view=\"outlined\" pin=\"brick-clear\"\u003e1\u003c/Button\u003e\n    \u003cButton view=\"outlined\" pin=\"clear-clear\"\u003e2\u003c/Button\u003e\n    \u003cButton view=\"outlined\" pin=\"clear-clear\"\u003e3\u003c/Button\u003e\n    \u003cButton view=\"outlined\" pin=\"clear-brick\"\u003e4\u003c/Button\u003e\n\u003c/div\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name         | Description                                               |              Type               |     Default     |\n| :----------- | :-------------------------------------------------------- | :-----------------------------: | :-------------: |\n| children     | Button content. You can mix text with `\u003cIcon/\u003e` component |           `ReactNode`           |                 |\n| className    | HTML `class` attribute                                    |            `string`             |                 |\n| component    | Overrides the root component                              |       `ElementType\u003cany\u003e`        |   `\"button\"`    |\n| disabled     | Toggles `disabled` state                                  |             `false`             |     `false`     |\n| extraProps   | Any additional props                                      |            `Record`             |                 |\n| href         | HTML `href` attribute                                     |            `string`             |                 |\n| id           | HTML `id` attribute                                       |            `string`             |                 |\n| loading      | Toggles `loading` state                                   |             `false`             |     `false`     |\n| onBlur       | `blur` event handler                                      |           `Function`            |                 |\n| onClick      | `click` event handler                                     |           `Function`            |                 |\n| onFocus      | `focus` event handler                                     |           `Function`            |                 |\n| onMouseEnter | `mouseenter` event handler                                |           `Function`            |                 |\n| onMouseLeave | `mouseleave` event handler                                |           `Function`            |                 |\n| pin          | Sets button edges style                                   |            `string`             | `\"round-round\"` |\n| qa           | HTML `data-qa` attribute, used in tests                   |            `string`             |                 |\n| rel          | HTML `rel` attribute                                      |            `string`             |                 |\n| selected     | Toggles `selected` state                                  |                                 |                 |\n| size         | Sets button size                                          |            `string`             |      `\"m\"`      |\n| style        | HTML `style` attribute                                    |      `React.CSSProperties`      |                 |\n| tabIndex     | HTML `tabIndex` attribute                                 |            `number`             |                 |\n| target       | HTML `target` attribute                                   |            `string`             |                 |\n| title        | HTML `title` attribute                                    |            `string`             |                 |\n| type         | HTML `type` attribute                                     | `\"button\"` `\"submit\"` `\"reset\"` |   `\"button\"`    |\n| view         | Sets button appearance                                    |            `string`             |   `\"normal\"`    |\n| width        | `\"auto\"` `\"max\"`                                          |        `\"auto\"` `\"max\"`         |                 |\n\n## CSS API\n\n| Name                                | Description               |\n| :---------------------------------- | :------------------------ |\n| `--g-button-text-color`             | Text color                |\n| `--g-button-text-color-hover`       | Text color on hover       |\n| `--g-button-background-color`       | Background color          |\n| `--g-button-background-color-hover` | Background color on hover |\n| `--g-button-border-width`           | Border width              |\n| `--g-button-border-color`           | Border color              |\n| `--g-button-border-style`           | Border style              |\n| `--g-button-focus-outline-width`    | Focus outline color       |\n| `--g-button-focus-outline-color`    | Focus outline color       |\n| `--g-button-focus-outline-style`    | Focus outline style       |\n| `--g-button-focus-outline-offset`   | Focus outline offset      |\n| `--g-button-height`                 | Height, line-height       |\n| `--g-button-padding`                | Side paddings             |\n| `--g-button-border-radius`          | Border radius             |\n| `--g-button-font-size`              | Text font size            |\n| `--g-button-icon-size`              | Icon size                 |\n| `--g-button-icon-offset`            | Icon offset               |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"button"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/card.html b/components/uikit/card.html
index 6612e13e542..cc7d4642619 100644
--- a/components/uikit/card.html
+++ b/components/uikit/card.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Card</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Card</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@Lunory" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/Lunory" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22904809?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">Lunory</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Card" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/button"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Button</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/checkbox"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Checkbox</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"card","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Card\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Card} from '@gravity-ui/uikit';\n```\n\n## Description\n\nThe `Card` UI component is a reusable React component that represents a card-like container with customizable styles and functionality. It is used to display information or content in a visually appealing and organized manner.\n\n## Appearance\n\n`Card` can be displayed with multiple styled combination\n\n- theme (`normal`, `info`, `success`, `warning`, `danger`, `utility`)\n- type (`selection`, `action`, `container`)\n- view (`outlined`, `clear`) or (`outlined`, `filled`, `raised`) depends on `type` parameter\n\n## Theme\n\nThis parameter is used to specify the theme style of the card. It determines the color scheme and visual appearance of the card.\n\nBy specifying different theme values, you can customize the visual appearance of the `Card` component to match the desired style and purpose.\n\n- `normal`: represents the normal/default theme of the card.\n- `info`: represents the theme for displaying informational content.\n- `success`: represents the theme for displaying positive/affirmative content.\n- `warning`: represents the theme for displaying warning or cautionary content.\n- `danger`: represents the theme for displaying content related to danger or critical situations.\n- `utility`: represents the theme for displaying utility content.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\nconst style = {\n    width: '120px';\n    height: '120px';\n    display: 'flex';\n    alignItems: 'center';\n    justifyContent: 'center';\n}\n\n\u003cCard style={style} theme=\"normal\" size=\"l\"\u003eNormal\u003c/UIKit.Card\u003e\n\u003cCard style={style} theme=\"info\" size=\"l\"\u003eInfo\u003c/UIKit.Card\u003e\n\u003cCard style={style} theme=\"success\" size=\"l\"\u003eSuccess\u003c/UIKit.Card\u003e\n\u003cCard style={style} theme=\"warning\" size=\"l\"\u003eWarning\u003c/UIKit.Card\u003e\n\u003cCard style={style} theme=\"danger\" size=\"l\"\u003eDanger\u003c/UIKit.Card\u003e\n\u003cCard style={style} theme=\"utility\" size=\"l\"\u003eUtility\u003c/UIKit.Card\u003e\n`}\u003e\n\n    \u003cdiv style={{display: 'grid', gridAutoFlow: 'column', gridGap: '10px'}}\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} theme=\"normal\" size=\"l\"\u003eNormal\u003c/UIKit.Card\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} theme=\"info\" size=\"l\"\u003eInfo\u003c/UIKit.Card\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} theme=\"success\" size=\"l\"\u003eSuccess\u003c/UIKit.Card\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} theme=\"warning\" size=\"l\"\u003eWarning\u003c/UIKit.Card\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} theme=\"danger\" size=\"l\"\u003eDanger\u003c/UIKit.Card\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} theme=\"utility\" size=\"l\"\u003eUtility\u003c/UIKit.Card\u003e\n    \u003c/div\u003e\n\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n## Type\n\nThis parameter is used to define the type of the `Card` component. It allows you to customize the appearance and behavior of the card.\n\n- `container`: represents a card that acts as a container for other elements. It provides a structured layout for content.\n- `action`: represents a card with an interactive element, such as a button, that triggers an action when clicked.\n- `selection`: represents a card that can be selected or clicked to perform a specific action.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\nconst style = {\n    width: '120px';\n    height: '120px';\n    display: 'flex';\n    alignItems: 'center';\n    justifyContent: 'center';\n}\n\n    \u003cCard style={style} view=\"outlined\" type=\"container\" size=\"l\"\u003eContainer\u003c/UIKit.Card\u003e\n    \u003cCard style={style} view=\"outlined\" type=\"action\" size=\"l\"\u003eaction with onClick\u003c/UIKit.Card\u003e\n    \u003cCard style={style} view=\"outlined\" type=\"selection\" size=\"l\"\u003eSelection\u003c/UIKit.Card\u003e\n`}\u003e\n    \u003cdiv style={{display: 'grid', gridAutoFlow: 'column', gridGap: '10px'}}\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} view=\"outlined\" type=\"container\" size=\"l\"\u003eContainer\u003c/UIKit.Card\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} view=\"outlined\" type=\"action\" onClick={() =\u003e alert(':wave: hey')} size=\"l\"\u003eaction with onClick\u003c/UIKit.Card\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} view=\"outlined\" type=\"selection\" size=\"l\"\u003eSelection\u003c/UIKit.Card\u003e\n    \u003c/div\u003e\n\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n## View\n\nThis parameter is used to specify the view or layout style of the `Card`. It allows you to customize the appearance and arrangement of the card content.\n\n- `clear`: no style will be applied.\n- `outlined`: applies thin border to highlight card content.\n- `filled`: fills in the card content.\n- `raised`: applies a shadow to slightly lift the container.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\nconst style = {\n    width: '120px';\n    height: '120px';\n    display: 'flex';\n    alignItems: 'center';\n    justifyContent: 'center';\n}\n\n    \u003cCard style={style} view=\"clear\" type=\"container\" size=\"l\"\u003eClear\u003c/UIKit.Card\u003e\n    \u003cCard style={style} view=\"outlined\" type=\"container\" size=\"l\"\u003eOutlined\u003c/UIKit.Card\u003e\n    \u003cCard style={style} view=\"filled\" type=\"container\" size=\"l\"\u003eFilled\u003c/UIKit.Card\u003e\n    \u003cCard style={style} view=\"raised\" type=\"container\" size=\"l\"\u003eRaised\u003c/UIKit.Card\u003e\n`}\u003e\n    \u003cdiv style={{display: 'grid', gridAutoFlow: 'column', gridGap: '10px'}}\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} view=\"clear\" type=\"container\" size=\"l\"\u003eClear\u003c/UIKit.Card\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} view=\"outlined\" type=\"container\" size=\"l\"\u003eOutlined\u003c/UIKit.Card\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} view=\"filled\" type=\"container\" size=\"l\"\u003eFilled\u003c/UIKit.Card\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} view=\"raised\" type=\"container\" size=\"l\"\u003eRaised\u003c/UIKit.Card\u003e\n    \u003c/div\u003e\n\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n## Properties\n\n| Name      | Description                                                         |    Type     |    Default    |\n| :-------- | :------------------------------------------------------------------ | :---------: | :-----------: |\n| children  | Card's content                                                      | `ReactNode` |               |\n| type      | The Card type affects which properties are available                |  `string`   | `\"container\"` |\n| view      | Available for `type`: `\"container\"` and `\"selection\"`               |  `string`   | `\"outlined\"`  |\n| theme     | Card's base color. Available for `type`: `\"container\"`              |  `string`   |  `\"normal\"`   |\n| size      | The Card size affects which properties are available                |  `string`   |     `\"m\"`     |\n| className | CSS class                                                           |  `string`   |               |\n| onClick   | Card click handler. Available for `type`: `\"selection\"`, `\"action\"` | `Function`  |               |\n| selected  | Selected card. Available for type: `\"selection\"`                    |  `Boolean`  |               |\n| disabled  | Disabled card. Available for type: `\"selection\"`, `\"action\"`        |  `Boolean`  |               |\n| qa        | HTML `data-qa` attribute, used in tests                             |  `string`   |               |\n\n## CSS API\n\n| Name                        | Description      |\n| :-------------------------- | :--------------- |\n| `--g-card-background-color` | Background color |\n| `--g-card-border-width`     | Border width     |\n| `--g-card-border-color`     | Border color     |\n| `--g-card-border-radius`    | Border radius    |\n| `--g-card-box-shadow`       | Shadow           |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"card"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Card</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Card</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@Lunory" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/Lunory" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22904809?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">Lunory</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Card" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/button"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Button</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/checkbox"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Checkbox</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"card","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Card\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Card} from '@gravity-ui/uikit';\n```\n\n## Description\n\nThe `Card` UI component is a reusable React component that represents a card-like container with customizable styles and functionality. It is used to display information or content in a visually appealing and organized manner.\n\n## Appearance\n\n`Card` can be displayed with multiple styled combination\n\n- theme (`normal`, `info`, `success`, `warning`, `danger`, `utility`)\n- type (`selection`, `action`, `container`)\n- view (`outlined`, `clear`) or (`outlined`, `filled`, `raised`) depends on `type` parameter\n\n## Theme\n\nThis parameter is used to specify the theme style of the card. It determines the color scheme and visual appearance of the card.\n\nBy specifying different theme values, you can customize the visual appearance of the `Card` component to match the desired style and purpose.\n\n- `normal`: represents the normal/default theme of the card.\n- `info`: represents the theme for displaying informational content.\n- `success`: represents the theme for displaying positive/affirmative content.\n- `warning`: represents the theme for displaying warning or cautionary content.\n- `danger`: represents the theme for displaying content related to danger or critical situations.\n- `utility`: represents the theme for displaying utility content.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\nconst style = {\n    width: '120px';\n    height: '120px';\n    display: 'flex';\n    alignItems: 'center';\n    justifyContent: 'center';\n}\n\n\u003cCard style={style} theme=\"normal\" size=\"l\"\u003eNormal\u003c/UIKit.Card\u003e\n\u003cCard style={style} theme=\"info\" size=\"l\"\u003eInfo\u003c/UIKit.Card\u003e\n\u003cCard style={style} theme=\"success\" size=\"l\"\u003eSuccess\u003c/UIKit.Card\u003e\n\u003cCard style={style} theme=\"warning\" size=\"l\"\u003eWarning\u003c/UIKit.Card\u003e\n\u003cCard style={style} theme=\"danger\" size=\"l\"\u003eDanger\u003c/UIKit.Card\u003e\n\u003cCard style={style} theme=\"utility\" size=\"l\"\u003eUtility\u003c/UIKit.Card\u003e\n`}\u003e\n\n    \u003cdiv style={{display: 'grid', gridAutoFlow: 'column', gridGap: '10px'}}\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} theme=\"normal\" size=\"l\"\u003eNormal\u003c/UIKit.Card\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} theme=\"info\" size=\"l\"\u003eInfo\u003c/UIKit.Card\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} theme=\"success\" size=\"l\"\u003eSuccess\u003c/UIKit.Card\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} theme=\"warning\" size=\"l\"\u003eWarning\u003c/UIKit.Card\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} theme=\"danger\" size=\"l\"\u003eDanger\u003c/UIKit.Card\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} theme=\"utility\" size=\"l\"\u003eUtility\u003c/UIKit.Card\u003e\n    \u003c/div\u003e\n\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n## Type\n\nThis parameter is used to define the type of the `Card` component. It allows you to customize the appearance and behavior of the card.\n\n- `container`: represents a card that acts as a container for other elements. It provides a structured layout for content.\n- `action`: represents a card with an interactive element, such as a button, that triggers an action when clicked.\n- `selection`: represents a card that can be selected or clicked to perform a specific action.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\nconst style = {\n    width: '120px';\n    height: '120px';\n    display: 'flex';\n    alignItems: 'center';\n    justifyContent: 'center';\n}\n\n    \u003cCard style={style} view=\"outlined\" type=\"container\" size=\"l\"\u003eContainer\u003c/UIKit.Card\u003e\n    \u003cCard style={style} view=\"outlined\" type=\"action\" size=\"l\"\u003eaction with onClick\u003c/UIKit.Card\u003e\n    \u003cCard style={style} view=\"outlined\" type=\"selection\" size=\"l\"\u003eSelection\u003c/UIKit.Card\u003e\n`}\u003e\n    \u003cdiv style={{display: 'grid', gridAutoFlow: 'column', gridGap: '10px'}}\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} view=\"outlined\" type=\"container\" size=\"l\"\u003eContainer\u003c/UIKit.Card\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} view=\"outlined\" type=\"action\" onClick={() =\u003e alert(':wave: hey')} size=\"l\"\u003eaction with onClick\u003c/UIKit.Card\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} view=\"outlined\" type=\"selection\" size=\"l\"\u003eSelection\u003c/UIKit.Card\u003e\n    \u003c/div\u003e\n\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n## View\n\nThis parameter is used to specify the view or layout style of the `Card`. It allows you to customize the appearance and arrangement of the card content.\n\n- `clear`: no style will be applied.\n- `outlined`: applies thin border to highlight card content.\n- `filled`: fills in the card content.\n- `raised`: applies a shadow to slightly lift the container.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\nconst style = {\n    width: '120px';\n    height: '120px';\n    display: 'flex';\n    alignItems: 'center';\n    justifyContent: 'center';\n}\n\n    \u003cCard style={style} view=\"clear\" type=\"container\" size=\"l\"\u003eClear\u003c/UIKit.Card\u003e\n    \u003cCard style={style} view=\"outlined\" type=\"container\" size=\"l\"\u003eOutlined\u003c/UIKit.Card\u003e\n    \u003cCard style={style} view=\"filled\" type=\"container\" size=\"l\"\u003eFilled\u003c/UIKit.Card\u003e\n    \u003cCard style={style} view=\"raised\" type=\"container\" size=\"l\"\u003eRaised\u003c/UIKit.Card\u003e\n`}\u003e\n    \u003cdiv style={{display: 'grid', gridAutoFlow: 'column', gridGap: '10px'}}\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} view=\"clear\" type=\"container\" size=\"l\"\u003eClear\u003c/UIKit.Card\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} view=\"outlined\" type=\"container\" size=\"l\"\u003eOutlined\u003c/UIKit.Card\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} view=\"filled\" type=\"container\" size=\"l\"\u003eFilled\u003c/UIKit.Card\u003e\n        \u003cUIKit.Card style={{display: 'flex', alignItems: 'center', justifyContent: 'center', width: '120px', height: '120px'}} view=\"raised\" type=\"container\" size=\"l\"\u003eRaised\u003c/UIKit.Card\u003e\n    \u003c/div\u003e\n\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n## Properties\n\n| Name      | Description                                                         |    Type     |    Default    |\n| :-------- | :------------------------------------------------------------------ | :---------: | :-----------: |\n| children  | Card's content                                                      | `ReactNode` |               |\n| type      | The Card type affects which properties are available                |  `string`   | `\"container\"` |\n| view      | Available for `type`: `\"container\"` and `\"selection\"`               |  `string`   | `\"outlined\"`  |\n| theme     | Card's base color. Available for `type`: `\"container\"`              |  `string`   |  `\"normal\"`   |\n| size      | The Card size affects which properties are available                |  `string`   |     `\"m\"`     |\n| className | CSS class                                                           |  `string`   |               |\n| onClick   | Card click handler. Available for `type`: `\"selection\"`, `\"action\"` | `Function`  |               |\n| selected  | Selected card. Available for type: `\"selection\"`                    |  `Boolean`  |               |\n| disabled  | Disabled card. Available for type: `\"selection\"`, `\"action\"`        |  `Boolean`  |               |\n| qa        | HTML `data-qa` attribute, used in tests                             |  `string`   |               |\n\n## CSS API\n\n| Name                        | Description      |\n| :-------------------------- | :--------------- |\n| `--g-card-background-color` | Background color |\n| `--g-card-border-width`     | Border width     |\n| `--g-card-border-color`     | Border color     |\n| `--g-card-border-radius`    | Border radius    |\n| `--g-card-box-shadow`       | Shadow           |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"card"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/checkbox.html b/components/uikit/checkbox.html
index 647103e01d1..331543e5fe8 100644
--- a/components/uikit/checkbox.html
+++ b/components/uikit/checkbox.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Checkbox</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Checkbox</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@zamkovskaya" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/zamkovskaya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/128601366?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">zamkovskaya</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Checkbox" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/card"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Card</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/dropdown-menu"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">DropdownMenu</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"checkbox","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Checkbox\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Checkbox} from '@gravity-ui/uikit';\n```\n\nThe `Checkbox` component allows the user to select or deselect a specific value.\n\n## States\n\nThe Checkbox can be in different states.\n\n- Checked - when the checkbox is selected.\n- Disabled - when the checkbox is unavailable for interaction.\n- Indeterminate - when the checkbox is in an intermediate state between being selected and unselected.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cCheckbox size=\"l\" checked={false}\u003eUnchecked\u003c/Checkbox\u003e\n\u003cCheckbox size=\"l\" checked\u003eChecked\u003c/Checkbox\u003e\n\u003cCheckbox size=\"l\" disabled\u003eDisabled\u003c/Checkbox\u003e\n\u003cCheckbox size=\"l\" indeterminate\u003eIndeterminate\u003c/Checkbox\u003e\n`}\n\u003e\n    \u003cUIKit.Checkbox size=\"l\" checked={false}\u003eUnchecked\u003c/UIKit.Checkbox\u003e\n    \u003cUIKit.Checkbox size=\"l\" checked\u003eChecked\u003c/UIKit.Checkbox\u003e\n    \u003cUIKit.Checkbox size=\"l\" disabled\u003eDisabled\u003c/UIKit.Checkbox\u003e\n    \u003cUIKit.Checkbox size=\"l\" indeterminate\u003eIndeterminate\u003c/UIKit.Checkbox\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cCheckbox size=\"l\" checked={false}\u003eUnchecked\u003c/Checkbox\u003e\n\u003cCheckbox size=\"l\" checked\u003eChecked\u003c/Checkbox\u003e\n\u003cCheckbox size=\"l\" disabled\u003eDisabled\u003c/Checkbox\u003e\n\u003cCheckbox size=\"l\" indeterminate\u003eIndeterminate\u003c/Checkbox\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\nTo control the size of the `Checkbox`, use the `size` property. The default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cCheckbox size=\"m\"\u003eM Size\u003c/Checkbox\u003e\n\u003cCheckbox size=\"l\"\u003eL Size\u003c/Checkbox\u003e\n`}\n\u003e\n    \u003cUIKit.Checkbox size=\"m\"\u003eM Size\u003c/UIKit.Checkbox\u003e\n    \u003cUIKit.Checkbox size=\"l\"\u003eL Size\u003c/UIKit.Checkbox\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cCheckbox size=\"m\"\u003eM Size\u003c/Checkbox\u003e\n\u003cCheckbox size=\"l\"\u003eL Size\u003c/Checkbox\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Label\n\nYou can set a label for a `Checkbox` component using the `content` property or pass it as children.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n \u003cdiv\u003e\n  \u003cCheckbox content=\"Content\" size=\"l\" /\u003e\n  \u003cdiv\n      style={{\n          marginTop: 10,\n      }}\n  \u003e\n      \u003cCheckbox size=\"l\"\u003e\n          \u003cspan\u003eContent as children\u003c/span\u003e\n      \u003c/Checkbox\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n`}\n\u003e\n \u003cdiv\u003e\n  \u003cUIKit.Checkbox content=\"Content\" size=\"l\" /\u003e\n  \u003cdiv\n      style={{\n          marginTop: 10,\n      }}\n  \u003e\n      \u003cUIKit.Checkbox size=\"l\"\u003e\n          \u003cspan\u003eContent as children\u003c/span\u003e\n      \u003c/UIKit.Checkbox\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cdiv\u003e\n  \u003cCheckbox content=\"Content\" size=\"l\" /\u003e\n  \u003cdiv\n    style={{\n      marginTop: 10,\n    }}\n  \u003e\n    \u003cCheckbox size=\"l\"\u003e\n      \u003cspan\u003eContent as children\u003c/span\u003e\n    \u003c/Checkbox\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name           | Description                                                                                          |                     Type                      | Default |\n| :------------- | :--------------------------------------------------------------------------------------------------- | :-------------------------------------------: | :-----: |\n| children       | The content of the checkbox (usually a label).                                                       |                  `ReactNode`                  |         |\n| content        | The content of the checkbox (alternative to children).                                               |                  `ReactNode`                  |         |\n| disabled       | Toggles the `disabled` state of the checkbox.                                                        |                   `boolean`                   | `false` |\n| checked        | Toggles the checked state of the checkbox.                                                           |                   `boolean`                   | `false` |\n| defaultChecked | Sets the initial checked state when the component is mounted.                                        |                   `boolean`                   | `false` |\n| onUpdate       | Fires when the user changes the checkbox state. Provides the checked value as a callback's argument. |         `(checked: boolean) =\u003e void`          |         |\n| onChange       | Fires when the user changes the checkbox state. Provides the change event as a callback's argument.  |                  `Function`                   |         |\n| onFocus        | Event handler for when the checkbox input element receives focus.                                    |                  `Function`                   |         |\n| onBlur         | Event handler for when the checkbox input element loses focus.                                       |                  `Function`                   |         |\n| size           | Sets the size of the checkbox.                                                                       |                    `m` `l`                    |   `m`   |\n| id             | HTML `id` attribute                                                                                  |                   `string`                    |         |\n| qa             | HTML `data-qa` attribute, used in tests.                                                             |                   `string`                    |         |\n| style          | HTML `style` attribute                                                                               |             `React.CSSProperties`             |         |\n| className      | HTML `class` attribute                                                                               |                   `string`                    |         |\n| title          | HTML `title` attribute                                                                               |                   `string`                    |         |\n| name           | HTML `name` attribute for the input element.                                                         |                   `string`                    |         |\n| value          | HTML `value` attribute for the input element.                                                        |                   `string`                    |         |\n| indeterminate  | Toggles the indeterminate state of the checkbox.                                                     |                   `boolean`                   | `false` |\n| controlProps   | Additional props for the underlying input element.                                                   | `React.InputHTMLAttributes\u003cHTMLInputElement\u003e` |         |\n| controlRef     | Ref to the underlying input element.                                                                 |         `React.Ref\u003cHTMLInputElement\u003e`         |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"checkbox"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Checkbox</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Checkbox</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@zamkovskaya" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/zamkovskaya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/128601366?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">zamkovskaya</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Checkbox" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/card"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Card</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/dropdown-menu"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">DropdownMenu</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"checkbox","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Checkbox\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Checkbox} from '@gravity-ui/uikit';\n```\n\nThe `Checkbox` component allows the user to select or deselect a specific value.\n\n## States\n\nThe Checkbox can be in different states.\n\n- Checked - when the checkbox is selected.\n- Disabled - when the checkbox is unavailable for interaction.\n- Indeterminate - when the checkbox is in an intermediate state between being selected and unselected.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cCheckbox size=\"l\" checked={false}\u003eUnchecked\u003c/Checkbox\u003e\n\u003cCheckbox size=\"l\" checked\u003eChecked\u003c/Checkbox\u003e\n\u003cCheckbox size=\"l\" disabled\u003eDisabled\u003c/Checkbox\u003e\n\u003cCheckbox size=\"l\" indeterminate\u003eIndeterminate\u003c/Checkbox\u003e\n`}\n\u003e\n    \u003cUIKit.Checkbox size=\"l\" checked={false}\u003eUnchecked\u003c/UIKit.Checkbox\u003e\n    \u003cUIKit.Checkbox size=\"l\" checked\u003eChecked\u003c/UIKit.Checkbox\u003e\n    \u003cUIKit.Checkbox size=\"l\" disabled\u003eDisabled\u003c/UIKit.Checkbox\u003e\n    \u003cUIKit.Checkbox size=\"l\" indeterminate\u003eIndeterminate\u003c/UIKit.Checkbox\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cCheckbox size=\"l\" checked={false}\u003eUnchecked\u003c/Checkbox\u003e\n\u003cCheckbox size=\"l\" checked\u003eChecked\u003c/Checkbox\u003e\n\u003cCheckbox size=\"l\" disabled\u003eDisabled\u003c/Checkbox\u003e\n\u003cCheckbox size=\"l\" indeterminate\u003eIndeterminate\u003c/Checkbox\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\nTo control the size of the `Checkbox`, use the `size` property. The default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cCheckbox size=\"m\"\u003eM Size\u003c/Checkbox\u003e\n\u003cCheckbox size=\"l\"\u003eL Size\u003c/Checkbox\u003e\n`}\n\u003e\n    \u003cUIKit.Checkbox size=\"m\"\u003eM Size\u003c/UIKit.Checkbox\u003e\n    \u003cUIKit.Checkbox size=\"l\"\u003eL Size\u003c/UIKit.Checkbox\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cCheckbox size=\"m\"\u003eM Size\u003c/Checkbox\u003e\n\u003cCheckbox size=\"l\"\u003eL Size\u003c/Checkbox\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Label\n\nYou can set a label for a `Checkbox` component using the `content` property or pass it as children.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n \u003cdiv\u003e\n  \u003cCheckbox content=\"Content\" size=\"l\" /\u003e\n  \u003cdiv\n      style={{\n          marginTop: 10,\n      }}\n  \u003e\n      \u003cCheckbox size=\"l\"\u003e\n          \u003cspan\u003eContent as children\u003c/span\u003e\n      \u003c/Checkbox\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n`}\n\u003e\n \u003cdiv\u003e\n  \u003cUIKit.Checkbox content=\"Content\" size=\"l\" /\u003e\n  \u003cdiv\n      style={{\n          marginTop: 10,\n      }}\n  \u003e\n      \u003cUIKit.Checkbox size=\"l\"\u003e\n          \u003cspan\u003eContent as children\u003c/span\u003e\n      \u003c/UIKit.Checkbox\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cdiv\u003e\n  \u003cCheckbox content=\"Content\" size=\"l\" /\u003e\n  \u003cdiv\n    style={{\n      marginTop: 10,\n    }}\n  \u003e\n    \u003cCheckbox size=\"l\"\u003e\n      \u003cspan\u003eContent as children\u003c/span\u003e\n    \u003c/Checkbox\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name           | Description                                                                                          |                     Type                      | Default |\n| :------------- | :--------------------------------------------------------------------------------------------------- | :-------------------------------------------: | :-----: |\n| children       | The content of the checkbox (usually a label).                                                       |                  `ReactNode`                  |         |\n| content        | The content of the checkbox (alternative to children).                                               |                  `ReactNode`                  |         |\n| disabled       | Toggles the `disabled` state of the checkbox.                                                        |                   `boolean`                   | `false` |\n| checked        | Toggles the checked state of the checkbox.                                                           |                   `boolean`                   | `false` |\n| defaultChecked | Sets the initial checked state when the component is mounted.                                        |                   `boolean`                   | `false` |\n| onUpdate       | Fires when the user changes the checkbox state. Provides the checked value as a callback's argument. |         `(checked: boolean) =\u003e void`          |         |\n| onChange       | Fires when the user changes the checkbox state. Provides the change event as a callback's argument.  |                  `Function`                   |         |\n| onFocus        | Event handler for when the checkbox input element receives focus.                                    |                  `Function`                   |         |\n| onBlur         | Event handler for when the checkbox input element loses focus.                                       |                  `Function`                   |         |\n| size           | Sets the size of the checkbox.                                                                       |                    `m` `l`                    |   `m`   |\n| id             | HTML `id` attribute                                                                                  |                   `string`                    |         |\n| qa             | HTML `data-qa` attribute, used in tests.                                                             |                   `string`                    |         |\n| style          | HTML `style` attribute                                                                               |             `React.CSSProperties`             |         |\n| className      | HTML `class` attribute                                                                               |                   `string`                    |         |\n| title          | HTML `title` attribute                                                                               |                   `string`                    |         |\n| name           | HTML `name` attribute for the input element.                                                         |                   `string`                    |         |\n| value          | HTML `value` attribute for the input element.                                                        |                   `string`                    |         |\n| indeterminate  | Toggles the indeterminate state of the checkbox.                                                     |                   `boolean`                   | `false` |\n| controlProps   | Additional props for the underlying input element.                                                   | `React.InputHTMLAttributes\u003cHTMLInputElement\u003e` |         |\n| controlRef     | Ref to the underlying input element.                                                                 |         `React.Ref\u003cHTMLInputElement\u003e`         |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"checkbox"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/dropdown-menu.html b/components/uikit/dropdown-menu.html
index 7bdfb993915..af6ca03c207 100644
--- a/components/uikit/dropdown-menu.html
+++ b/components/uikit/dropdown-menu.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->DropdownMenu</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">DropdownMenu</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@axtk" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/axtk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/24575250?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">axtk</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/DropdownMenu" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/checkbox"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Checkbox</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/icon"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Icon</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"dropdown-menu","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# DropdownMenu\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {DropdownMenu} from '@gravity-ui/uikit';\n```\n\nThis is a dropdown menu component with item grouping, submenus, and a customizable toggle. The dropdown menu items are configured with the `items` prop. By default, the menu toggle is a button with the ellipsis icon (**⋯**), which can be overridden with the `renderSwitcher` prop.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cDropdownMenu\n    items={[\n        {\n            action: () =\u003e console.log('Rename'),\n            text: 'Rename',\n        },\n        {\n            action: () =\u003e console.log('Delete'),\n            text: 'Delete',\n            theme: 'danger',\n        },\n    ]}\n/\u003e\n`}\n\u003e\n    \u003cUIKit.DropdownMenu\n        items={[\n            {\n                action: () =\u003e console.log('Rename'),\n                text: 'Rename',\n            },\n            {\n                action: () =\u003e console.log('Delete'),\n                text: 'Delete',\n                theme: 'danger',\n            },\n        ]}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```jsx\n\u003cDropdownMenu\n  items={[\n    {\n      action: () =\u003e console.log('Rename'),\n      text: 'Rename',\n    },\n    {\n      action: () =\u003e console.log('Delete'),\n      text: 'Delete',\n      theme: 'danger',\n    },\n  ]}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Grouped items\n\n`DropdownMenu` items can be grouped and visually separated from other menu items by introducing arrays of menu items nested into the `items` array.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cDropdownMenu\n    items={[\n        [\n            {\n                action: () =\u003e console.log('Call'),\n                text: 'Call',\n            },\n            {\n                action: () =\u003e console.log('Send email'),\n                text: 'Send email',\n            },\n        ],\n        {\n            action: () =\u003e console.log('Rename'),\n            text: 'Rename',\n        },\n        {\n            action: () =\u003e console.log('Delete'),\n            text: 'Delete',\n            theme: 'danger',\n        },\n    ]}\n/\u003e\n`}\n\u003e\n    \u003cUIKit.DropdownMenu\n        items={[\n            [\n                {\n                    action: () =\u003e console.log('Call'),\n                    text: 'Call',\n                },\n                {\n                    action: () =\u003e console.log('Send email'),\n                    text: 'Send email',\n                },\n            ],\n            {\n                action: () =\u003e console.log('Rename'),\n                text: 'Rename',\n            },\n            {\n                action: () =\u003e console.log('Delete'),\n                text: 'Delete',\n                theme: 'danger',\n            },\n        ]}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```jsx\n\u003cDropdownMenu\n  items={[\n    [\n      {\n        action: () =\u003e console.log('Call'),\n        text: 'Call',\n      },\n      {\n        action: () =\u003e console.log('Send email'),\n        text: 'Send email',\n      },\n    ],\n    {\n      action: () =\u003e console.log('Rename'),\n      text: 'Rename',\n    },\n    {\n      action: () =\u003e console.log('Delete'),\n      text: 'Delete',\n      theme: 'danger',\n    },\n  ]}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Submenus\n\nThe `items` property on an individual menu item adds nested subitems to this menu item.\n\nMenu items with submenus obtain the following additional class names to allow for extra styling:\n\n- the class name `.g-dropdown-menu__menu-item_with-submenu` is added to items with more than 1 nested item;\n- the class name `.g-dropdown-menu__menu-item_active-parent` is added to an item whose submenu is currently open.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cDropdownMenu\n    items={[\n        {\n            action: () =\u003e console.log('Rename'),\n            text: 'Rename',\n        },\n        {\n            action: () =\u003e console.log('Delete'),\n            text: 'Delete',\n            theme: 'danger',\n        },\n        {\n            text: 'More',\n            items: [\n                {\n                    action: () =\u003e console.log('Mark as'),\n                    text: 'Mark as',\n                    items: [\n                        {\n                            action: () =\u003e console.log('Important'),\n                            text: 'Important',\n                        },\n                        {\n                            action: () =\u003e console.log('Favorite'),\n                            text: 'Favorite',\n                        },\n                    ],\n                },\n                {\n                    action: () =\u003e console.log('Copy'),\n                    text: 'Copy',\n                },\n                {\n                    text: 'Move to',\n                    items: [\n                        {\n                            action: () =\u003e console.log('Location #1'),\n                            text: 'Location #1',\n                        },\n                        {\n                            action: () =\u003e console.log('Location #2'),\n                            text: 'Location #2',\n                        },\n                    ],\n                },\n            ],\n        },\n    ]}\n/\u003e\n`}\n\u003e\n    \u003cUIKit.DropdownMenu\n        items={[\n            {\n                action: () =\u003e console.log('Rename'),\n                text: 'Rename',\n            },\n            {\n                action: () =\u003e console.log('Delete'),\n                text: 'Delete',\n                theme: 'danger',\n            },\n            {\n                text: 'More',\n                items: [\n                    {\n                        action: () =\u003e console.log('Mark as'),\n                        text: 'Mark as',\n                        items: [\n                            {\n                                action: () =\u003e console.log('Important'),\n                                text: 'Important',\n                            },\n                            {\n                                action: () =\u003e console.log('Favorite'),\n                                text: 'Favorite',\n                            },\n                        ],\n                    },\n                    {\n                        action: () =\u003e console.log('Copy'),\n                        text: 'Copy',\n                    },\n                    {\n                        text: 'Move to',\n                        items: [\n                            {\n                                action: () =\u003e console.log('Location #1'),\n                                text: 'Location #1',\n                            },\n                            {\n                                action: () =\u003e console.log('Location #2'),\n                                text: 'Location #2',\n                            },\n                        ],\n                    },\n                ],\n            },\n        ]}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```jsx\n\u003cDropdownMenu\n  items={[\n    {\n      action: () =\u003e console.log('Rename'),\n      text: 'Rename',\n    },\n    {\n      action: () =\u003e console.log('Delete'),\n      text: 'Delete',\n      theme: 'danger',\n    },\n    {\n      text: 'More',\n      items: [\n        {\n          action: () =\u003e console.log('Mark as'),\n          text: 'Mark as',\n          items: [\n            {\n              action: () =\u003e console.log('Important'),\n              text: 'Important',\n            },\n            {\n              action: () =\u003e console.log('Favorite'),\n              text: 'Favorite',\n            },\n          ],\n        },\n        {\n          action: () =\u003e console.log('Copy'),\n          text: 'Copy',\n        },\n        {\n          text: 'Move to',\n          items: [\n            {\n              action: () =\u003e console.log('Location #1'),\n              text: 'Location #1',\n            },\n            {\n              action: () =\u003e console.log('Location #2'),\n              text: 'Location #2',\n            },\n          ],\n        },\n      ],\n    },\n  ]}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Custom menu toggle\n\nThe menu toggle is configured with the `renderSwitcher` prop. It can be any function that returns a React component (or any `(props: SwitcherProps) =\u003e React.ReactNode` in the TypeScript terms, see [`SwitcherProps`](#switcherprops) below). By default, the menu toggle is a button with the ellipsis icon (**⋯**).\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cDropdownMenu\n    renderSwitcher={(props) =\u003e (\n        \u003cdiv {...props} style={{cursor: 'pointer', borderBottom: '1px dotted'}}\u003eJohn Doe\u003c/div\u003e\n    )}\n    items={[\n        {\n            action: () =\u003e console.log('Rename'),\n            text: 'Rename',\n        },\n        {\n            action: () =\u003e console.log('Delete'),\n            text: 'Delete',\n            theme: 'danger',\n        },\n    ]}\n/\u003e\n`}\n\u003e\n    \u003cUIKit.DropdownMenu\n        renderSwitcher={(props) =\u003e (\n            \u003cdiv {...props} style={{cursor: 'pointer', borderBottom: '1px dotted'}}\u003eJohn Doe\u003c/div\u003e\n        )}\n        items={[\n            {\n                action: () =\u003e console.log('Rename'),\n                text: 'Rename',\n            },\n            {\n                action: () =\u003e console.log('Delete'),\n                text: 'Delete',\n                theme: 'danger',\n            },\n        ]}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```jsx\n\u003cDropdownMenu\n  renderSwitcher={(props) =\u003e (\n    \u003cdiv {...props} style={{cursor: 'pointer', borderBottom: '1px dotted'}}\u003e\n      John Doe\n    \u003c/div\u003e\n  )}\n  items={[\n    {\n      action: () =\u003e console.log('Rename'),\n      text: 'Rename',\n    },\n    {\n      action: () =\u003e console.log('Delete'),\n      text: 'Delete',\n      theme: 'danger',\n    },\n  ]}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\nThe example above is oversimplified to demonstrate the idea of the customizable menu toggle. In a real-life application, it is generally recommended that the clickable menu toggle should be a component accessible with a keyboard and other assistive technologies (such as a button).\n\n## Custom icons\n\nCustom icons can be added to a `DropdownMenu` item by assigning the `iconStart` or `iconEnd` property. By default, `DropdownMenu` items go without icons.\n\nThe menu toggle icon can be changed with the `DropdownMenu`'s `renderSwitcher` prop. By default, the menu toggle is a button with the ellipsis icon (**⋯**).\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cDropdownMenu\n    renderSwitcher={(props) =\u003e (\n        \u003cButton {...props} view=\"flat\"\u003e\n            \u003cIcon size={16} data={Bars} /\u003e\n        \u003c/Button\u003e\n    )}\n    items={[\n        {\n            iconStart: \u003cIcon size={16} data={Pencil} /\u003e,\n            action: () =\u003e console.log('Rename'),\n            text: 'Rename',\n        },\n        {\n            iconStart: \u003cIcon size={16} data={TrashBin} /\u003e,\n            action: () =\u003e console.log('Delete'),\n            text: 'Delete',\n            theme: 'danger',\n        },\n    ]}\n/\u003e\n`}\n\u003e\n    \u003cUIKit.DropdownMenu\n        renderSwitcher={(props) =\u003e (\n            \u003cUIKit.Button {...props} view=\"flat\"\u003e\n                \u003cUIKit.Icon\n                    data={() =\u003e (\n                        \u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M1.25 3.25A.75.75 0 0 1 2 2.5h12A.75.75 0 0 1 14 4H2a.75.75 0 0 1-.75-.75Zm0 4.75A.75.75 0 0 1 2 7.25h12a.75.75 0 0 1 0 1.5H2A.75.75 0 0 1 1.25 8ZM2 12a.75.75 0 0 0 0 1.5h12a.75.75 0 0 0 0-1.5H2Z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n                    )}\n                    size={16}\n                /\u003e\n            \u003c/UIKit.Button\u003e\n        )}\n        items={[\n            {\n                iconStart: (\n                    \u003cUIKit.Icon\n                        data={() =\u003e (\n                            \u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11.423 1A3.577 3.577 0 0 1 15 4.577c0 .27-.108.53-.3.722l-.528.529-1.971 1.971-5.059 5.059a3 3 0 0 1-1.533.82l-2.638.528a1 1 0 0 1-1.177-1.177l.528-2.638a3 3 0 0 1 .82-1.533l5.059-5.059 2.5-2.5c.191-.191.451-.299.722-.299Zm-2.31 4.009-4.91 4.91a1.5 1.5 0 0 0-.41.766l-.38 1.903 1.902-.38a1.5 1.5 0 0 0 .767-.41l4.91-4.91a2.077 2.077 0 0 0-1.88-1.88Zm3.098.658a3.59 3.59 0 0 0-1.878-1.879l1.28-1.28c.995.09 1.788.884 1.878 1.88l-1.28 1.28Z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n                        )}\n                        size={16}\n                    /\u003e\n                ),\n                action: () =\u003e console.log('Rename'),\n                text: 'Rename',\n            },\n            {\n                iconStart: (\n                    \u003cUIKit.Icon\n                        data={() =\u003e (\n                            \u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9 2H7a.5.5 0 0 0-.5.5V3h3v-.5A.5.5 0 0 0 9 2Zm2 1v-.5a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2V3H2.251a.75.75 0 0 0 0 1.5h.312l.317 7.625A3 3 0 0 0 5.878 15h4.245a3 3 0 0 0 2.997-2.875l.318-7.625h.312a.75.75 0 0 0 0-1.5H11Zm.936 1.5H4.064l.315 7.562A1.5 1.5 0 0 0 5.878 13.5h4.245a1.5 1.5 0 0 0 1.498-1.438l.315-7.562Zm-6.186 2v5a.75.75 0 0 0 1.5 0v-5a.75.75 0 0 0-1.5 0Zm3.75-.75a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0v-5a.75.75 0 0 1 .75-.75Z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n                        )}\n                        size={16}\n                    /\u003e\n                ),\n                action: () =\u003e console.log('Delete'),\n                text: 'Delete',\n                theme: 'danger',\n            },\n        ]}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```jsx\n\u003cDropdownMenu\n  renderSwitcher={(props) =\u003e (\n    \u003cButton {...props} view=\"flat\"\u003e\n      \u003cIcon size={16} data={Bars} /\u003e\n    \u003c/Button\u003e\n  )}\n  items={[\n    {\n      iconStart: \u003cIcon size={16} data={Pencil} /\u003e,\n      action: () =\u003e console.log('Rename'),\n      text: 'Rename',\n    },\n    {\n      iconStart: \u003cIcon size={16} data={TrashBin} /\u003e,\n      action: () =\u003e console.log('Delete'),\n      text: 'Delete',\n      theme: 'danger',\n    },\n  ]}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name                       | Description                                                                                    |                        Type                        |    Default    |\n| :------------------------- | :--------------------------------------------------------------------------------------------- | :------------------------------------------------: | :-----------: |\n| `items`                    | Array of items. Nested arrays of items represent visually separated groups.                    | `(DropdownMenuItem \\| DropdownMenuItem[])[] \\| []` |               |\n| `data`                     | A payload passed to the actions called from the menu. (Can be useful for context menus.)       |                       `any`                        |               |\n| `icon`                     | Icon of the default `switcher`.                                                                |                 `React.ReactNode`                  | Ellipsis icon |\n| `size`                     | Applied both to the default `switcher` and the menu.                                           |            `'s' \\| 'm' \\| 'l' \\| 'xl'`             |     `'m'`     |\n| `disabled`                 | Setting this prop to `true` disables the `switcher` button and prevents the menu from opening. |                     `boolean`                      |               |\n| `renderSwitcher`           | Render function for the menu toggle control.                                                   |                 `React.ReactNode`                  |               |\n| `switcherWrapperClassName` | Value for the `className` prop of the `switcher`'s parent component.                           |                      `string`                      |               |\n| `defaultSwitcherProps`     | Default `switcher` props.                                                                      |                   `ButtonProps`                    |               |\n| `defaultSwitcherClassName` | Value for the `className` prop of the default `switcher`.                                      |                      `string`                      |               |\n| `menuProps`                | Overrides the default dropdown menu popup props.                                               |                    `MenuProps`                     |               |\n| `popupProps`               | Overrides the default popup props.                                                             |                    `PopupProps`                    |               |\n| `open`                     | Controls dropdown menu visibility.                                                             |                     `boolean`                      |               |\n| `onOpenToggle`             | Called when the menu is opened or closed.                                                      |                    `() =\u003e void`                    |               |\n| `onSwitcherClick`          | Called when `switcher` is clicked.                                                             |       `React.MouseEventHandler\u003cHTMLElement\u003e`       |               |\n| `hideOnScroll`             | Specifies whether to hide the menu when a parent element is scrolled.                          |                     `boolean`                      |    `true`     |\n| `children`                 | Custom content inside the menu popup.                                                          |                 `React.ReactNode`                  |               |\n\n### DropdownMenuItem\n\nThis type describes individual dropdown menu items.\n\n| Name         | Description                                                                                                                     |                      Type                      | Default |\n| :----------- | :------------------------------------------------------------------------------------------------------------------------------ | :--------------------------------------------: | :-----: |\n| `text`       | Menu item content.                                                                                                              |               `React.ReactNode`                |         |\n| `action`     | Menu item click handler. Recieves the parameters from the parent dropdown menu component (both `event` and `data`).             | `(event: React.MouseEvent, data: any) =\u003e void` |         |\n| `iconStart`  | Menu item icon before the item content.                                                                                         |               `React.ReactNode`                |         |\n| `iconEnd`    | Menu item icon after the item content. Ignored if the item has a submenu.                                                       |               `React.ReactNode`                |         |\n| `hidden`     | Determines whether the item is hidden.                                                                                          |                   `boolean`                    |         |\n| `disabled`   | Determines whether the item is disabled.                                                                                        |                   `boolean`                    |         |\n| `href`       | Menu item with this prop becomes a link to the specified location.                                                              |                    `string`                    |         |\n| `target`     | Same as the `target` attribute of the `\u003ca\u003e` tag.                                                                                |                    `string`                    |         |\n| `rel`        | Same as the `rel` attribute of the `\u003ca\u003e` tag.                                                                                   |                    `string`                    |         |\n| `extraProps` | Additional menu item props.                                                                                                     |                    `object`                    |         |\n| `title`      | Tooltip text.                                                                                                                   |                    `string`                    |         |\n| `className`  | HTML `class` attribute value.                                                                                                   |                    `string`                    |         |\n| `items`      | Submenu items.                                                                                                                  |  `(DropdownMenuItem \\| DropdownMenuItem[])[]`  |         |\n| `popupProps` | Submenu popup props.                                                                                                            |                    `string`                    |         |\n| `path`       | Path of indexes from the root to the current item.                                                                              |                   `number[]`                   |         |\n| `closeMenu`  | Custom `closeMenu` callback. It can be called instead of closing the main menu and used to close submenus before the main menu. |                  `() =\u003e void`                  |         |\n\n### SwitcherProps\n\n| Name        | Description                                                    |     Type     |\n| :---------- | :------------------------------------------------------------- | :----------: |\n| `onClick`   | Called when the switcher is clicked.                           | `() =\u003e void` |\n| `onKeyDown` | Called when the switcher is focused and action key is pressed. | `() =\u003e void` |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"dropdown-menu"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->DropdownMenu</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">DropdownMenu</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@axtk" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/axtk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/24575250?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">axtk</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/DropdownMenu" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/checkbox"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Checkbox</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/icon"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Icon</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"dropdown-menu","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# DropdownMenu\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {DropdownMenu} from '@gravity-ui/uikit';\n```\n\nThis is a dropdown menu component with item grouping, submenus, and a customizable toggle. The dropdown menu items are configured with the `items` prop. By default, the menu toggle is a button with the ellipsis icon (**⋯**), which can be overridden with the `renderSwitcher` prop.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cDropdownMenu\n    items={[\n        {\n            action: () =\u003e console.log('Rename'),\n            text: 'Rename',\n        },\n        {\n            action: () =\u003e console.log('Delete'),\n            text: 'Delete',\n            theme: 'danger',\n        },\n    ]}\n/\u003e\n`}\n\u003e\n    \u003cUIKit.DropdownMenu\n        items={[\n            {\n                action: () =\u003e console.log('Rename'),\n                text: 'Rename',\n            },\n            {\n                action: () =\u003e console.log('Delete'),\n                text: 'Delete',\n                theme: 'danger',\n            },\n        ]}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```jsx\n\u003cDropdownMenu\n  items={[\n    {\n      action: () =\u003e console.log('Rename'),\n      text: 'Rename',\n    },\n    {\n      action: () =\u003e console.log('Delete'),\n      text: 'Delete',\n      theme: 'danger',\n    },\n  ]}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Grouped items\n\n`DropdownMenu` items can be grouped and visually separated from other menu items by introducing arrays of menu items nested into the `items` array.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cDropdownMenu\n    items={[\n        [\n            {\n                action: () =\u003e console.log('Call'),\n                text: 'Call',\n            },\n            {\n                action: () =\u003e console.log('Send email'),\n                text: 'Send email',\n            },\n        ],\n        {\n            action: () =\u003e console.log('Rename'),\n            text: 'Rename',\n        },\n        {\n            action: () =\u003e console.log('Delete'),\n            text: 'Delete',\n            theme: 'danger',\n        },\n    ]}\n/\u003e\n`}\n\u003e\n    \u003cUIKit.DropdownMenu\n        items={[\n            [\n                {\n                    action: () =\u003e console.log('Call'),\n                    text: 'Call',\n                },\n                {\n                    action: () =\u003e console.log('Send email'),\n                    text: 'Send email',\n                },\n            ],\n            {\n                action: () =\u003e console.log('Rename'),\n                text: 'Rename',\n            },\n            {\n                action: () =\u003e console.log('Delete'),\n                text: 'Delete',\n                theme: 'danger',\n            },\n        ]}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```jsx\n\u003cDropdownMenu\n  items={[\n    [\n      {\n        action: () =\u003e console.log('Call'),\n        text: 'Call',\n      },\n      {\n        action: () =\u003e console.log('Send email'),\n        text: 'Send email',\n      },\n    ],\n    {\n      action: () =\u003e console.log('Rename'),\n      text: 'Rename',\n    },\n    {\n      action: () =\u003e console.log('Delete'),\n      text: 'Delete',\n      theme: 'danger',\n    },\n  ]}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Submenus\n\nThe `items` property on an individual menu item adds nested subitems to this menu item.\n\nMenu items with submenus obtain the following additional class names to allow for extra styling:\n\n- the class name `.g-dropdown-menu__menu-item_with-submenu` is added to items with more than 1 nested item;\n- the class name `.g-dropdown-menu__menu-item_active-parent` is added to an item whose submenu is currently open.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cDropdownMenu\n    items={[\n        {\n            action: () =\u003e console.log('Rename'),\n            text: 'Rename',\n        },\n        {\n            action: () =\u003e console.log('Delete'),\n            text: 'Delete',\n            theme: 'danger',\n        },\n        {\n            text: 'More',\n            items: [\n                {\n                    action: () =\u003e console.log('Mark as'),\n                    text: 'Mark as',\n                    items: [\n                        {\n                            action: () =\u003e console.log('Important'),\n                            text: 'Important',\n                        },\n                        {\n                            action: () =\u003e console.log('Favorite'),\n                            text: 'Favorite',\n                        },\n                    ],\n                },\n                {\n                    action: () =\u003e console.log('Copy'),\n                    text: 'Copy',\n                },\n                {\n                    text: 'Move to',\n                    items: [\n                        {\n                            action: () =\u003e console.log('Location #1'),\n                            text: 'Location #1',\n                        },\n                        {\n                            action: () =\u003e console.log('Location #2'),\n                            text: 'Location #2',\n                        },\n                    ],\n                },\n            ],\n        },\n    ]}\n/\u003e\n`}\n\u003e\n    \u003cUIKit.DropdownMenu\n        items={[\n            {\n                action: () =\u003e console.log('Rename'),\n                text: 'Rename',\n            },\n            {\n                action: () =\u003e console.log('Delete'),\n                text: 'Delete',\n                theme: 'danger',\n            },\n            {\n                text: 'More',\n                items: [\n                    {\n                        action: () =\u003e console.log('Mark as'),\n                        text: 'Mark as',\n                        items: [\n                            {\n                                action: () =\u003e console.log('Important'),\n                                text: 'Important',\n                            },\n                            {\n                                action: () =\u003e console.log('Favorite'),\n                                text: 'Favorite',\n                            },\n                        ],\n                    },\n                    {\n                        action: () =\u003e console.log('Copy'),\n                        text: 'Copy',\n                    },\n                    {\n                        text: 'Move to',\n                        items: [\n                            {\n                                action: () =\u003e console.log('Location #1'),\n                                text: 'Location #1',\n                            },\n                            {\n                                action: () =\u003e console.log('Location #2'),\n                                text: 'Location #2',\n                            },\n                        ],\n                    },\n                ],\n            },\n        ]}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```jsx\n\u003cDropdownMenu\n  items={[\n    {\n      action: () =\u003e console.log('Rename'),\n      text: 'Rename',\n    },\n    {\n      action: () =\u003e console.log('Delete'),\n      text: 'Delete',\n      theme: 'danger',\n    },\n    {\n      text: 'More',\n      items: [\n        {\n          action: () =\u003e console.log('Mark as'),\n          text: 'Mark as',\n          items: [\n            {\n              action: () =\u003e console.log('Important'),\n              text: 'Important',\n            },\n            {\n              action: () =\u003e console.log('Favorite'),\n              text: 'Favorite',\n            },\n          ],\n        },\n        {\n          action: () =\u003e console.log('Copy'),\n          text: 'Copy',\n        },\n        {\n          text: 'Move to',\n          items: [\n            {\n              action: () =\u003e console.log('Location #1'),\n              text: 'Location #1',\n            },\n            {\n              action: () =\u003e console.log('Location #2'),\n              text: 'Location #2',\n            },\n          ],\n        },\n      ],\n    },\n  ]}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Custom menu toggle\n\nThe menu toggle is configured with the `renderSwitcher` prop. It can be any function that returns a React component (or any `(props: SwitcherProps) =\u003e React.ReactNode` in the TypeScript terms, see [`SwitcherProps`](#switcherprops) below). By default, the menu toggle is a button with the ellipsis icon (**⋯**).\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cDropdownMenu\n    renderSwitcher={(props) =\u003e (\n        \u003cdiv {...props} style={{cursor: 'pointer', borderBottom: '1px dotted'}}\u003eJohn Doe\u003c/div\u003e\n    )}\n    items={[\n        {\n            action: () =\u003e console.log('Rename'),\n            text: 'Rename',\n        },\n        {\n            action: () =\u003e console.log('Delete'),\n            text: 'Delete',\n            theme: 'danger',\n        },\n    ]}\n/\u003e\n`}\n\u003e\n    \u003cUIKit.DropdownMenu\n        renderSwitcher={(props) =\u003e (\n            \u003cdiv {...props} style={{cursor: 'pointer', borderBottom: '1px dotted'}}\u003eJohn Doe\u003c/div\u003e\n        )}\n        items={[\n            {\n                action: () =\u003e console.log('Rename'),\n                text: 'Rename',\n            },\n            {\n                action: () =\u003e console.log('Delete'),\n                text: 'Delete',\n                theme: 'danger',\n            },\n        ]}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```jsx\n\u003cDropdownMenu\n  renderSwitcher={(props) =\u003e (\n    \u003cdiv {...props} style={{cursor: 'pointer', borderBottom: '1px dotted'}}\u003e\n      John Doe\n    \u003c/div\u003e\n  )}\n  items={[\n    {\n      action: () =\u003e console.log('Rename'),\n      text: 'Rename',\n    },\n    {\n      action: () =\u003e console.log('Delete'),\n      text: 'Delete',\n      theme: 'danger',\n    },\n  ]}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\nThe example above is oversimplified to demonstrate the idea of the customizable menu toggle. In a real-life application, it is generally recommended that the clickable menu toggle should be a component accessible with a keyboard and other assistive technologies (such as a button).\n\n## Custom icons\n\nCustom icons can be added to a `DropdownMenu` item by assigning the `iconStart` or `iconEnd` property. By default, `DropdownMenu` items go without icons.\n\nThe menu toggle icon can be changed with the `DropdownMenu`'s `renderSwitcher` prop. By default, the menu toggle is a button with the ellipsis icon (**⋯**).\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cDropdownMenu\n    renderSwitcher={(props) =\u003e (\n        \u003cButton {...props} view=\"flat\"\u003e\n            \u003cIcon size={16} data={Bars} /\u003e\n        \u003c/Button\u003e\n    )}\n    items={[\n        {\n            iconStart: \u003cIcon size={16} data={Pencil} /\u003e,\n            action: () =\u003e console.log('Rename'),\n            text: 'Rename',\n        },\n        {\n            iconStart: \u003cIcon size={16} data={TrashBin} /\u003e,\n            action: () =\u003e console.log('Delete'),\n            text: 'Delete',\n            theme: 'danger',\n        },\n    ]}\n/\u003e\n`}\n\u003e\n    \u003cUIKit.DropdownMenu\n        renderSwitcher={(props) =\u003e (\n            \u003cUIKit.Button {...props} view=\"flat\"\u003e\n                \u003cUIKit.Icon\n                    data={() =\u003e (\n                        \u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M1.25 3.25A.75.75 0 0 1 2 2.5h12A.75.75 0 0 1 14 4H2a.75.75 0 0 1-.75-.75Zm0 4.75A.75.75 0 0 1 2 7.25h12a.75.75 0 0 1 0 1.5H2A.75.75 0 0 1 1.25 8ZM2 12a.75.75 0 0 0 0 1.5h12a.75.75 0 0 0 0-1.5H2Z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n                    )}\n                    size={16}\n                /\u003e\n            \u003c/UIKit.Button\u003e\n        )}\n        items={[\n            {\n                iconStart: (\n                    \u003cUIKit.Icon\n                        data={() =\u003e (\n                            \u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11.423 1A3.577 3.577 0 0 1 15 4.577c0 .27-.108.53-.3.722l-.528.529-1.971 1.971-5.059 5.059a3 3 0 0 1-1.533.82l-2.638.528a1 1 0 0 1-1.177-1.177l.528-2.638a3 3 0 0 1 .82-1.533l5.059-5.059 2.5-2.5c.191-.191.451-.299.722-.299Zm-2.31 4.009-4.91 4.91a1.5 1.5 0 0 0-.41.766l-.38 1.903 1.902-.38a1.5 1.5 0 0 0 .767-.41l4.91-4.91a2.077 2.077 0 0 0-1.88-1.88Zm3.098.658a3.59 3.59 0 0 0-1.878-1.879l1.28-1.28c.995.09 1.788.884 1.878 1.88l-1.28 1.28Z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n                        )}\n                        size={16}\n                    /\u003e\n                ),\n                action: () =\u003e console.log('Rename'),\n                text: 'Rename',\n            },\n            {\n                iconStart: (\n                    \u003cUIKit.Icon\n                        data={() =\u003e (\n                            \u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9 2H7a.5.5 0 0 0-.5.5V3h3v-.5A.5.5 0 0 0 9 2Zm2 1v-.5a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2V3H2.251a.75.75 0 0 0 0 1.5h.312l.317 7.625A3 3 0 0 0 5.878 15h4.245a3 3 0 0 0 2.997-2.875l.318-7.625h.312a.75.75 0 0 0 0-1.5H11Zm.936 1.5H4.064l.315 7.562A1.5 1.5 0 0 0 5.878 13.5h4.245a1.5 1.5 0 0 0 1.498-1.438l.315-7.562Zm-6.186 2v5a.75.75 0 0 0 1.5 0v-5a.75.75 0 0 0-1.5 0Zm3.75-.75a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0v-5a.75.75 0 0 1 .75-.75Z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n                        )}\n                        size={16}\n                    /\u003e\n                ),\n                action: () =\u003e console.log('Delete'),\n                text: 'Delete',\n                theme: 'danger',\n            },\n        ]}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```jsx\n\u003cDropdownMenu\n  renderSwitcher={(props) =\u003e (\n    \u003cButton {...props} view=\"flat\"\u003e\n      \u003cIcon size={16} data={Bars} /\u003e\n    \u003c/Button\u003e\n  )}\n  items={[\n    {\n      iconStart: \u003cIcon size={16} data={Pencil} /\u003e,\n      action: () =\u003e console.log('Rename'),\n      text: 'Rename',\n    },\n    {\n      iconStart: \u003cIcon size={16} data={TrashBin} /\u003e,\n      action: () =\u003e console.log('Delete'),\n      text: 'Delete',\n      theme: 'danger',\n    },\n  ]}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name                       | Description                                                                                    |                        Type                        |    Default    |\n| :------------------------- | :--------------------------------------------------------------------------------------------- | :------------------------------------------------: | :-----------: |\n| `items`                    | Array of items. Nested arrays of items represent visually separated groups.                    | `(DropdownMenuItem \\| DropdownMenuItem[])[] \\| []` |               |\n| `data`                     | A payload passed to the actions called from the menu. (Can be useful for context menus.)       |                       `any`                        |               |\n| `icon`                     | Icon of the default `switcher`.                                                                |                 `React.ReactNode`                  | Ellipsis icon |\n| `size`                     | Applied both to the default `switcher` and the menu.                                           |            `'s' \\| 'm' \\| 'l' \\| 'xl'`             |     `'m'`     |\n| `disabled`                 | Setting this prop to `true` disables the `switcher` button and prevents the menu from opening. |                     `boolean`                      |               |\n| `renderSwitcher`           | Render function for the menu toggle control.                                                   |                 `React.ReactNode`                  |               |\n| `switcherWrapperClassName` | Value for the `className` prop of the `switcher`'s parent component.                           |                      `string`                      |               |\n| `defaultSwitcherProps`     | Default `switcher` props.                                                                      |                   `ButtonProps`                    |               |\n| `defaultSwitcherClassName` | Value for the `className` prop of the default `switcher`.                                      |                      `string`                      |               |\n| `menuProps`                | Overrides the default dropdown menu popup props.                                               |                    `MenuProps`                     |               |\n| `popupProps`               | Overrides the default popup props.                                                             |                    `PopupProps`                    |               |\n| `open`                     | Controls dropdown menu visibility.                                                             |                     `boolean`                      |               |\n| `onOpenToggle`             | Called when the menu is opened or closed.                                                      |                    `() =\u003e void`                    |               |\n| `onSwitcherClick`          | Called when `switcher` is clicked.                                                             |       `React.MouseEventHandler\u003cHTMLElement\u003e`       |               |\n| `hideOnScroll`             | Specifies whether to hide the menu when a parent element is scrolled.                          |                     `boolean`                      |    `true`     |\n| `children`                 | Custom content inside the menu popup.                                                          |                 `React.ReactNode`                  |               |\n\n### DropdownMenuItem\n\nThis type describes individual dropdown menu items.\n\n| Name         | Description                                                                                                                     |                      Type                      | Default |\n| :----------- | :------------------------------------------------------------------------------------------------------------------------------ | :--------------------------------------------: | :-----: |\n| `text`       | Menu item content.                                                                                                              |               `React.ReactNode`                |         |\n| `action`     | Menu item click handler. Recieves the parameters from the parent dropdown menu component (both `event` and `data`).             | `(event: React.MouseEvent, data: any) =\u003e void` |         |\n| `iconStart`  | Menu item icon before the item content.                                                                                         |               `React.ReactNode`                |         |\n| `iconEnd`    | Menu item icon after the item content. Ignored if the item has a submenu.                                                       |               `React.ReactNode`                |         |\n| `hidden`     | Determines whether the item is hidden.                                                                                          |                   `boolean`                    |         |\n| `disabled`   | Determines whether the item is disabled.                                                                                        |                   `boolean`                    |         |\n| `href`       | Menu item with this prop becomes a link to the specified location.                                                              |                    `string`                    |         |\n| `target`     | Same as the `target` attribute of the `\u003ca\u003e` tag.                                                                                |                    `string`                    |         |\n| `rel`        | Same as the `rel` attribute of the `\u003ca\u003e` tag.                                                                                   |                    `string`                    |         |\n| `extraProps` | Additional menu item props.                                                                                                     |                    `object`                    |         |\n| `title`      | Tooltip text.                                                                                                                   |                    `string`                    |         |\n| `className`  | HTML `class` attribute value.                                                                                                   |                    `string`                    |         |\n| `items`      | Submenu items.                                                                                                                  |  `(DropdownMenuItem \\| DropdownMenuItem[])[]`  |         |\n| `popupProps` | Submenu popup props.                                                                                                            |                    `string`                    |         |\n| `path`       | Path of indexes from the root to the current item.                                                                              |                   `number[]`                   |         |\n| `closeMenu`  | Custom `closeMenu` callback. It can be called instead of closing the main menu and used to close submenus before the main menu. |                  `() =\u003e void`                  |         |\n\n### SwitcherProps\n\n| Name        | Description                                                    |     Type     |\n| :---------- | :------------------------------------------------------------- | :----------: |\n| `onClick`   | Called when the switcher is clicked.                           | `() =\u003e void` |\n| `onKeyDown` | Called when the switcher is focused and action key is pressed. | `() =\u003e void` |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"dropdown-menu"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/icon.html b/components/uikit/icon.html
index 7ac76b9e9d1..8298b7e0b94 100644
--- a/components/uikit/icon.html
+++ b/components/uikit/icon.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Icon</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Icon</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">amje</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Icon" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/dropdown-menu"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">DropdownMenu</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/label"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Label</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"icon","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Icon\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Icon} from '@gravity-ui/uikit';\n```\n\nThe `Icon` component is a wrapper for SVG icon. SVGs can be loaded in different ways,\nsuch as though a React component or various Webpack\nloaders: [`SVGR`](https://react-svgr.com/docs/webpack/), [`svg-react-loader`](https://github.com/jhamlet/svg-react-loader), [`svg-inline-loader`](https://github.com/webpack-contrib/svg-inline-loader), or [`svg-sprite-loader`](https://github.com/JetBrains/svg-sprite-loader).\nThe `Icon` component serves as a proxy to use through the codebase.\n\n### React component\n\n```tsx\n// CheckIcon.jsx\nexport function CheckIcon() {\n  return (\n    \u003csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"\u003e\n      \u003cpath d=\"M13.488 3.43a.75.75 0 0 1 .081 1.058l-6 7a.75.75 0 0 1-1.1.042l-3.5-3.5A.75.75 0 0 1 4.03 6.97l2.928 2.927 5.473-6.385a.75.75 0 0 1 1.057-.081Z\" /\u003e\n    \u003c/svg\u003e\n  );\n}\n\n// ---\nimport {CheckIcon} from './CheckIcon';\n\n\u003cIcon data={CheckIcon} size={16} /\u003e;\n```\n\n### Webpack loader\n\n```tsx\n// webpack.config.js\n{\n    test: /\\.svg$/,\n    use: ['\u003cloader-name\u003e'],\n}\n\n// check.svg\n\u003csvg xmlns=\"http://www.w3.org/2000/svg\" viewbox=\"0 0 16 16\"\u003e\n    \u003cpath d=\"M13.488 3.43a.75.75 0 0 1 .081 1.058l-6 7a.75.75 0 0 1-1.1.042l-3.5-3.5A.75.75 0 0 1 4.03 6.97l2.928 2.927 5.473-6.385a.75.75 0 0 1 1.057-.081Z\" /\u003e\n\u003c/svg\u003e\n\n// ---\nimport CheckIcon from './check.svg';\n\n\u003cIcon data={CheckIcon} size={16} /\u003e;\n```\n\n## Properties\n\n| Name      | Description                             |       Type        |     Default      |\n| :-------- | :-------------------------------------- | :---------------: | :--------------: |\n| data      | Source of SVG icon                      |    `IconData`     |                  |\n| width     | `width` SVG attribute                   | `number` `string` |                  |\n| height    | `height` SVG attribute                  | `number` `string` |                  |\n| size      | Both `width` and `height` SVG attribute | `number` `string` |                  |\n| fill      | `fill` SVG attribute                    |     `string`      | `\"currentColor\"` |\n| stroke    | `stroke` SVG attribute                  |     `string`      |     `\"none\"`     |\n| className | Custom CSS class for the root element   |     `string`      |                  |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"icon"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Icon</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Icon</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">amje</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Icon" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/dropdown-menu"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">DropdownMenu</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/label"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Label</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"icon","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Icon\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Icon} from '@gravity-ui/uikit';\n```\n\nThe `Icon` component is a wrapper for SVG icon. SVGs can be loaded in different ways,\nsuch as though a React component or various Webpack\nloaders: [`SVGR`](https://react-svgr.com/docs/webpack/), [`svg-react-loader`](https://github.com/jhamlet/svg-react-loader), [`svg-inline-loader`](https://github.com/webpack-contrib/svg-inline-loader), or [`svg-sprite-loader`](https://github.com/JetBrains/svg-sprite-loader).\nThe `Icon` component serves as a proxy to use through the codebase.\n\n### React component\n\n```tsx\n// CheckIcon.jsx\nexport function CheckIcon() {\n  return (\n    \u003csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"\u003e\n      \u003cpath d=\"M13.488 3.43a.75.75 0 0 1 .081 1.058l-6 7a.75.75 0 0 1-1.1.042l-3.5-3.5A.75.75 0 0 1 4.03 6.97l2.928 2.927 5.473-6.385a.75.75 0 0 1 1.057-.081Z\" /\u003e\n    \u003c/svg\u003e\n  );\n}\n\n// ---\nimport {CheckIcon} from './CheckIcon';\n\n\u003cIcon data={CheckIcon} size={16} /\u003e;\n```\n\n### Webpack loader\n\n```tsx\n// webpack.config.js\n{\n    test: /\\.svg$/,\n    use: ['\u003cloader-name\u003e'],\n}\n\n// check.svg\n\u003csvg xmlns=\"http://www.w3.org/2000/svg\" viewbox=\"0 0 16 16\"\u003e\n    \u003cpath d=\"M13.488 3.43a.75.75 0 0 1 .081 1.058l-6 7a.75.75 0 0 1-1.1.042l-3.5-3.5A.75.75 0 0 1 4.03 6.97l2.928 2.927 5.473-6.385a.75.75 0 0 1 1.057-.081Z\" /\u003e\n\u003c/svg\u003e\n\n// ---\nimport CheckIcon from './check.svg';\n\n\u003cIcon data={CheckIcon} size={16} /\u003e;\n```\n\n## Properties\n\n| Name      | Description                             |       Type        |     Default      |\n| :-------- | :-------------------------------------- | :---------------: | :--------------: |\n| data      | Source of SVG icon                      |    `IconData`     |                  |\n| width     | `width` SVG attribute                   | `number` `string` |                  |\n| height    | `height` SVG attribute                  | `number` `string` |                  |\n| size      | Both `width` and `height` SVG attribute | `number` `string` |                  |\n| fill      | `fill` SVG attribute                    |     `string`      | `\"currentColor\"` |\n| stroke    | `stroke` SVG attribute                  |     `string`      |     `\"none\"`     |\n| className | Custom CSS class for the root element   |     `string`      |                  |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"icon"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/label.html b/components/uikit/label.html
index e40e1b75a00..925021083a2 100644
--- a/components/uikit/label.html
+++ b/components/uikit/label.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Label</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Label</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@goshander" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/goshander" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5037509?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">goshander</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Label" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/icon"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Icon</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/link"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Link</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"label","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Label\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Label} from '@gravity-ui/uikit';\n```\n\n`Label` can be used for displaying certain marking information. `Label` with the close or copy button may be useful for various simple actions.\n\n`Label` is most suitable for displaying one-line text information with different color codes indicating its importance.\n\n## Appearance\n\n`Label` can be displayed in multiple styles.\n\n### Theme\n\nApply different themes for various statuses with the `theme` property. You can use the following values: `normal`, `info`, `success`, `warning`, `danger`, `utility`, `unknown`, and `clear`.\nThe default theme is `normal`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cLabel theme=\"normal\"\u003eNormal\u003c/Label\u003e\n\u003cLabel theme=\"info\"\u003eInfo\u003c/Label\u003e\n\u003cLabel theme=\"success\"\u003eSuccess\u003c/Label\u003e\n\u003cLabel theme=\"warning\"\u003eWarning\u003c/Label\u003e\n\u003cLabel theme=\"danger\"\u003eDanger\u003c/Label\u003e\n\u003cLabel theme=\"utility\"\u003eUtility\u003c/Label\u003e\n\u003cLabel theme=\"unknown\"\u003eUnknown\u003c/Label\u003e\n\u003cLabel theme=\"clear\"\u003eClear\u003c/Label\u003e\n`}\n\u003e\n    \u003cUIKit.Label theme=\"normal\"\u003eNormal\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"info\"\u003eInfo\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"success\"\u003eSuccess\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"warning\"\u003eWarning\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"danger\"\u003eDanger\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"utility\"\u003eUtility\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"unknown\"\u003eUnknown\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"clear\"\u003eClear\u003c/UIKit.Label\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLabel theme=\"normal\"\u003eNormal\u003c/Label\u003e\n\u003cLabel theme=\"info\"\u003eInfo\u003c/Label\u003e\n\u003cLabel theme=\"success\"\u003eSuccess\u003c/Label\u003e\n\u003cLabel theme=\"warning\"\u003eWarning\u003c/Label\u003e\n\u003cLabel theme=\"danger\"\u003eDanger\u003c/Label\u003e\n\u003cLabel theme=\"utility\"\u003eUtility\u003c/Label\u003e\n\u003cLabel theme=\"unknown\"\u003eUnknown\u003c/Label\u003e\n\u003cLabel theme=\"clear\"\u003eClear\u003c/Label\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Type\n\nAdds various options to the `Label` using the `type` property.\n\n`copy`: Adds a copy button; when clicked, it copies the value of the `copyText` property.\n\n`close`: Adds a close button for managing label lists.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cLabel type=\"default\" onClick={() =\u003e alert('On click label')} size=\"s\"\u003eClickable\u003c/Label\u003e\n\u003cLabel type=\"close\" onCloseClick={() =\u003e alert('On click close')} size=\"s\"\u003eClosable\u003c/Label\u003e\n\u003cLabel type=\"copy\" copyText=\"Copy\" onCopy={() =\u003e alert('On copy')} size=\"s\"\u003eCopy\u003c/Label\u003e\n`}\n\u003e\n    \u003cUIKit.Label type=\"default\" onClick={() =\u003e alert('On click label')} size=\"s\"\u003eClickable\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label type=\"close\" onCloseClick={() =\u003e alert('On click close')} size=\"s\"\u003eClosable\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label type=\"copy\" copyText=\"Copy\" onCopy={() =\u003e alert('On copy')} size=\"s\"\u003eCopy\u003c/UIKit.Label\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLabel type=\"default\" onClick={() =\u003e alert('On click label')} size=\"s\"\u003eClickable\u003c/Label\u003e\n\u003cLabel type=\"close\" onCloseClick={() =\u003e alert('On click close')} size=\"s\"\u003eClosable\u003c/Label\u003e\n\u003cLabel type=\"copy\" copyText=\"Copy\" onCopy={() =\u003e alert('On copy')} size=\"s\"\u003eCopy\u003c/Label\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Icon\n\nYou can add an icon with the `icon` property. To do so, use the [`Icon`](../Icon) component, a special wrapper for SVGs.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cLabel icon={\u003cIcon size={16} data={GearIcon} /\u003e}\u003eIcon\u003c/Label\u003e\n\u003cLabel type=\"close\" icon={\u003cIcon size={16} data={GearIcon} /\u003e}\u003eIcon and close\u003c/Label\u003e\n\u003cLabel type=\"copy\" icon={\u003cIcon size={16} data={GearIcon} /\u003e}\u003eIcon and copy\u003c/Label\u003e\n`}\n\u003e\n    \u003cUIKit.Label icon={\n        \u003cUIKit.Icon data={() =\u003e (\n            \u003csvg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"16\" height=\"16\" class=\"g-icon\" fill=\"currentColor\" stroke=\"none\" aria-hidden=\"true\"\u003e\u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/svg\u003e\n        )} size={16} /\u003e\n    }\u003e\n        \u003cspan\u003eIcon\u003c/span\u003e\n    \u003c/UIKit.Label\u003e\n    \u003cUIKit.Label type=\"close\" icon={\n        \u003cUIKit.Icon data={() =\u003e (\n            \u003csvg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"16\" height=\"16\" class=\"g-icon\" fill=\"currentColor\" stroke=\"none\" aria-hidden=\"true\"\u003e\u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/svg\u003e\n        )} size={16} /\u003e\n    }\u003e\n        \u003cspan\u003eIcon and close\u003c/span\u003e\n    \u003c/UIKit.Label\u003e\n    \u003cUIKit.Label type=\"copy\" icon={\n        \u003cUIKit.Icon data={() =\u003e (\n            \u003csvg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"16\" height=\"16\" class=\"g-icon\" fill=\"currentColor\" stroke=\"none\" aria-hidden=\"true\"\u003e\u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/svg\u003e\n        )} size={16} /\u003e\n    }\u003e\n        \u003cspan\u003eIcon and copy\u003c/span\u003e\n    \u003c/UIKit.Label\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLabel icon={\u003cIcon size={16} data={GearIcon} /\u003e}\u003eIcon\u003c/Label\u003e\n\u003cLabel type=\"close\" icon={\u003cIcon size={16} data={GearIcon} /\u003e}\u003eIcon and close\u003c/Label\u003e\n\u003cLabel type=\"copy\" icon={\u003cIcon size={16} data={GearIcon} /\u003e}\u003eIcon and copy\u003c/Label\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Value\n\n`Label` can be used for displaying key-value information. Pass key to the `children` and value to the `value` property.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cLabel theme=\"normal\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"info\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"success\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"warning\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"danger\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"utility\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"unknown\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"clear\" value=\"Value\"\u003eKey\u003c/Label\u003e\n`}\n\u003e\n    \u003cUIKit.Label theme=\"normal\" value=\"Value\"\u003eKey\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"info\" value=\"Value\"\u003eKey\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"success\" value=\"Value\"\u003eKey\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"warning\" value=\"Value\"\u003eKey\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"danger\" value=\"Value\"\u003eKey\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"utility\" value=\"Value\"\u003eKey\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"unknown\" value=\"Value\"\u003eKey\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"clear\" value=\"Value\"\u003eKey\u003c/UIKit.Label\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLabel theme=\"normal\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"info\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"success\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"warning\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"danger\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"utility\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"unknown\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"clear\" value=\"Value\"\u003eKey\u003c/Label\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## State\n\nA `label` can have different states:\n\n- `disabled`: No interactions allowed.\n- `interactive`: Makes the label hoverable.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cLabel\u003eDefault\u003c/Label\u003e\n\u003cLabel disabled\u003eDisabled\u003c/Label\u003e\n\u003cLabel interactive\u003eInteractive\u003c/Label\u003e\n`}\n\u003e\n    \u003cUIKit.Label\u003eDefault\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label disabled\u003eDisabled\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label interactive\u003eInteractive\u003c/UIKit.Label\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLabel\u003eDefault\u003c/Label\u003e\n\u003cLabel disabled\u003eDisabled\u003c/Label\u003e\n\u003cLabel interactive\u003eInteractive\u003c/Label\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cLabel size=\"xs\"\u003eXS size\u003c/Label\u003e\n\u003cLabel size=\"s\"\u003eS size\u003c/Label\u003e\n\u003cLabel size=\"m\"\u003eM size\u003c/Label\u003e\n`}\n\u003e\n    \u003cUIKit.Label size=\"xs\"\u003eXS size\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label size=\"s\"\u003eS size\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label size=\"m\"\u003eM size\u003c/UIKit.Label\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLabel size=\"xs\"\u003eXS size\u003c/Label\u003e\n\u003cLabel size=\"s\"\u003eS size\u003c/Label\u003e\n\u003cLabel size=\"m\"\u003eM size\u003c/Label\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name             | Description                                   |              Type              |   Default   |\n| :--------------- | :-------------------------------------------- | :----------------------------: | :---------: |\n| children         | Content                                       |       `React.ReactNode`        |             |\n| className        | HTML `class` attribute                        |            `string`            |             |\n| closeButtonLabel | `aria-label` of the close button              |            `string`            |             |\n| copyButtonLabel  | `aria-label` of the copy button               |            `string`            |             |\n| copyText         | Text to copy                                  |            `string`            |             |\n| disabled         | Disabled state                                |           `boolean`            |             |\n| icon             | Label icon (on the left)                      |       `React.ReactNode`        |             |\n| interactive      | Enable hover effect                           |           `boolean`            |             |\n| onClick          | `click` event handler                         |           `Function`           |             |\n| onCloseClick     | Close button `click` event handler            |           `Function`           |             |\n| onCopy           | `copy` event handler                          |           `Function`           |             |\n| size             | Label size                                    |       `\"xs\"` `\"s\"` `\"m\"`       |    `\"s\"`    |\n| theme            | Label theme                                   |            `string`            | `\"normal\"`  |\n| type             | Label type                                    | `\"default\"` `\"copy\"` `\"close\"` | `\"default\"` |\n| value            | Label value (displayed as \"children : value\") |            `string`            |             |\n| qa               | HTML `data-qa` attribute, used in tests       |            `string`            |             |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"label"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Label</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Label</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@goshander" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/goshander" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5037509?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">goshander</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Label" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/icon"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Icon</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/link"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Link</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"label","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Label\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Label} from '@gravity-ui/uikit';\n```\n\n`Label` can be used for displaying certain marking information. `Label` with the close or copy button may be useful for various simple actions.\n\n`Label` is most suitable for displaying one-line text information with different color codes indicating its importance.\n\n## Appearance\n\n`Label` can be displayed in multiple styles.\n\n### Theme\n\nApply different themes for various statuses with the `theme` property. You can use the following values: `normal`, `info`, `success`, `warning`, `danger`, `utility`, `unknown`, and `clear`.\nThe default theme is `normal`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cLabel theme=\"normal\"\u003eNormal\u003c/Label\u003e\n\u003cLabel theme=\"info\"\u003eInfo\u003c/Label\u003e\n\u003cLabel theme=\"success\"\u003eSuccess\u003c/Label\u003e\n\u003cLabel theme=\"warning\"\u003eWarning\u003c/Label\u003e\n\u003cLabel theme=\"danger\"\u003eDanger\u003c/Label\u003e\n\u003cLabel theme=\"utility\"\u003eUtility\u003c/Label\u003e\n\u003cLabel theme=\"unknown\"\u003eUnknown\u003c/Label\u003e\n\u003cLabel theme=\"clear\"\u003eClear\u003c/Label\u003e\n`}\n\u003e\n    \u003cUIKit.Label theme=\"normal\"\u003eNormal\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"info\"\u003eInfo\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"success\"\u003eSuccess\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"warning\"\u003eWarning\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"danger\"\u003eDanger\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"utility\"\u003eUtility\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"unknown\"\u003eUnknown\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"clear\"\u003eClear\u003c/UIKit.Label\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLabel theme=\"normal\"\u003eNormal\u003c/Label\u003e\n\u003cLabel theme=\"info\"\u003eInfo\u003c/Label\u003e\n\u003cLabel theme=\"success\"\u003eSuccess\u003c/Label\u003e\n\u003cLabel theme=\"warning\"\u003eWarning\u003c/Label\u003e\n\u003cLabel theme=\"danger\"\u003eDanger\u003c/Label\u003e\n\u003cLabel theme=\"utility\"\u003eUtility\u003c/Label\u003e\n\u003cLabel theme=\"unknown\"\u003eUnknown\u003c/Label\u003e\n\u003cLabel theme=\"clear\"\u003eClear\u003c/Label\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Type\n\nAdds various options to the `Label` using the `type` property.\n\n`copy`: Adds a copy button; when clicked, it copies the value of the `copyText` property.\n\n`close`: Adds a close button for managing label lists.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cLabel type=\"default\" onClick={() =\u003e alert('On click label')} size=\"s\"\u003eClickable\u003c/Label\u003e\n\u003cLabel type=\"close\" onCloseClick={() =\u003e alert('On click close')} size=\"s\"\u003eClosable\u003c/Label\u003e\n\u003cLabel type=\"copy\" copyText=\"Copy\" onCopy={() =\u003e alert('On copy')} size=\"s\"\u003eCopy\u003c/Label\u003e\n`}\n\u003e\n    \u003cUIKit.Label type=\"default\" onClick={() =\u003e alert('On click label')} size=\"s\"\u003eClickable\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label type=\"close\" onCloseClick={() =\u003e alert('On click close')} size=\"s\"\u003eClosable\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label type=\"copy\" copyText=\"Copy\" onCopy={() =\u003e alert('On copy')} size=\"s\"\u003eCopy\u003c/UIKit.Label\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLabel type=\"default\" onClick={() =\u003e alert('On click label')} size=\"s\"\u003eClickable\u003c/Label\u003e\n\u003cLabel type=\"close\" onCloseClick={() =\u003e alert('On click close')} size=\"s\"\u003eClosable\u003c/Label\u003e\n\u003cLabel type=\"copy\" copyText=\"Copy\" onCopy={() =\u003e alert('On copy')} size=\"s\"\u003eCopy\u003c/Label\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Icon\n\nYou can add an icon with the `icon` property. To do so, use the [`Icon`](../Icon) component, a special wrapper for SVGs.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cLabel icon={\u003cIcon size={16} data={GearIcon} /\u003e}\u003eIcon\u003c/Label\u003e\n\u003cLabel type=\"close\" icon={\u003cIcon size={16} data={GearIcon} /\u003e}\u003eIcon and close\u003c/Label\u003e\n\u003cLabel type=\"copy\" icon={\u003cIcon size={16} data={GearIcon} /\u003e}\u003eIcon and copy\u003c/Label\u003e\n`}\n\u003e\n    \u003cUIKit.Label icon={\n        \u003cUIKit.Icon data={() =\u003e (\n            \u003csvg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"16\" height=\"16\" class=\"g-icon\" fill=\"currentColor\" stroke=\"none\" aria-hidden=\"true\"\u003e\u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/svg\u003e\n        )} size={16} /\u003e\n    }\u003e\n        \u003cspan\u003eIcon\u003c/span\u003e\n    \u003c/UIKit.Label\u003e\n    \u003cUIKit.Label type=\"close\" icon={\n        \u003cUIKit.Icon data={() =\u003e (\n            \u003csvg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"16\" height=\"16\" class=\"g-icon\" fill=\"currentColor\" stroke=\"none\" aria-hidden=\"true\"\u003e\u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/svg\u003e\n        )} size={16} /\u003e\n    }\u003e\n        \u003cspan\u003eIcon and close\u003c/span\u003e\n    \u003c/UIKit.Label\u003e\n    \u003cUIKit.Label type=\"copy\" icon={\n        \u003cUIKit.Icon data={() =\u003e (\n            \u003csvg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"16\" height=\"16\" class=\"g-icon\" fill=\"currentColor\" stroke=\"none\" aria-hidden=\"true\"\u003e\u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/svg\u003e\n        )} size={16} /\u003e\n    }\u003e\n        \u003cspan\u003eIcon and copy\u003c/span\u003e\n    \u003c/UIKit.Label\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLabel icon={\u003cIcon size={16} data={GearIcon} /\u003e}\u003eIcon\u003c/Label\u003e\n\u003cLabel type=\"close\" icon={\u003cIcon size={16} data={GearIcon} /\u003e}\u003eIcon and close\u003c/Label\u003e\n\u003cLabel type=\"copy\" icon={\u003cIcon size={16} data={GearIcon} /\u003e}\u003eIcon and copy\u003c/Label\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Value\n\n`Label` can be used for displaying key-value information. Pass key to the `children` and value to the `value` property.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cLabel theme=\"normal\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"info\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"success\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"warning\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"danger\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"utility\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"unknown\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"clear\" value=\"Value\"\u003eKey\u003c/Label\u003e\n`}\n\u003e\n    \u003cUIKit.Label theme=\"normal\" value=\"Value\"\u003eKey\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"info\" value=\"Value\"\u003eKey\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"success\" value=\"Value\"\u003eKey\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"warning\" value=\"Value\"\u003eKey\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"danger\" value=\"Value\"\u003eKey\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"utility\" value=\"Value\"\u003eKey\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"unknown\" value=\"Value\"\u003eKey\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label theme=\"clear\" value=\"Value\"\u003eKey\u003c/UIKit.Label\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLabel theme=\"normal\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"info\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"success\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"warning\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"danger\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"utility\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"unknown\" value=\"Value\"\u003eKey\u003c/Label\u003e\n\u003cLabel theme=\"clear\" value=\"Value\"\u003eKey\u003c/Label\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## State\n\nA `label` can have different states:\n\n- `disabled`: No interactions allowed.\n- `interactive`: Makes the label hoverable.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cLabel\u003eDefault\u003c/Label\u003e\n\u003cLabel disabled\u003eDisabled\u003c/Label\u003e\n\u003cLabel interactive\u003eInteractive\u003c/Label\u003e\n`}\n\u003e\n    \u003cUIKit.Label\u003eDefault\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label disabled\u003eDisabled\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label interactive\u003eInteractive\u003c/UIKit.Label\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLabel\u003eDefault\u003c/Label\u003e\n\u003cLabel disabled\u003eDisabled\u003c/Label\u003e\n\u003cLabel interactive\u003eInteractive\u003c/Label\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cLabel size=\"xs\"\u003eXS size\u003c/Label\u003e\n\u003cLabel size=\"s\"\u003eS size\u003c/Label\u003e\n\u003cLabel size=\"m\"\u003eM size\u003c/Label\u003e\n`}\n\u003e\n    \u003cUIKit.Label size=\"xs\"\u003eXS size\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label size=\"s\"\u003eS size\u003c/UIKit.Label\u003e\n    \u003cUIKit.Label size=\"m\"\u003eM size\u003c/UIKit.Label\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLabel size=\"xs\"\u003eXS size\u003c/Label\u003e\n\u003cLabel size=\"s\"\u003eS size\u003c/Label\u003e\n\u003cLabel size=\"m\"\u003eM size\u003c/Label\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name             | Description                                   |              Type              |   Default   |\n| :--------------- | :-------------------------------------------- | :----------------------------: | :---------: |\n| children         | Content                                       |       `React.ReactNode`        |             |\n| className        | HTML `class` attribute                        |            `string`            |             |\n| closeButtonLabel | `aria-label` of the close button              |            `string`            |             |\n| copyButtonLabel  | `aria-label` of the copy button               |            `string`            |             |\n| copyText         | Text to copy                                  |            `string`            |             |\n| disabled         | Disabled state                                |           `boolean`            |             |\n| icon             | Label icon (on the left)                      |       `React.ReactNode`        |             |\n| interactive      | Enable hover effect                           |           `boolean`            |             |\n| onClick          | `click` event handler                         |           `Function`           |             |\n| onCloseClick     | Close button `click` event handler            |           `Function`           |             |\n| onCopy           | `copy` event handler                          |           `Function`           |             |\n| size             | Label size                                    |       `\"xs\"` `\"s\"` `\"m\"`       |    `\"s\"`    |\n| theme            | Label theme                                   |            `string`            | `\"normal\"`  |\n| type             | Label type                                    | `\"default\"` `\"copy\"` `\"close\"` | `\"default\"` |\n| value            | Label value (displayed as \"children : value\") |            `string`            |             |\n| qa               | HTML `data-qa` attribute, used in tests       |            `string`            |             |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"label"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/link.html b/components/uikit/link.html
index 1286f71316e..8e6abc38cf8 100644
--- a/components/uikit/link.html
+++ b/components/uikit/link.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Link</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Link</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@Estasie" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/Estasie" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/55848388?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">Estasie</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Link" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/label"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Label</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/list"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">List</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"link","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Link\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Link} from '@gravity-ui/uikit';\n```\n\n`Link` is a part of text that, when clicked, takes the user to another part of the page, another page inside the service, or an external website page.\n\nThe main difference from [Button](../Button) is the navigation function. Most often, a `Link` leads to other pages or opens new browser tabs.\n\n## Appearance\n\nThere are three types available: `normal`(the usual brown), `primary`(black), and `secondary`(gray). You can manage it though the `view` property. You can also display whether the link has been clicked using the `visitable` property.\n\n### Normal\n\nThis is the most familiar and well-established 'link' pattern. It is used to visually highlight an element inside a text, table, and as part of navigation. You can use it to navigate both internal pages and external sources, including documentation. Additionally, this type is used for error pages and zero states.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cLink view=\"normal\" href=\"#\"\u003eLink\u003c/Link\u003e\n`}\u003e\n    \u003cUIKit.Link view=\"normal\" href=\"#\"\u003eLink\u003c/UIKit.Link\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLink view=\"normal\" href=\"#\"\u003e\n  Link\n\u003c/Link\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Primary\n\nThis type is used when it is natively clear that an element is clickable, but using a brown `Link` will overload the interface and prevent you from properly highlighting key points on a page.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cLink view=\"primary\" href=\"#\"\u003eLink\u003c/Link\u003e\n`}\u003e\n    \u003cUIKit.Link view=\"primary\" href=\"#\"\u003eLink\u003c/UIKit.Link\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLink view=\"primary\" href=\"#\"\u003e\n  Link\n\u003c/Link\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Secondary\n\nJust like primary `Link`, this type is used when it is natively clear to the user that an element is clickable, while navigating through it is not essential and affects a small number of scenarios. The main task is not to distract the user from the key points on the page. The 'Secondary' type is most often used in breadcrumbs or when displaying secondary attributes.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cLink view=\"secondary\" href=\"#\"\u003eLink\u003c/Link\u003e\n`}\u003e\n    \u003cUIKit.Link view=\"secondary\" href=\"#\"\u003eLink\u003c/UIKit.Link\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLink view=\"secondary\" href=\"#\"\u003e\n  Link\n\u003c/Link\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Visitable\n\nThis property is used to show that the `Link` has already been clicked.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cLink href=\"https://gravity-ui.com/\" visitable\u003eLink\u003c/Link\u003e\n`}\u003e\n    \u003cUIKit.Link href=\"https://gravity-ui.com/\" visitable\u003eLink\u003c/UIKit.Link\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLink href=\"https://gravity-ui.com/\" visitable\u003e\n  Link\n\u003c/Link\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Href\n\nThe `href` property is required.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cLink href=\"#\"\u003eLink with href\u003c/Link\u003e\n`}\u003e\n    \u003cUIKit.Link href=\"#\"\u003eLink with href\u003c/UIKit.Link\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLink href=\"#\"\u003eLink with href\u003c/Link\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Usage\n\nA `Link` can be used both as an independent text element and as part of the text:\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cText\u003e\n    \u003cLink href=\"#\"\u003ewhat roles are active in the service\u003c/Link\u003e\n\u003c/Text\u003e\n\u003cText\u003e\n    Currently, this role can only be assigned to a \u003cLink href=\"#\"\u003efolder\u003c/Link\u003e or \u003cLink href=\"#\"\u003ecloud\u003c/Link\u003e\n\u003c/Text\u003e\n`}\u003e\n    \u003cUIKit.Text\u003e\n        \u003cUIKit.Link href=\"#\"\u003ewhat roles are active in the service\u003c/UIKit.Link\u003e\n    \u003c/UIKit.Text\u003e\n    \u003cUIKit.Text\u003e\n        Currently, this role can only be assigned to a \u003cUIKit.Link href=\"#\"\u003efolder\u003c/UIKit.Link\u003e or \u003cUIKit.Link href=\"#\"\u003ecloud\u003c/UIKit.Link\u003e\n    \u003c/UIKit.Text\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cText\u003e\n    \u003cLink href=\"#\"\u003eWhat roles are available in the service\u003c/Link\u003e\n\u003c/Text\u003e\n\u003cText\u003e\n    Currently, this role can only be assigned to a \u003cLink href=\"#\"\u003efolder\u003c/Link\u003e or \u003cLink href=\"#\"\u003ecloud\u003c/Link\u003e\n\u003c/Text\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name       | Description                                |                           Type                            |  Default   |\n| :--------- | :----------------------------------------- | :-------------------------------------------------------: | :--------: |\n| view       | Link appearance                            |          `\"normal\" \\| \"primary\" \\| \"secondary\"`           | `\"normal\"` |\n| visitable  | Display `:visitable` CSS state             |                  `boolean \\| undefined`                   |\n| href       | HTML `href` attribute                      |                         `string`                          |\n| target     | HTML `target` attribute                    |                   `string \\| undefined`                   |\n| rel        | HTML `rel` attribute                       |                   `string \\| undefined`                   |\n| title      | HTML `title` attribute                     |                   `string \\| undefined`                   |\n| children   | Link content                               |                     `React.ReactNode`                     |\n| extraProps | Any additional props                       |                   `Record \\| undefined`                   |\n| onClick    | `click` event handler                      | `React.MouseEventHandler\u003cHTMLAnchorElement\u003e \\| undefined` |\n| onFocus    | `focus` event handler                      | `React.FocusEventHandler\u003cHTMLAnchorElement\u003e \\| undefined` |\n| onBlur     | `blur` event handler                       | `React.FocusEventHandler\u003cHTMLAnchorElement\u003e \\| undefined` |\n| id         | HTML `id` attribute                        |                   `string \\| undefined`                   |\n| style      | HTML `style` attribute                     |            `React.CSSProperties \\| undefined`             |\n| className  | HTML `class` attribute                     |                   `string \\| undefined`                   |\n| qa         | HTML `data-qa` attribute, used for testing |                   `string \\| undefined`                   |\n| ref        | React ref to Link DOM node                 |   `React.ForwardedRef\u003cHTMLAnchorElement\u003e \\| undefined`    |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"link"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Link</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Link</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@Estasie" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/Estasie" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/55848388?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">Estasie</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Link" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/label"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Label</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/list"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">List</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"link","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Link\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Link} from '@gravity-ui/uikit';\n```\n\n`Link` is a part of text that, when clicked, takes the user to another part of the page, another page inside the service, or an external website page.\n\nThe main difference from [Button](../Button) is the navigation function. Most often, a `Link` leads to other pages or opens new browser tabs.\n\n## Appearance\n\nThere are three types available: `normal`(the usual brown), `primary`(black), and `secondary`(gray). You can manage it though the `view` property. You can also display whether the link has been clicked using the `visitable` property.\n\n### Normal\n\nThis is the most familiar and well-established 'link' pattern. It is used to visually highlight an element inside a text, table, and as part of navigation. You can use it to navigate both internal pages and external sources, including documentation. Additionally, this type is used for error pages and zero states.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cLink view=\"normal\" href=\"#\"\u003eLink\u003c/Link\u003e\n`}\u003e\n    \u003cUIKit.Link view=\"normal\" href=\"#\"\u003eLink\u003c/UIKit.Link\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLink view=\"normal\" href=\"#\"\u003e\n  Link\n\u003c/Link\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Primary\n\nThis type is used when it is natively clear that an element is clickable, but using a brown `Link` will overload the interface and prevent you from properly highlighting key points on a page.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cLink view=\"primary\" href=\"#\"\u003eLink\u003c/Link\u003e\n`}\u003e\n    \u003cUIKit.Link view=\"primary\" href=\"#\"\u003eLink\u003c/UIKit.Link\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLink view=\"primary\" href=\"#\"\u003e\n  Link\n\u003c/Link\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Secondary\n\nJust like primary `Link`, this type is used when it is natively clear to the user that an element is clickable, while navigating through it is not essential and affects a small number of scenarios. The main task is not to distract the user from the key points on the page. The 'Secondary' type is most often used in breadcrumbs or when displaying secondary attributes.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cLink view=\"secondary\" href=\"#\"\u003eLink\u003c/Link\u003e\n`}\u003e\n    \u003cUIKit.Link view=\"secondary\" href=\"#\"\u003eLink\u003c/UIKit.Link\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLink view=\"secondary\" href=\"#\"\u003e\n  Link\n\u003c/Link\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Visitable\n\nThis property is used to show that the `Link` has already been clicked.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cLink href=\"https://gravity-ui.com/\" visitable\u003eLink\u003c/Link\u003e\n`}\u003e\n    \u003cUIKit.Link href=\"https://gravity-ui.com/\" visitable\u003eLink\u003c/UIKit.Link\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLink href=\"https://gravity-ui.com/\" visitable\u003e\n  Link\n\u003c/Link\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Href\n\nThe `href` property is required.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cLink href=\"#\"\u003eLink with href\u003c/Link\u003e\n`}\u003e\n    \u003cUIKit.Link href=\"#\"\u003eLink with href\u003c/UIKit.Link\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLink href=\"#\"\u003eLink with href\u003c/Link\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Usage\n\nA `Link` can be used both as an independent text element and as part of the text:\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cText\u003e\n    \u003cLink href=\"#\"\u003ewhat roles are active in the service\u003c/Link\u003e\n\u003c/Text\u003e\n\u003cText\u003e\n    Currently, this role can only be assigned to a \u003cLink href=\"#\"\u003efolder\u003c/Link\u003e or \u003cLink href=\"#\"\u003ecloud\u003c/Link\u003e\n\u003c/Text\u003e\n`}\u003e\n    \u003cUIKit.Text\u003e\n        \u003cUIKit.Link href=\"#\"\u003ewhat roles are active in the service\u003c/UIKit.Link\u003e\n    \u003c/UIKit.Text\u003e\n    \u003cUIKit.Text\u003e\n        Currently, this role can only be assigned to a \u003cUIKit.Link href=\"#\"\u003efolder\u003c/UIKit.Link\u003e or \u003cUIKit.Link href=\"#\"\u003ecloud\u003c/UIKit.Link\u003e\n    \u003c/UIKit.Text\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cText\u003e\n    \u003cLink href=\"#\"\u003eWhat roles are available in the service\u003c/Link\u003e\n\u003c/Text\u003e\n\u003cText\u003e\n    Currently, this role can only be assigned to a \u003cLink href=\"#\"\u003efolder\u003c/Link\u003e or \u003cLink href=\"#\"\u003ecloud\u003c/Link\u003e\n\u003c/Text\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name       | Description                                |                           Type                            |  Default   |\n| :--------- | :----------------------------------------- | :-------------------------------------------------------: | :--------: |\n| view       | Link appearance                            |          `\"normal\" \\| \"primary\" \\| \"secondary\"`           | `\"normal\"` |\n| visitable  | Display `:visitable` CSS state             |                  `boolean \\| undefined`                   |\n| href       | HTML `href` attribute                      |                         `string`                          |\n| target     | HTML `target` attribute                    |                   `string \\| undefined`                   |\n| rel        | HTML `rel` attribute                       |                   `string \\| undefined`                   |\n| title      | HTML `title` attribute                     |                   `string \\| undefined`                   |\n| children   | Link content                               |                     `React.ReactNode`                     |\n| extraProps | Any additional props                       |                   `Record \\| undefined`                   |\n| onClick    | `click` event handler                      | `React.MouseEventHandler\u003cHTMLAnchorElement\u003e \\| undefined` |\n| onFocus    | `focus` event handler                      | `React.FocusEventHandler\u003cHTMLAnchorElement\u003e \\| undefined` |\n| onBlur     | `blur` event handler                       | `React.FocusEventHandler\u003cHTMLAnchorElement\u003e \\| undefined` |\n| id         | HTML `id` attribute                        |                   `string \\| undefined`                   |\n| style      | HTML `style` attribute                     |            `React.CSSProperties \\| undefined`             |\n| className  | HTML `class` attribute                     |                   `string \\| undefined`                   |\n| qa         | HTML `data-qa` attribute, used for testing |                   `string \\| undefined`                   |\n| ref        | React ref to Link DOM node                 |   `React.ForwardedRef\u003cHTMLAnchorElement\u003e \\| undefined`    |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"link"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/list.html b/components/uikit/list.html
index a26becce679..fb6c4b39cc0 100644
--- a/components/uikit/list.html
+++ b/components/uikit/list.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->List</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">List</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">korvin89</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/List" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/link"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Link</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/loader"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Loader</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"list","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# List\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {List} from '@gravity-ui/uikit';\n```\n\n### ItemsHeight\n\nDetermines the item list height (or a function that returns the height value for a list). It can be helpful when setting the list\nheight dynamically, e.g., `(items: []) =\u003e number`.\n\n### Items\n\nProvides an array of items for a list:\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cList items={[\"one\", \"two\", \"three\", \"four\", \"five\", \"six\", \"seven\"]} itemsHeight={160} /\u003e\n`}\u003e\n    \u003cUIKit.List items={[\"one\", \"two\", \"three\", \"four\", \"five\", \"six\", \"seven\"]} itemsHeight={160} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cList items={['one', 'two', 'three', 'four', 'five', 'six', 'seven']} itemsHeight={160} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\nAn item can be a scalar or an arbitrary value and must be `truthy` in any case.\nIf it is an arbitrary value, make sure to specify filtering and rendering functions.\nThe default render only provides an item as text.\n\nThe special `item.disabled` field disables an item.\n\nRender and height customization provides plenty of room for experimenting.\nFor example, the code below allows you to emulate groups:\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cList items={[{title: 'one', group: true,disabled: true}, {title: 'two'},\n    {\n      title: 'three',\n      group: true,\n      disabled: true,\n    },\n    {\n      title: 'four',\n    },\n  ]} onItemClick={(value) =\u003e console.log(value)}\n  renderItem={(item) =\u003e {\n    if (item.group) {\n      return (\n        \u003cdiv className={'group'}\u003e\n          \u003cdiv className={'select-text'}\u003e{item.title}\u003c/div\u003e\n        \u003c/div\u003e\n      );\n    }\n    return (\n      \u003cdiv className={'select'}\u003e\n        \u003cdiv className={'select-text'}\u003e{item.title}\u003c/div\u003e\n      \u003c/div\u003e\n    );\n  }}\n  itemHeight={(item) =\u003e (item.group ? 24 : 36)}\n  itemsHeight={160}\n  filterItem={(filter) =\u003e (item) =\u003e item.title.includes(filter)}\n/\u003e\n`}\u003e\n    \u003cUIKit.List items={[\n    {\n      title: 'one',\n      group: true,\n      disabled: true,\n    },\n    {\n      title: 'two',\n    },\n    {\n      title: 'three',\n      group: true,\n      disabled: true,\n    },\n    {\n      title: 'four',\n    },\n  ]} onItemClick={(value) =\u003e console.log(value)}\n  renderItem={(item) =\u003e {\n    if (item.group) {\n      return (\n        \u003cdiv className={'group'}\u003e\n          \u003cdiv className={'select-text'}\u003e{item.title}\u003c/div\u003e\n        \u003c/div\u003e\n      );\n    }\n    return (\n      \u003cdiv className={'select'}\u003e\n        \u003cdiv className={'select-text'}\u003e{item.title}\u003c/div\u003e\n      \u003c/div\u003e\n    );\n  }}\n  itemHeight={(item) =\u003e (item.group ? 24 : 36)}\n  itemsHeight={160}\n  filterItem={(filter) =\u003e (item) =\u003e item.title.includes(filter)}\n/\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cList\n  items={[\n    {\n      title: 'one',\n      group: true,\n      disabled: true,\n    },\n    {\n      title: 'two',\n    },\n    {\n      title: 'three',\n      group: true,\n      disabled: true,\n    },\n    {\n      title: 'four',\n    },\n  ]}\n  onItemClick={(value) =\u003e console.log(value)}\n  renderItem={(item) =\u003e {\n    if (item.group) {\n      return (\n        \u003cdiv className={'group'}\u003e\n          \u003cdiv className={'select-text'}\u003e{item.title}\u003c/div\u003e\n        \u003c/div\u003e\n      );\n    }\n    return (\n      \u003cdiv className={'select'}\u003e\n        \u003cdiv className={'select-text'}\u003e{item.title}\u003c/div\u003e\n      \u003c/div\u003e\n    );\n  }}\n  itemHeight={(item) =\u003e (item.group ? 24 : 36)}\n  itemsHeight={160}\n  filterItem={(filter) =\u003e (item) =\u003e item.title.includes(filter)}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Filterable\n\n`filterable`: Disables the input to search for an item if the value is `false`. The default value is `true`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cList items={[\"one\", \"two\", \"three\", \"four\", \"five\", \"six\", \"seven\"]} itemsHeight={160} filterable={false} /\u003e\n`}\u003e\n    \u003cUIKit.List items={[\"one\", \"two\", \"three\", \"four\", \"five\", \"six\", \"seven\"]} itemsHeight={160} filterable={false} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cList\n  items={['one', 'two', 'three', 'four', 'five', 'six', 'seven']}\n  itemsHeight={160}\n  filterable={false}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Sortable\n\n`sortable`: Enables swapping list items if the value is `true`. The default value is `false`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cList items={[\"one\", \"two\", \"three\", \"four\", \"five\", \"six\", \"seven\"]} itemsHeight={160} sortable={true} /\u003e\n`}\u003e\n    \u003cUIKit.List items={[\"one\", \"two\", \"three\", \"four\", \"five\", \"six\", \"seven\"]} itemsHeight={160} sortable={true} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cList\n  items={['one', 'two', 'three', 'four', 'five', 'six', 'seven']}\n  itemsHeight={160}\n  sortable={true}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Virtualization\n\nTo enable virtualization, make sure one of these conditions is met:\n\n1. You set the `itemsHeight` property. In this case, the list height will be fixed and equal to that value.\n2. You set the `display: flex` style for the list parent container. In this case, the list will adapt to the container\n   width.\n\n### External management\n\nSometimes, you may want to manage the activity of items from the keyboard by maintaining the focus on an external item.\nThe `onKeyDown` event forwarding to a list may help you here.\nLikewise, you can forward `onFocus` and `onBlur` if you need to repeat the behavior when an active item is lost.\n\n### Filter\n\n`filter` - a value of the filter. Used with external sorting.\n\n### PropTypes\n\n| Name              | Description                                                                                                                                                                                            | Type              | Default |\n| :---------------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :---------------- | :------ |\n| [items](#items)   | List of items                                                                                                                                                                                          | `Array`           | []      |\n| itemHeight        | Item height in `px` (or a function that returns the height value for an item). `(item: any) =\u003e number`                                                                                                 | `Number/Function` | 28      |\n| itemsHeight       | Item list height (or a function that returns the height value for a list). It can be helpful when setting the list height dynamically. `(items: []) =\u003e number`                                         | `Number/Function` |         |\n| renderItem        | Render function with an item received as an input and a React node returned. `(item: any, isItemActive: bool, itemIndex: number) =\u003e React.ReactNode`                                                   | `Function`        |         |\n| filterItem        | Filtering function that receives a specified string as a search/filter input and returns a function that receives an item as an input and outputs boolean `(filter: string) =\u003e (item: any) =\u003e boolean` | `Function`        |         |\n| filterable        | Flag that enables a filter field.                                                                                                                                                                      | `Boolean`         | true    |\n| filterPlaceholder | Placeholder for a filter field.                                                                                                                                                                        | `String`          |         |\n| filter            | Filter value (if external sorting is used).                                                                                                                                                            | `String`          |         |\n| filterClassName   | Class for filter input styles                                                                                                                                                                          | `String`          |         |\n| onChangeFilter    | Filter change handler (if external sorting is used). `(filter: string) =\u003e void`                                                                                                                        | `Function`        |         |\n| onFilterEnd       | Function invoked after internal filtering is completed. `({items}: {items: T[]}) =\u003e void`                                                                                                              | `Function`        |         |\n| emptyPlaceholder  | Placeholder for an empty list.                                                                                                                                                                         | `React.ReactNode` |         |\n| sortable          | Flag that enables list sorting.                                                                                                                                                                        | `Boolean`         |         |\n| sortHandleAlign   | Sorting indicator alignment (left or right).                                                                                                                                                           | `left` `right`    |         |\n| onSortEnd         | Sorting event handler. `({oldIndex: number, newIndex: number}) =\u003e void`                                                                                                                                | `Function`        |         |\n| virtualized       | Flag that enables virtualization. If not active, all items are rendered at once.                                                                                                                       | `Boolean`         | true    |\n| onItemClick       | Item click handler. `(item: any, index: number, fromKeyboard?: bool) =\u003e void`                                                                                                                          | `Function`        |         |\n| deactivateOnLeave | If the flag is set, an item's selection is deactivated once the cursor leaves the item or the list loses its focus. If not set, the last selected item will always be selected.                        | `Boolean`         | true    |\n| activeItemIndex   | If a value is set, an item with this index is rendered as active ~~until the curse is lifted~~.                                                                                                        | `Number`          |         |\n| selectedItemIndex | If a value is set, an item with this index is rendered as selected (the background color is from `--g-color-base-selection`).                                                                          | `Number/Array`    |         |\n| itemClassName     | Custom class name to be added to an item container                                                                                                                                                     | `String`          |         |\n| itemsClassName    | Custom class name to be added to an item list                                                                                                                                                          | `String`          |         |\n| role              | HTML `role` attribute                                                                                                                                                                                  | `String`          | list    |\n| id                | HTML `id` attribute                                                                                                                                                                                    | `string`          |         |\n| onChangeActive    | Fires when the index of an option in the listbox, visually indicated as having keyboard focus, is changed. `(index?: number) =\u003e void`                                                                  | `Function`        |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"list"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->List</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">List</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">korvin89</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/List" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/link"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Link</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/loader"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Loader</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"list","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# List\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {List} from '@gravity-ui/uikit';\n```\n\n### ItemsHeight\n\nDetermines the item list height (or a function that returns the height value for a list). It can be helpful when setting the list\nheight dynamically, e.g., `(items: []) =\u003e number`.\n\n### Items\n\nProvides an array of items for a list:\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cList items={[\"one\", \"two\", \"three\", \"four\", \"five\", \"six\", \"seven\"]} itemsHeight={160} /\u003e\n`}\u003e\n    \u003cUIKit.List items={[\"one\", \"two\", \"three\", \"four\", \"five\", \"six\", \"seven\"]} itemsHeight={160} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cList items={['one', 'two', 'three', 'four', 'five', 'six', 'seven']} itemsHeight={160} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\nAn item can be a scalar or an arbitrary value and must be `truthy` in any case.\nIf it is an arbitrary value, make sure to specify filtering and rendering functions.\nThe default render only provides an item as text.\n\nThe special `item.disabled` field disables an item.\n\nRender and height customization provides plenty of room for experimenting.\nFor example, the code below allows you to emulate groups:\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cList items={[{title: 'one', group: true,disabled: true}, {title: 'two'},\n    {\n      title: 'three',\n      group: true,\n      disabled: true,\n    },\n    {\n      title: 'four',\n    },\n  ]} onItemClick={(value) =\u003e console.log(value)}\n  renderItem={(item) =\u003e {\n    if (item.group) {\n      return (\n        \u003cdiv className={'group'}\u003e\n          \u003cdiv className={'select-text'}\u003e{item.title}\u003c/div\u003e\n        \u003c/div\u003e\n      );\n    }\n    return (\n      \u003cdiv className={'select'}\u003e\n        \u003cdiv className={'select-text'}\u003e{item.title}\u003c/div\u003e\n      \u003c/div\u003e\n    );\n  }}\n  itemHeight={(item) =\u003e (item.group ? 24 : 36)}\n  itemsHeight={160}\n  filterItem={(filter) =\u003e (item) =\u003e item.title.includes(filter)}\n/\u003e\n`}\u003e\n    \u003cUIKit.List items={[\n    {\n      title: 'one',\n      group: true,\n      disabled: true,\n    },\n    {\n      title: 'two',\n    },\n    {\n      title: 'three',\n      group: true,\n      disabled: true,\n    },\n    {\n      title: 'four',\n    },\n  ]} onItemClick={(value) =\u003e console.log(value)}\n  renderItem={(item) =\u003e {\n    if (item.group) {\n      return (\n        \u003cdiv className={'group'}\u003e\n          \u003cdiv className={'select-text'}\u003e{item.title}\u003c/div\u003e\n        \u003c/div\u003e\n      );\n    }\n    return (\n      \u003cdiv className={'select'}\u003e\n        \u003cdiv className={'select-text'}\u003e{item.title}\u003c/div\u003e\n      \u003c/div\u003e\n    );\n  }}\n  itemHeight={(item) =\u003e (item.group ? 24 : 36)}\n  itemsHeight={160}\n  filterItem={(filter) =\u003e (item) =\u003e item.title.includes(filter)}\n/\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cList\n  items={[\n    {\n      title: 'one',\n      group: true,\n      disabled: true,\n    },\n    {\n      title: 'two',\n    },\n    {\n      title: 'three',\n      group: true,\n      disabled: true,\n    },\n    {\n      title: 'four',\n    },\n  ]}\n  onItemClick={(value) =\u003e console.log(value)}\n  renderItem={(item) =\u003e {\n    if (item.group) {\n      return (\n        \u003cdiv className={'group'}\u003e\n          \u003cdiv className={'select-text'}\u003e{item.title}\u003c/div\u003e\n        \u003c/div\u003e\n      );\n    }\n    return (\n      \u003cdiv className={'select'}\u003e\n        \u003cdiv className={'select-text'}\u003e{item.title}\u003c/div\u003e\n      \u003c/div\u003e\n    );\n  }}\n  itemHeight={(item) =\u003e (item.group ? 24 : 36)}\n  itemsHeight={160}\n  filterItem={(filter) =\u003e (item) =\u003e item.title.includes(filter)}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Filterable\n\n`filterable`: Disables the input to search for an item if the value is `false`. The default value is `true`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cList items={[\"one\", \"two\", \"three\", \"four\", \"five\", \"six\", \"seven\"]} itemsHeight={160} filterable={false} /\u003e\n`}\u003e\n    \u003cUIKit.List items={[\"one\", \"two\", \"three\", \"four\", \"five\", \"six\", \"seven\"]} itemsHeight={160} filterable={false} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cList\n  items={['one', 'two', 'three', 'four', 'five', 'six', 'seven']}\n  itemsHeight={160}\n  filterable={false}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Sortable\n\n`sortable`: Enables swapping list items if the value is `true`. The default value is `false`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cList items={[\"one\", \"two\", \"three\", \"four\", \"five\", \"six\", \"seven\"]} itemsHeight={160} sortable={true} /\u003e\n`}\u003e\n    \u003cUIKit.List items={[\"one\", \"two\", \"three\", \"four\", \"five\", \"six\", \"seven\"]} itemsHeight={160} sortable={true} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cList\n  items={['one', 'two', 'three', 'four', 'five', 'six', 'seven']}\n  itemsHeight={160}\n  sortable={true}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Virtualization\n\nTo enable virtualization, make sure one of these conditions is met:\n\n1. You set the `itemsHeight` property. In this case, the list height will be fixed and equal to that value.\n2. You set the `display: flex` style for the list parent container. In this case, the list will adapt to the container\n   width.\n\n### External management\n\nSometimes, you may want to manage the activity of items from the keyboard by maintaining the focus on an external item.\nThe `onKeyDown` event forwarding to a list may help you here.\nLikewise, you can forward `onFocus` and `onBlur` if you need to repeat the behavior when an active item is lost.\n\n### Filter\n\n`filter` - a value of the filter. Used with external sorting.\n\n### PropTypes\n\n| Name              | Description                                                                                                                                                                                            | Type              | Default |\n| :---------------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :---------------- | :------ |\n| [items](#items)   | List of items                                                                                                                                                                                          | `Array`           | []      |\n| itemHeight        | Item height in `px` (or a function that returns the height value for an item). `(item: any) =\u003e number`                                                                                                 | `Number/Function` | 28      |\n| itemsHeight       | Item list height (or a function that returns the height value for a list). It can be helpful when setting the list height dynamically. `(items: []) =\u003e number`                                         | `Number/Function` |         |\n| renderItem        | Render function with an item received as an input and a React node returned. `(item: any, isItemActive: bool, itemIndex: number) =\u003e React.ReactNode`                                                   | `Function`        |         |\n| filterItem        | Filtering function that receives a specified string as a search/filter input and returns a function that receives an item as an input and outputs boolean `(filter: string) =\u003e (item: any) =\u003e boolean` | `Function`        |         |\n| filterable        | Flag that enables a filter field.                                                                                                                                                                      | `Boolean`         | true    |\n| filterPlaceholder | Placeholder for a filter field.                                                                                                                                                                        | `String`          |         |\n| filter            | Filter value (if external sorting is used).                                                                                                                                                            | `String`          |         |\n| filterClassName   | Class for filter input styles                                                                                                                                                                          | `String`          |         |\n| onChangeFilter    | Filter change handler (if external sorting is used). `(filter: string) =\u003e void`                                                                                                                        | `Function`        |         |\n| onFilterEnd       | Function invoked after internal filtering is completed. `({items}: {items: T[]}) =\u003e void`                                                                                                              | `Function`        |         |\n| emptyPlaceholder  | Placeholder for an empty list.                                                                                                                                                                         | `React.ReactNode` |         |\n| sortable          | Flag that enables list sorting.                                                                                                                                                                        | `Boolean`         |         |\n| sortHandleAlign   | Sorting indicator alignment (left or right).                                                                                                                                                           | `left` `right`    |         |\n| onSortEnd         | Sorting event handler. `({oldIndex: number, newIndex: number}) =\u003e void`                                                                                                                                | `Function`        |         |\n| virtualized       | Flag that enables virtualization. If not active, all items are rendered at once.                                                                                                                       | `Boolean`         | true    |\n| onItemClick       | Item click handler. `(item: any, index: number, fromKeyboard?: bool) =\u003e void`                                                                                                                          | `Function`        |         |\n| deactivateOnLeave | If the flag is set, an item's selection is deactivated once the cursor leaves the item or the list loses its focus. If not set, the last selected item will always be selected.                        | `Boolean`         | true    |\n| activeItemIndex   | If a value is set, an item with this index is rendered as active ~~until the curse is lifted~~.                                                                                                        | `Number`          |         |\n| selectedItemIndex | If a value is set, an item with this index is rendered as selected (the background color is from `--g-color-base-selection`).                                                                          | `Number/Array`    |         |\n| itemClassName     | Custom class name to be added to an item container                                                                                                                                                     | `String`          |         |\n| itemsClassName    | Custom class name to be added to an item list                                                                                                                                                          | `String`          |         |\n| role              | HTML `role` attribute                                                                                                                                                                                  | `String`          | list    |\n| id                | HTML `id` attribute                                                                                                                                                                                    | `string`          |         |\n| onChangeActive    | Fires when the index of an option in the listbox, visually indicated as having keyboard focus, is changed. `(index?: number) =\u003e void`                                                                  | `Function`        |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"list"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/loader.html b/components/uikit/loader.html
index 01719610ca6..e7c8d40d641 100644
--- a/components/uikit/loader.html
+++ b/components/uikit/loader.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Loader</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Loader</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@SeqviriouM" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/SeqviriouM" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1071418?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">SeqviriouM</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Loader" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/list"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">List</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/menu"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Menu</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"loader","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Loader\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Loader} from '@gravity-ui/uikit';\n```\n\nThe `Loader` component displays the loading progress as flashing bars. Unlike `Spin`, this component is used in global scenarios, e.g., for an entire page or `Dialog`.\n\n### Size\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cLoader size=\"s\" /\u003e\n\u003cLoader size=\"m\" /\u003e\n\u003cLoader size=\"l\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Loader size=\"s\" /\u003e\n    \u003cUIKit.Loader size=\"m\" /\u003e\n    \u003cUIKit.Loader size=\"l\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLoader size=\"s\" /\u003e\n\u003cLoader size=\"m\" /\u003e\n\u003cLoader size=\"l\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\nS: Small size, used when the regular loader is too large.\n\nM: Medium (basic) size, used in most cases.\n\nL: Large size, used when the regular loader is too small.\n\n## Properties\n\n| Name      | Description                       |       Type        | Default |\n| :-------- | :-------------------------------- | :---------------: | :-----: |\n| size      | Loader size                       | `\"s\"` `\"m\"` `\"l\"` |  `\"s\"`  |\n| className | Custom CSS class for root element |     `string`      |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"loader"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Loader</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Loader</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@SeqviriouM" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/SeqviriouM" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1071418?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">SeqviriouM</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Loader" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/list"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">List</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/menu"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Menu</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"loader","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Loader\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Loader} from '@gravity-ui/uikit';\n```\n\nThe `Loader` component displays the loading progress as flashing bars. Unlike `Spin`, this component is used in global scenarios, e.g., for an entire page or `Dialog`.\n\n### Size\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cLoader size=\"s\" /\u003e\n\u003cLoader size=\"m\" /\u003e\n\u003cLoader size=\"l\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Loader size=\"s\" /\u003e\n    \u003cUIKit.Loader size=\"m\" /\u003e\n    \u003cUIKit.Loader size=\"l\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cLoader size=\"s\" /\u003e\n\u003cLoader size=\"m\" /\u003e\n\u003cLoader size=\"l\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\nS: Small size, used when the regular loader is too large.\n\nM: Medium (basic) size, used in most cases.\n\nL: Large size, used when the regular loader is too small.\n\n## Properties\n\n| Name      | Description                       |       Type        | Default |\n| :-------- | :-------------------------------- | :---------------: | :-----: |\n| size      | Loader size                       | `\"s\"` `\"m\"` `\"l\"` |  `\"s\"`  |\n| className | Custom CSS class for root element |     `string`      |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"loader"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/menu.html b/components/uikit/menu.html
index 386ecf9c5d2..9c68b9e39be 100644
--- a/components/uikit/menu.html
+++ b/components/uikit/menu.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Menu</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Menu</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@NikitaCG" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/NikitaCG" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36075690?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">NikitaCG</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Menu" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/loader"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Loader</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/modal"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Modal</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"menu","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Menu\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Menu} from '@gravity-ui/uikit';\n```\n\nThe `Menu` component makes it easy to create views for actions lists.\n\n`Menu` has dedicated components for items (`Menu.Item`) and a groups (`Menu.Group`). You can combine them to create more complex menus.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cMenu\u003e\n    \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n`}\n\u003e\n    \u003cUIKit.Menu\u003e\n        \u003cUIKit.Menu.Item\u003eFirst\u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Item\u003eSecond\u003c/UIKit.Menu.Item\u003e\n            \u003cUIKit.Menu.Group label=\"Group\"\u003e\n                \u003cUIKit.Menu.Item\u003eOne\u003c/UIKit.Menu.Item\u003e\n                \u003cUIKit.Menu.Item\u003eTwo\u003c/UIKit.Menu.Item\u003e\n            \u003c/UIKit.Menu.Group\u003e\n    \u003c/UIKit.Menu\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cMenu\u003e\n  \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n  \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n  \u003cMenu.Group label=\"Group\"\u003e\n    \u003cMenu.Item\u003eOne\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eTwo\u003c/Menu.Item\u003e\n  \u003c/Menu.Group\u003e\n\u003c/Menu\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Size\n\nThis property is used to select the menu size. The default value is `m`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cMenu size=\"s\"\u003e\n    \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n\u003cMenu size=\"m\"\u003e\n    \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n\u003cMenu size=\"l\"\u003e\n    \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n\u003cMenu size=\"xl\"\u003e\n    \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n`}\n\u003e\n    \u003cUIKit.Menu size=\"s\"\u003e\n        \u003cUIKit.Menu.Item\u003eFirst\u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Item\u003eSecond\u003c/UIKit.Menu.Item\u003e\n    \u003c/UIKit.Menu\u003e\n    \u003cUIKit.Menu size=\"m\"\u003e\n        \u003cUIKit.Menu.Item\u003eFirst\u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Item\u003eSecond\u003c/UIKit.Menu.Item\u003e\n    \u003c/UIKit.Menu\u003e\n    \u003cUIKit.Menu size=\"l\"\u003e\n        \u003cUIKit.Menu.Item\u003eFirst\u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Item\u003eSecond\u003c/UIKit.Menu.Item\u003e\n    \u003c/UIKit.Menu\u003e\n    \u003cUIKit.Menu size=\"xl\"\u003e\n        \u003cUIKit.Menu.Item\u003eFirst\u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Item\u003eSecond\u003c/UIKit.Menu.Item\u003e\n    \u003c/UIKit.Menu\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cMenu size=\"s\"\u003e\n    \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n\n\u003cMenu size=\"m\"\u003e\n    \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n\n\u003cMenu size=\"l\"\u003e\n    \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n\n\u003cMenu size=\"xl\"\u003e\n    \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name      | Description                                |           Type           | Default |\n| :-------- | :----------------------------------------- | :----------------------: | :-----: |\n| size      | Menu size                                  | `\"s\"` `\"m\"` `\"l\"` `\"xl\"` |  `\"m\"`  |\n| children  | Child element                              |    `React.ReactNode`     |         |\n| className | HTML `class` attribute                     |         `string`         |         |\n| style     | HTML `style` attribute                     |  `React.CSSProperties`   |         |\n| qa        | HTML `data-qa` attribute, used for testing |         `string`         |         |\n\n## Menu.Item\n\nThis property is used to render menu items.\n\n### Icon\n\nThe `iconStart` or `iconEnd` properties is used to display an icon at the start or end of a menu item:\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cMenu\u003e\n    \u003cMenu.Item iconStart={\u003cIcon size={16} data={GearIcon} /\u003e}\u003eItem with icon\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eItem without icon\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n`}\n\u003e\n    \u003cUIKit.Menu\u003e\n        \u003cUIKit.Menu.Item iconStart={\n            \u003cUIKit.Icon data={() =\u003e (\n                \u003csvg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"16\" height=\"16\" class=\"g-icon\" fill=\"currentColor\" stroke=\"none\" aria-hidden=\"true\"\u003e\u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/svg\u003e\n            )} size={16} /\u003e\n        }\u003e\n            Item with icon\n        \u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Item\u003eItem without icon\u003c/UIKit.Menu.Item\u003e\n    \u003c/UIKit.Menu\u003e\n\u003c/ExampleBlock\u003e\n\n\u003cExampleBlock\n    code={`\n\u003cMenu\u003e\n    \u003cMenu.Item iconEnd={\u003cIcon size={16} data={TriangleExclamation} /\u003e}\u003eItem with icon\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eItem without icon\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n`}\n\u003e\n    \u003cUIKit.Menu\u003e\n        \u003cUIKit.Menu.Item iconEnd={\n            \u003cUIKit.Icon data={() =\u003e (\n                \u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7.134 2.994 2.217 11.5a1 1 0 0 0 .866 1.5h9.834a1 1 0 0 0 .866-1.5L8.866 2.993a1 1 0 0 0-1.732 0Zm3.03-.75c-.962-1.665-3.366-1.665-4.328 0L.919 10.749c-.964 1.666.239 3.751 2.164 3.751h9.834c1.925 0 3.128-2.085 2.164-3.751l-4.917-8.505ZM8 5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2A.75.75 0 0 1 8 5Zm1 5.75a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\" clip-rule=\"evenodd\"/\u003e\u003c/svg\u003e\n            )} size={16} /\u003e\n        }\u003e\n            Item with icon\n        \u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Item\u003eItem without icon\u003c/UIKit.Menu.Item\u003e\n    \u003c/UIKit.Menu\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cMenu\u003e\n  \u003cMenu.Item iconStart={\u003cIcon size={16} data={GearIcon} /\u003e}\u003eItem with icon\u003c/Menu.Item\u003e\n  \u003cMenu.Item\u003eItem without icon\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n```\n\n```tsx\n\u003cMenu\u003e\n  \u003cMenu.Item iconEnd={\u003cIcon size={16} data={TriangleExclamation} /\u003e}\u003eItem with icon\u003c/Menu.Item\u003e\n  \u003cMenu.Item\u003eItem without icon\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### States\n\nUsing this property, you can enable or disable (gray out) specific menu items:\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cMenu\u003e\n    \u003cMenu.Item disabled\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n    \u003cMenu.Item selected\u003eThird\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n`}\n\u003e\n    \u003cUIKit.Menu\u003e\n        \u003cUIKit.Menu.Item disabled\u003eFirst\u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Item\u003eSecond\u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Item selected\u003eThird\u003c/UIKit.Menu.Item\u003e\n    \u003c/UIKit.Menu\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cMenu\u003e\n  \u003cMenu.Item disabled\u003eFirst\u003c/Menu.Item\u003e\n  \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n  \u003cMenu.Item selected\u003eThird\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Theme\n\nThis allows you to change the menu item theme. The default theme is `normal`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cMenu\u003e\n    \u003cMenu.Item theme=\"danger\"\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Item theme=\"normal\"\u003eSecond\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eThird\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n`}\n\u003e\n    \u003cUIKit.Menu\u003e\n        \u003cUIKit.Menu.Item theme=\"danger\"\u003eFirst\u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Item theme=\"normal\"\u003eSecond\u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Item\u003eThird\u003c/UIKit.Menu.Item\u003e\n    \u003c/UIKit.Menu\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cMenu\u003e\n  \u003cMenu.Item theme=\"danger\"\u003eFirst\u003c/Menu.Item\u003e\n  \u003cMenu.Item theme=\"normal\"\u003eSecond\u003c/Menu.Item\u003e\n  \u003cMenu.Item\u003eThird\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Properties\n\n| Name       | Description                                |           Type            |  Default   |\n| :--------- | :----------------------------------------- | :-----------------------: | :--------: |\n| iconStart  | Menu icon before item text                 |        `ReactNode`        |            |\n| iconEnd    | Menu icon after item text                  |        `ReactNode`        |            |\n| selected   | Menu item selected flag                    |         `boolean`         |  `false`   |\n| disabled   | Menu item disabled flag                    |         `boolean`         |  `false`   |\n| active     | Menu item active flag                      |         `boolean`         |  `false`   |\n| href       | URL                                        |         `string`          |            |\n| title      | Title attribute                            |         `string`          |            |\n| target     | Target attribute                           |         `string`          |            |\n| rel        | Rel attribute                              |         `string`          |            |\n| onClick    | Handler for onclick event                  | `React.MouseEventHandler` |            |\n| theme      | Menu item theme                            |   `\"normal\"` `\"danger\"`   | `\"normal\"` |\n| children   | Child element                              |     `React.ReactNode`     |            |\n| className  | HTML `class` attribute                     |         `string`          |            |\n| style      | HTML `style` attribute                     |   `React.CSSProperties`   |            |\n| qa         | HTML `data-qa` attribute, used for testing |         `string`          |            |\n| extraProps | Additional html attributes                 |         `Record`          |            |\n\n## Menu.Group\n\nYou can group items by topics within a single menu:\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cMenu\u003e\n    \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Group label=\"Group One\"\u003e\n        \u003cMenu.Item\u003eOne\u003c/Menu.Item\u003e\n        \u003cMenu.Item\u003eTwo\u003c/Menu.Item\u003e\n    \u003c/Menu.Group\u003e\n    \u003cMenu.Group label=\"Group Two\"\u003e\n        \u003cMenu.Item\u003eOne\u003c/Menu.Item\u003e\n        \u003cMenu.Item\u003eTwo\u003c/Menu.Item\u003e\n    \u003c/Menu.Group\u003e\n    \u003cMenu.Item\u003eMiddle\u003c/Menu.Item\u003e\n    \u003cMenu.Group label=\"Group Three\"\u003e\n        \u003cMenu.Item\u003eOne\u003c/Menu.Item\u003e\n        \u003cMenu.Item\u003eTwo\u003c/Menu.Item\u003e\n    \u003c/Menu.Group\u003e\n    \u003cMenu.Item\u003eLast\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n`}\n\u003e\n    \u003cUIKit.Menu\u003e\n        \u003cUIKit.Menu.Item\u003eFirst\u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Group label=\"Group One\"\u003e\n            \u003cUIKit.Menu.Item\u003eOne\u003c/UIKit.Menu.Item\u003e\n            \u003cUIKit.Menu.Item\u003eTwo\u003c/UIKit.Menu.Item\u003e\n        \u003c/UIKit.Menu.Group\u003e\n        \u003cUIKit.Menu.Group label=\"Group Two\"\u003e\n            \u003cUIKit.Menu.Item\u003eOne\u003c/UIKit.Menu.Item\u003e\n            \u003cUIKit.Menu.Item\u003eTwo\u003c/UIKit.Menu.Item\u003e\n        \u003c/UIKit.Menu.Group\u003e\n        \u003cUIKit.Menu.Item\u003eMiddle\u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Group label=\"Group Three\"\u003e\n            \u003cUIKit.Menu.Item\u003eOne\u003c/UIKit.Menu.Item\u003e\n            \u003cUIKit.Menu.Item\u003eTwo\u003c/UIKit.Menu.Item\u003e\n        \u003c/UIKit.Menu.Group\u003e\n        \u003cUIKit.Menu.Item\u003eLast\u003c/UIKit.Menu.Item\u003e\n    \u003c/UIKit.Menu\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cMenu\u003e\n  \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n  \u003cMenu.Group label=\"Group One\"\u003e\n    \u003cMenu.Item\u003eOne\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eTwo\u003c/Menu.Item\u003e\n  \u003c/Menu.Group\u003e\n  \u003cMenu.Group label=\"Group Two\"\u003e\n    \u003cMenu.Item\u003eOne\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eTwo\u003c/Menu.Item\u003e\n  \u003c/Menu.Group\u003e\n  \u003cMenu.Item\u003eMiddle\u003c/Menu.Item\u003e\n  \u003cMenu.Group label=\"Group Three\"\u003e\n    \u003cMenu.Item\u003eOne\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eTwo\u003c/Menu.Item\u003e\n  \u003c/Menu.Group\u003e\n  \u003cMenu.Item\u003eLast\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Properties\n\n| Name      | Description                             |         Type          | Default |\n| :-------- | :-------------------------------------- | :-------------------: | :-----: |\n| label     | Menu group label                        |       `string`        |         |\n| children  | Child element                           |   `React.ReactNode`   |         |\n| className | HTML `class` attribute                  |       `string`        |         |\n| style     | HTML `style` attribute                  | `React.CSSProperties` |         |\n| qa        | HTML `data-qa` attribute, used in tests |       `string`        |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"menu"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Menu</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Menu</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@NikitaCG" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/NikitaCG" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36075690?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">NikitaCG</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Menu" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/loader"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Loader</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/modal"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Modal</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"menu","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Menu\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Menu} from '@gravity-ui/uikit';\n```\n\nThe `Menu` component makes it easy to create views for actions lists.\n\n`Menu` has dedicated components for items (`Menu.Item`) and a groups (`Menu.Group`). You can combine them to create more complex menus.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cMenu\u003e\n    \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n`}\n\u003e\n    \u003cUIKit.Menu\u003e\n        \u003cUIKit.Menu.Item\u003eFirst\u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Item\u003eSecond\u003c/UIKit.Menu.Item\u003e\n            \u003cUIKit.Menu.Group label=\"Group\"\u003e\n                \u003cUIKit.Menu.Item\u003eOne\u003c/UIKit.Menu.Item\u003e\n                \u003cUIKit.Menu.Item\u003eTwo\u003c/UIKit.Menu.Item\u003e\n            \u003c/UIKit.Menu.Group\u003e\n    \u003c/UIKit.Menu\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cMenu\u003e\n  \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n  \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n  \u003cMenu.Group label=\"Group\"\u003e\n    \u003cMenu.Item\u003eOne\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eTwo\u003c/Menu.Item\u003e\n  \u003c/Menu.Group\u003e\n\u003c/Menu\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Size\n\nThis property is used to select the menu size. The default value is `m`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cMenu size=\"s\"\u003e\n    \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n\u003cMenu size=\"m\"\u003e\n    \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n\u003cMenu size=\"l\"\u003e\n    \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n\u003cMenu size=\"xl\"\u003e\n    \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n`}\n\u003e\n    \u003cUIKit.Menu size=\"s\"\u003e\n        \u003cUIKit.Menu.Item\u003eFirst\u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Item\u003eSecond\u003c/UIKit.Menu.Item\u003e\n    \u003c/UIKit.Menu\u003e\n    \u003cUIKit.Menu size=\"m\"\u003e\n        \u003cUIKit.Menu.Item\u003eFirst\u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Item\u003eSecond\u003c/UIKit.Menu.Item\u003e\n    \u003c/UIKit.Menu\u003e\n    \u003cUIKit.Menu size=\"l\"\u003e\n        \u003cUIKit.Menu.Item\u003eFirst\u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Item\u003eSecond\u003c/UIKit.Menu.Item\u003e\n    \u003c/UIKit.Menu\u003e\n    \u003cUIKit.Menu size=\"xl\"\u003e\n        \u003cUIKit.Menu.Item\u003eFirst\u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Item\u003eSecond\u003c/UIKit.Menu.Item\u003e\n    \u003c/UIKit.Menu\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cMenu size=\"s\"\u003e\n    \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n\n\u003cMenu size=\"m\"\u003e\n    \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n\n\u003cMenu size=\"l\"\u003e\n    \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n\n\u003cMenu size=\"xl\"\u003e\n    \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name      | Description                                |           Type           | Default |\n| :-------- | :----------------------------------------- | :----------------------: | :-----: |\n| size      | Menu size                                  | `\"s\"` `\"m\"` `\"l\"` `\"xl\"` |  `\"m\"`  |\n| children  | Child element                              |    `React.ReactNode`     |         |\n| className | HTML `class` attribute                     |         `string`         |         |\n| style     | HTML `style` attribute                     |  `React.CSSProperties`   |         |\n| qa        | HTML `data-qa` attribute, used for testing |         `string`         |         |\n\n## Menu.Item\n\nThis property is used to render menu items.\n\n### Icon\n\nThe `iconStart` or `iconEnd` properties is used to display an icon at the start or end of a menu item:\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cMenu\u003e\n    \u003cMenu.Item iconStart={\u003cIcon size={16} data={GearIcon} /\u003e}\u003eItem with icon\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eItem without icon\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n`}\n\u003e\n    \u003cUIKit.Menu\u003e\n        \u003cUIKit.Menu.Item iconStart={\n            \u003cUIKit.Icon data={() =\u003e (\n                \u003csvg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"16\" height=\"16\" class=\"g-icon\" fill=\"currentColor\" stroke=\"none\" aria-hidden=\"true\"\u003e\u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/svg\u003e\n            )} size={16} /\u003e\n        }\u003e\n            Item with icon\n        \u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Item\u003eItem without icon\u003c/UIKit.Menu.Item\u003e\n    \u003c/UIKit.Menu\u003e\n\u003c/ExampleBlock\u003e\n\n\u003cExampleBlock\n    code={`\n\u003cMenu\u003e\n    \u003cMenu.Item iconEnd={\u003cIcon size={16} data={TriangleExclamation} /\u003e}\u003eItem with icon\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eItem without icon\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n`}\n\u003e\n    \u003cUIKit.Menu\u003e\n        \u003cUIKit.Menu.Item iconEnd={\n            \u003cUIKit.Icon data={() =\u003e (\n                \u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7.134 2.994 2.217 11.5a1 1 0 0 0 .866 1.5h9.834a1 1 0 0 0 .866-1.5L8.866 2.993a1 1 0 0 0-1.732 0Zm3.03-.75c-.962-1.665-3.366-1.665-4.328 0L.919 10.749c-.964 1.666.239 3.751 2.164 3.751h9.834c1.925 0 3.128-2.085 2.164-3.751l-4.917-8.505ZM8 5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2A.75.75 0 0 1 8 5Zm1 5.75a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\" clip-rule=\"evenodd\"/\u003e\u003c/svg\u003e\n            )} size={16} /\u003e\n        }\u003e\n            Item with icon\n        \u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Item\u003eItem without icon\u003c/UIKit.Menu.Item\u003e\n    \u003c/UIKit.Menu\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cMenu\u003e\n  \u003cMenu.Item iconStart={\u003cIcon size={16} data={GearIcon} /\u003e}\u003eItem with icon\u003c/Menu.Item\u003e\n  \u003cMenu.Item\u003eItem without icon\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n```\n\n```tsx\n\u003cMenu\u003e\n  \u003cMenu.Item iconEnd={\u003cIcon size={16} data={TriangleExclamation} /\u003e}\u003eItem with icon\u003c/Menu.Item\u003e\n  \u003cMenu.Item\u003eItem without icon\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### States\n\nUsing this property, you can enable or disable (gray out) specific menu items:\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cMenu\u003e\n    \u003cMenu.Item disabled\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n    \u003cMenu.Item selected\u003eThird\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n`}\n\u003e\n    \u003cUIKit.Menu\u003e\n        \u003cUIKit.Menu.Item disabled\u003eFirst\u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Item\u003eSecond\u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Item selected\u003eThird\u003c/UIKit.Menu.Item\u003e\n    \u003c/UIKit.Menu\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cMenu\u003e\n  \u003cMenu.Item disabled\u003eFirst\u003c/Menu.Item\u003e\n  \u003cMenu.Item\u003eSecond\u003c/Menu.Item\u003e\n  \u003cMenu.Item selected\u003eThird\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Theme\n\nThis allows you to change the menu item theme. The default theme is `normal`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cMenu\u003e\n    \u003cMenu.Item theme=\"danger\"\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Item theme=\"normal\"\u003eSecond\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eThird\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n`}\n\u003e\n    \u003cUIKit.Menu\u003e\n        \u003cUIKit.Menu.Item theme=\"danger\"\u003eFirst\u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Item theme=\"normal\"\u003eSecond\u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Item\u003eThird\u003c/UIKit.Menu.Item\u003e\n    \u003c/UIKit.Menu\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cMenu\u003e\n  \u003cMenu.Item theme=\"danger\"\u003eFirst\u003c/Menu.Item\u003e\n  \u003cMenu.Item theme=\"normal\"\u003eSecond\u003c/Menu.Item\u003e\n  \u003cMenu.Item\u003eThird\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Properties\n\n| Name       | Description                                |           Type            |  Default   |\n| :--------- | :----------------------------------------- | :-----------------------: | :--------: |\n| iconStart  | Menu icon before item text                 |        `ReactNode`        |            |\n| iconEnd    | Menu icon after item text                  |        `ReactNode`        |            |\n| selected   | Menu item selected flag                    |         `boolean`         |  `false`   |\n| disabled   | Menu item disabled flag                    |         `boolean`         |  `false`   |\n| active     | Menu item active flag                      |         `boolean`         |  `false`   |\n| href       | URL                                        |         `string`          |            |\n| title      | Title attribute                            |         `string`          |            |\n| target     | Target attribute                           |         `string`          |            |\n| rel        | Rel attribute                              |         `string`          |            |\n| onClick    | Handler for onclick event                  | `React.MouseEventHandler` |            |\n| theme      | Menu item theme                            |   `\"normal\"` `\"danger\"`   | `\"normal\"` |\n| children   | Child element                              |     `React.ReactNode`     |            |\n| className  | HTML `class` attribute                     |         `string`          |            |\n| style      | HTML `style` attribute                     |   `React.CSSProperties`   |            |\n| qa         | HTML `data-qa` attribute, used for testing |         `string`          |            |\n| extraProps | Additional html attributes                 |         `Record`          |            |\n\n## Menu.Group\n\nYou can group items by topics within a single menu:\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cMenu\u003e\n    \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n    \u003cMenu.Group label=\"Group One\"\u003e\n        \u003cMenu.Item\u003eOne\u003c/Menu.Item\u003e\n        \u003cMenu.Item\u003eTwo\u003c/Menu.Item\u003e\n    \u003c/Menu.Group\u003e\n    \u003cMenu.Group label=\"Group Two\"\u003e\n        \u003cMenu.Item\u003eOne\u003c/Menu.Item\u003e\n        \u003cMenu.Item\u003eTwo\u003c/Menu.Item\u003e\n    \u003c/Menu.Group\u003e\n    \u003cMenu.Item\u003eMiddle\u003c/Menu.Item\u003e\n    \u003cMenu.Group label=\"Group Three\"\u003e\n        \u003cMenu.Item\u003eOne\u003c/Menu.Item\u003e\n        \u003cMenu.Item\u003eTwo\u003c/Menu.Item\u003e\n    \u003c/Menu.Group\u003e\n    \u003cMenu.Item\u003eLast\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n`}\n\u003e\n    \u003cUIKit.Menu\u003e\n        \u003cUIKit.Menu.Item\u003eFirst\u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Group label=\"Group One\"\u003e\n            \u003cUIKit.Menu.Item\u003eOne\u003c/UIKit.Menu.Item\u003e\n            \u003cUIKit.Menu.Item\u003eTwo\u003c/UIKit.Menu.Item\u003e\n        \u003c/UIKit.Menu.Group\u003e\n        \u003cUIKit.Menu.Group label=\"Group Two\"\u003e\n            \u003cUIKit.Menu.Item\u003eOne\u003c/UIKit.Menu.Item\u003e\n            \u003cUIKit.Menu.Item\u003eTwo\u003c/UIKit.Menu.Item\u003e\n        \u003c/UIKit.Menu.Group\u003e\n        \u003cUIKit.Menu.Item\u003eMiddle\u003c/UIKit.Menu.Item\u003e\n        \u003cUIKit.Menu.Group label=\"Group Three\"\u003e\n            \u003cUIKit.Menu.Item\u003eOne\u003c/UIKit.Menu.Item\u003e\n            \u003cUIKit.Menu.Item\u003eTwo\u003c/UIKit.Menu.Item\u003e\n        \u003c/UIKit.Menu.Group\u003e\n        \u003cUIKit.Menu.Item\u003eLast\u003c/UIKit.Menu.Item\u003e\n    \u003c/UIKit.Menu\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cMenu\u003e\n  \u003cMenu.Item\u003eFirst\u003c/Menu.Item\u003e\n  \u003cMenu.Group label=\"Group One\"\u003e\n    \u003cMenu.Item\u003eOne\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eTwo\u003c/Menu.Item\u003e\n  \u003c/Menu.Group\u003e\n  \u003cMenu.Group label=\"Group Two\"\u003e\n    \u003cMenu.Item\u003eOne\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eTwo\u003c/Menu.Item\u003e\n  \u003c/Menu.Group\u003e\n  \u003cMenu.Item\u003eMiddle\u003c/Menu.Item\u003e\n  \u003cMenu.Group label=\"Group Three\"\u003e\n    \u003cMenu.Item\u003eOne\u003c/Menu.Item\u003e\n    \u003cMenu.Item\u003eTwo\u003c/Menu.Item\u003e\n  \u003c/Menu.Group\u003e\n  \u003cMenu.Item\u003eLast\u003c/Menu.Item\u003e\n\u003c/Menu\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Properties\n\n| Name      | Description                             |         Type          | Default |\n| :-------- | :-------------------------------------- | :-------------------: | :-----: |\n| label     | Menu group label                        |       `string`        |         |\n| children  | Child element                           |   `React.ReactNode`   |         |\n| className | HTML `class` attribute                  |       `string`        |         |\n| style     | HTML `style` attribute                  | `React.CSSProperties` |         |\n| qa        | HTML `data-qa` attribute, used in tests |       `string`        |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"menu"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/modal.html b/components/uikit/modal.html
index 9ea13f1a587..85be63c388b 100644
--- a/components/uikit/modal.html
+++ b/components/uikit/modal.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Modal</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Modal</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">amje</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Modal" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/menu"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Menu</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/overlay"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Overlay</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"modal","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Modal\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Modal} from '@gravity-ui/uikit';\n```\n\nThe `Modal` component serves as base for creating pop-up windows with a backdrop above the rest of the content on a page.\nIt disables scrolling while opening and manages focus for content. The child components of `Modal` are rendered inside the [`Portal`](../Portal) component.\nThrough `Modal`, you can implement dialogs, alerts, confirmations, and more.\n\n## Usage\n\n```tsx\nimport React from 'react';\nimport {Button, Modal} from '@gravity-ui/uikit';\n\nconst [open, setOpen] = React.useState(false);\n\n\u003cButton onClick={() =\u003e setOpen(true)}\u003eOpen Modal\u003c/Button\u003e\n\u003cModal open={open} onClose={() =\u003e setOpen(false)}\u003e\n    Content\n\u003c/Modal\u003e\n```\n\n## Properties\n\n| Name                  | Description                                                                         |       Type        |     Default     |\n| :-------------------- | :---------------------------------------------------------------------------------- | :---------------: | :-------------: |\n| autoFocus             | While opened, the focus will be set to the first interactive element in the content |     `boolean`     |     `true`      |\n| children              | Any React content                                                                   | `React.ReactNode` |                 |\n| className             | HTML `class` attribute for root node                                                |     `string`      |                 |\n| container             | DOM element to which children are to be mounted to                                  |   `HTMLElement`   | `document.body` |\n| contentClassName      | HTML `class` atribute for content node                                              |     `string`      |                 |\n| disableBodyScrollLock | Do not lock scroll while open                                                       |     `boolean`     |     `false`     |\n| disableEscapeKeyDown  | Do not trigger close on `Esc`                                                       |     `boolean`     |     `false`     |\n| disableOutsideClick   | Do not trigger close on outside clicks                                              |     `boolean`     |     `false`     |\n| focusTrap             | Enable focus trapping behavior                                                      |     `boolean`     |     `true`      |\n| keepMounted           | `Modal` will not be removed from the DOM upon hiding                                |     `boolean`     |     `false`     |\n| onClose               | Handle `Modal` close event                                                          |    `Function`     |                 |\n| onEnterKeyDown        | `Enter` press event handler                                                         |    `Function`     |                 |\n| onEscapeKeyDown       | `Esc` press event handler                                                           |    `Function`     |                 |\n| onTransitionEnter     | Open transition start event handler                                                 |    `Function`     |                 |\n| onTransitionExit      | Close transition start event handler                                                |    `Function`     |                 |\n| onTransitionEntered   | Open transition end event handler                                                   |    `Function`     |                 |\n| onTransitionExited    | Close transition end event handler                                                  |    `Function`     |                 |\n| onOutsideClick        | Outside click event handler                                                         |    `Function`     |                 |\n| open                  | Manages `Modal` visibility                                                          |     `boolean`     |     `false`     |\n| qa                    | Test attribute (`data-qa`)                                                          |     `string`      |                 |\n| restoreFocusRef       | Element the focus will be restored to                                               | `React.RefObject` |                 |\n| style                 | HTML `style` atribute for root node                                                 |     `string`      |                 |\n| aria-label            | HTML `aria-label` attribute to describe the `Modal`                                 |     `string`      |                 |\n| aria-labelledby       | Id of the visible `Modal` caption element                                           |     `string`      |                 |\n| contentOverflow       | Define whether `Modal` has a scroll indicator inside or grows with the content      | `visible` `auto`  |    `visible`    |\n\n## CSS API\n\n| Name                      | Description                   |\n| :------------------------ | :---------------------------- |\n| `--g-modal-margin`        | Margin around Modal's content |\n| `--g-modal-border-radius` | Modal's content border radius |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"modal"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Modal</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Modal</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">amje</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Modal" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/menu"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Menu</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/overlay"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Overlay</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"modal","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Modal\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Modal} from '@gravity-ui/uikit';\n```\n\nThe `Modal` component serves as base for creating pop-up windows with a backdrop above the rest of the content on a page.\nIt disables scrolling while opening and manages focus for content. The child components of `Modal` are rendered inside the [`Portal`](../Portal) component.\nThrough `Modal`, you can implement dialogs, alerts, confirmations, and more.\n\n## Usage\n\n```tsx\nimport React from 'react';\nimport {Button, Modal} from '@gravity-ui/uikit';\n\nconst [open, setOpen] = React.useState(false);\n\n\u003cButton onClick={() =\u003e setOpen(true)}\u003eOpen Modal\u003c/Button\u003e\n\u003cModal open={open} onClose={() =\u003e setOpen(false)}\u003e\n    Content\n\u003c/Modal\u003e\n```\n\n## Properties\n\n| Name                  | Description                                                                         |       Type        |     Default     |\n| :-------------------- | :---------------------------------------------------------------------------------- | :---------------: | :-------------: |\n| autoFocus             | While opened, the focus will be set to the first interactive element in the content |     `boolean`     |     `true`      |\n| children              | Any React content                                                                   | `React.ReactNode` |                 |\n| className             | HTML `class` attribute for root node                                                |     `string`      |                 |\n| container             | DOM element to which children are to be mounted to                                  |   `HTMLElement`   | `document.body` |\n| contentClassName      | HTML `class` atribute for content node                                              |     `string`      |                 |\n| disableBodyScrollLock | Do not lock scroll while open                                                       |     `boolean`     |     `false`     |\n| disableEscapeKeyDown  | Do not trigger close on `Esc`                                                       |     `boolean`     |     `false`     |\n| disableOutsideClick   | Do not trigger close on outside clicks                                              |     `boolean`     |     `false`     |\n| focusTrap             | Enable focus trapping behavior                                                      |     `boolean`     |     `true`      |\n| keepMounted           | `Modal` will not be removed from the DOM upon hiding                                |     `boolean`     |     `false`     |\n| onClose               | Handle `Modal` close event                                                          |    `Function`     |                 |\n| onEnterKeyDown        | `Enter` press event handler                                                         |    `Function`     |                 |\n| onEscapeKeyDown       | `Esc` press event handler                                                           |    `Function`     |                 |\n| onTransitionEnter     | Open transition start event handler                                                 |    `Function`     |                 |\n| onTransitionExit      | Close transition start event handler                                                |    `Function`     |                 |\n| onTransitionEntered   | Open transition end event handler                                                   |    `Function`     |                 |\n| onTransitionExited    | Close transition end event handler                                                  |    `Function`     |                 |\n| onOutsideClick        | Outside click event handler                                                         |    `Function`     |                 |\n| open                  | Manages `Modal` visibility                                                          |     `boolean`     |     `false`     |\n| qa                    | Test attribute (`data-qa`)                                                          |     `string`      |                 |\n| restoreFocusRef       | Element the focus will be restored to                                               | `React.RefObject` |                 |\n| style                 | HTML `style` atribute for root node                                                 |     `string`      |                 |\n| aria-label            | HTML `aria-label` attribute to describe the `Modal`                                 |     `string`      |                 |\n| aria-labelledby       | Id of the visible `Modal` caption element                                           |     `string`      |                 |\n| contentOverflow       | Define whether `Modal` has a scroll indicator inside or grows with the content      | `visible` `auto`  |    `visible`    |\n\n## CSS API\n\n| Name                      | Description                   |\n| :------------------------ | :---------------------------- |\n| `--g-modal-margin`        | Margin around Modal's content |\n| `--g-modal-border-radius` | Modal's content border radius |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"modal"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/overlay.html b/components/uikit/overlay.html
index 6a23aa91e77..f83f8e4a259 100644
--- a/components/uikit/overlay.html
+++ b/components/uikit/overlay.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Overlay</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Overlay</h1><div class="gravity-ui-landing-component__buttons"><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Overlay" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/modal"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Modal</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/pagination"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Pagination</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"overlay","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Overlay\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Overlay} from '@gravity-ui/uikit';\n```\n\nThe `Overlay` component renders an overlay over the parent element with relative position,\ni.e. parent element must have `position` set to `relative`.\nFor example, it can be used to preserve the desired layout while loading data.\n\n```jsx\nimport {Box, Overlay, Loader} from '@gravity-ui/uikit';\n\n\u003cBox position=\"relative\"\u003e\n  \u003cdiv\u003eSome content to hide under overlay\u003c/div\u003e\n  \u003cOverlay visible={loading}\u003e\n    \u003cLoader /\u003e\n  \u003c/Overlay\u003e\n\u003c/Box\u003e;\n```\n\n## Appearance\n\n### Background\n\nYou can use `base` or `float` background colors.\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cOverlay background=\"base\"\u003e\n\u003cOverlay background=\"float\"\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name       | Description                         |        Type        | Default |\n| :--------- | :---------------------------------- | :----------------: | :-----: |\n| className  | CSS class name of the root element  |      `string`      |         |\n| visible    | Overlay visibility state            |     `boolean`      | `false` |\n| background | Overlay background style            | `\"base\"` `\"float\"` | `base`  |\n| children   | Content, usually a Loader component | `React.ReactNode`  |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"overlay"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Overlay</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Overlay</h1><div class="gravity-ui-landing-component__buttons"><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Overlay" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/modal"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Modal</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/pagination"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Pagination</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"overlay","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Overlay\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Overlay} from '@gravity-ui/uikit';\n```\n\nThe `Overlay` component renders an overlay over the parent element with relative position,\ni.e. parent element must have `position` set to `relative`.\nFor example, it can be used to preserve the desired layout while loading data.\n\n```jsx\nimport {Box, Overlay, Loader} from '@gravity-ui/uikit';\n\n\u003cBox position=\"relative\"\u003e\n  \u003cdiv\u003eSome content to hide under overlay\u003c/div\u003e\n  \u003cOverlay visible={loading}\u003e\n    \u003cLoader /\u003e\n  \u003c/Overlay\u003e\n\u003c/Box\u003e;\n```\n\n## Appearance\n\n### Background\n\nYou can use `base` or `float` background colors.\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cOverlay background=\"base\"\u003e\n\u003cOverlay background=\"float\"\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name       | Description                         |        Type        | Default |\n| :--------- | :---------------------------------- | :----------------: | :-----: |\n| className  | CSS class name of the root element  |      `string`      |         |\n| visible    | Overlay visibility state            |     `boolean`      | `false` |\n| background | Overlay background style            | `\"base\"` `\"float\"` | `base`  |\n| children   | Content, usually a Loader component | `React.ReactNode`  |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"overlay"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/pagination.html b/components/uikit/pagination.html
index 6b413da51e7..184154c561b 100644
--- a/components/uikit/pagination.html
+++ b/components/uikit/pagination.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Pagination</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Pagination</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@jhoncool" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/jhoncool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11226935?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">jhoncool</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Pagination" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/overlay"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Overlay</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/palette"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Palette</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"pagination","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Pagination\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Pagination} from '@gravity-ui/uikit';\n```\n\nThis component renders pagination.\n\n## Usage\n\n```jsx\nimport {Pagination, PaginationProps} from '@gravity-ui/uikit';\n\nconst [state, setState] = React.useState({page: 1, pageSize: 100});\n\nconst handleUpdate: PaginationProps['onUpdate'] = (page, pageSize) =\u003e\n  setState((prevState) =\u003e ({...prevState, page, pageSize}));\n\nconst pagination = \u003cPagination page={1} pageSize={100} total={1000} onUpdate={handleUpdate} /\u003e;\n```\n\n## Properties\n\n| Name            | Description                                                                                              |    Type    | Default |\n| :-------------- | :------------------------------------------------------------------------------------------------------- | :--------: | :-----: |\n| className       | HTML `class` attribute                                                                                   |  `string`  |         |\n| compact         | Hides the title for the `First`, `Previous`, and `Next` buttons. Always set to `true` in mobile version. | `boolean`  | `true`  |\n| onUpdate        | Called when the page number or `pageSize` is changed                                                     | `Function` |         |\n| page            | Current page number                                                                                      |  `number`  |         |\n| pageSize        | Number of data items per page                                                                            |  `number`  |         |\n| pageSizeOptions | Allows you to specify the `sizeChanger` options                                                          | `number[]` |         |\n| total           | Total number of data items                                                                               |  `number`  |         |\n| showInput       | Shows input to navigate to pages directly                                                                | `boolean`  | `false` |\n| showPages       | Shows pages numbering                                                                                    | `boolean`  | `true`  |\n| qa              | HTML `data-qa` attribute, used in tests                                                                  |  `string`  |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"pagination"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Pagination</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Pagination</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@jhoncool" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/jhoncool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11226935?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">jhoncool</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Pagination" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/overlay"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Overlay</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/palette"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Palette</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"pagination","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Pagination\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Pagination} from '@gravity-ui/uikit';\n```\n\nThis component renders pagination.\n\n## Usage\n\n```jsx\nimport {Pagination, PaginationProps} from '@gravity-ui/uikit';\n\nconst [state, setState] = React.useState({page: 1, pageSize: 100});\n\nconst handleUpdate: PaginationProps['onUpdate'] = (page, pageSize) =\u003e\n  setState((prevState) =\u003e ({...prevState, page, pageSize}));\n\nconst pagination = \u003cPagination page={1} pageSize={100} total={1000} onUpdate={handleUpdate} /\u003e;\n```\n\n## Properties\n\n| Name            | Description                                                                                              |    Type    | Default |\n| :-------------- | :------------------------------------------------------------------------------------------------------- | :--------: | :-----: |\n| className       | HTML `class` attribute                                                                                   |  `string`  |         |\n| compact         | Hides the title for the `First`, `Previous`, and `Next` buttons. Always set to `true` in mobile version. | `boolean`  | `true`  |\n| onUpdate        | Called when the page number or `pageSize` is changed                                                     | `Function` |         |\n| page            | Current page number                                                                                      |  `number`  |         |\n| pageSize        | Number of data items per page                                                                            |  `number`  |         |\n| pageSizeOptions | Allows you to specify the `sizeChanger` options                                                          | `number[]` |         |\n| total           | Total number of data items                                                                               |  `number`  |         |\n| showInput       | Shows input to navigate to pages directly                                                                | `boolean`  | `false` |\n| showPages       | Shows pages numbering                                                                                    | `boolean`  | `true`  |\n| qa              | HTML `data-qa` attribute, used in tests                                                                  |  `string`  |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"pagination"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/palette.html b/components/uikit/palette.html
index c59ea76cb1a..60715e1484d 100644
--- a/components/uikit/palette.html
+++ b/components/uikit/palette.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Palette</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Palette</h1><div class="gravity-ui-landing-component__buttons"><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Palette" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/pagination"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Pagination</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/pin-input"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">PinInput</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"palette","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Palette\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Palette} from '@gravity-ui/uikit';\n```\n\nThe `Palette` component is used display a grid of icons/emojis/reactions/symbols which you can select or unselect.\n\n### Disabled state\n\nYou can disable every option with the `disabled` property. If you want to disable only a portion of options, you can change the `disabled` property of some of the `options` (`PaletteOption[]`).\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\nconst options: PaletteOption[] = [\n    {content: '😎', value: 'ID-cool'},\n    {content: '🥴', value: 'ID-woozy'},\n];\n// disable the first item\n\u003cPalette options={[{ ...options[0], disabled: true }, options[1]]} disabled={true} /\u003e\n// or disable all of them\n\u003cPalette options={options} disabled={true} /\u003e\n`}\n\u003e\n    \u003cUIKit.Palette\n        options={[\n            {content: '😎', value: 'ID-cool', disabled: true},\n            {content: '🥴', value: 'ID-woozy'},\n        ]}\n    /\u003e\n    \u003cUIKit.Palette\n        options={[\n            {content: '😎', value: 'ID-cool'},\n            {content: '🥴', value: 'ID-woozy'},\n        ]}\n        disabled={true}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst options: PaletteOption[] = [\n  // disable a single item\n  {content: '😎', value: 'ID-cool', disabled: true},\n  {content: '🥴', value: 'ID-woozy'},\n];\n// or disable all of them\n\u003cPalette options={options} disabled={true} /\u003e;\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Size\n\nTo control the size of the `Palette`, use the `size` property. The default size is `s`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\nconst options: PaletteOption[] = [\n    {content: '😎', value: 'ID-cool'},\n    {content: '🥴', value: 'ID-woozy'},\n];\n\u003cPalette options={options} size={\"xs\"} /\u003e\n\u003cPalette options={options} size={\"s\"} /\u003e\n\u003cPalette options={options} size={\"m\"} /\u003e\n\u003cPalette options={options} size={\"l\"} /\u003e\n\u003cPalette options={options} size={\"xl\"} /\u003e\n`}\n\u003e\n    \u003cUIKit.Palette\n        options={[\n            {content: '😎', value: 'ID-cool'},\n            {content: '🥴', value: 'ID-woozy'},\n        ]}\n        size=\"xs\"\n    /\u003e\n    \u003cUIKit.Palette\n        options={[\n            {content: '😎', value: 'ID-cool'},\n            {content: '🥴', value: 'ID-woozy'},\n        ]}\n        size=\"s\"\n    /\u003e\n    \u003cUIKit.Palette\n        options={[\n            {content: '😎', value: 'ID-cool'},\n            {content: '🥴', value: 'ID-woozy'},\n        ]}\n        size=\"m\"\n    /\u003e\n    \u003cUIKit.Palette\n        options={[\n            {content: '😎', value: 'ID-cool'},\n            {content: '🥴', value: 'ID-woozy'},\n        ]}\n        size=\"l\"\n    /\u003e\n    \u003cUIKit.Palette\n        options={[\n            {content: '😎', value: 'ID-cool'},\n            {content: '🥴', value: 'ID-woozy'},\n        ]}\n        size=\"xl\"\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst options: PaletteOption[] = [\n    {content: '😎', value: 'ID-cool'},\n    {content: '🥴', value: 'ID-woozy'},\n];\n\u003cPalette options={options} size={\"xs\"} /\u003e\n\u003cPalette options={options} size={\"s\"} /\u003e\n\u003cPalette options={options} size={\"m\"} /\u003e\n\u003cPalette options={options} size={\"l\"} /\u003e\n\u003cPalette options={options} size={\"xl\"} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Columns\n\nYou can change the number of columns in the grid by changing the `columns` property (default is `6`).\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\nconst options: PaletteOption[] = [\n    {content: '😎', value: 'ID-cool'},\n    {content: '🥴', value: 'ID-woozy'},\n];\n\u003cPalette options={options} columns={1} /\u003e\n`}\n\u003e\n    \u003cUIKit.Palette\n        options={[\n            {content: '😎', value: 'ID-cool'},\n            {content: '🥴', value: 'ID-woozy'},\n        ]}\n        columns={1}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst options: PaletteOption[] = [\n  {content: '😎', value: 'ID-cool'},\n  {content: '🥴', value: 'ID-woozy'},\n];\n\u003cPalette options={options} columns={1} /\u003e;\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Multiple\n\nBy default you can (un)select multiple options, but in case you want only one option to be selected, you can disable the `multiple` property.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\nconst options: PaletteOption[] = [\n    {content: '😎', value: 'ID-cool'},\n    {content: '🥴', value: 'ID-woozy'},\n];\n\u003cPalette options={options} multiple={false} /\u003e\n`}\n\u003e\n    \u003cUIKit.Palette\n        options={[\n            {content: '😎', value: 'ID-cool'},\n            {content: '🥴', value: 'ID-woozy'},\n        ]}\n        multiple={false}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst options: PaletteOption[] = [\n  {content: '😎', value: 'ID-cool'},\n  {content: '🥴', value: 'ID-woozy'},\n];\n\u003cPalette options={options} columns={1} /\u003e;\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Properties\n\n`PaletteProps`:\n\n| Name            | Description                                                                             |                          Type                          | Default |\n| :-------------- | :-------------------------------------------------------------------------------------- | :----------------------------------------------------: | :-----: |\n| aria-label      | HTML `aria-label` attribute.                                                            |                        `string`                        |         |\n| aria-labelledby | ID of the visible `Palette` caption element                                             |                        `string`                        |         |\n| className       | HTML `class` attribute.                                                                 |                        `string`                        |         |\n| columns         | Number of elements per row.                                                             |                        `number`                        |   `6`   |\n| defaultValue    | Sets the initial value state when the component is mounted.                             |                       `string[]`                       |         |\n| disabled        | Disables the options.                                                                   |                       `boolean`                        | `false` |\n| multiple        | Allows selecting multiple options.                                                      |                       `boolean`                        | `true`  |\n| onBlur          | `onBlur` event handler.                                                                 | `(event: React.FocusEvent\u003cHTMLButtonElement\u003e) =\u003e void` |         |\n| onFocus         | `onFocus` event handler.                                                                | `(event: React.FocusEvent\u003cHTMLButtonElement\u003e) =\u003e void` |         |\n| onUpdate        | Fires when the user changes the state. Provides the new value as a callback's argument. |              `(value: string[]) =\u003e void`               |         |\n| optionClassName | HTML `class` attribute for the palette button.                                          |                        `string`                        |         |\n| options         | List of options (palette elements).                                                     |                   `PaletteOption[]`                    |  `[]`   |\n| qa              | HTML `data-qa` attribute, used in tests.                                                |                        `string`                        |         |\n| rowClassName    | HTML `class` attribute for a palette row.                                               |                        `string`                        |         |\n| size            | Sets the size of the elements.                                                          |                 `xs` `s` `m` `l` `xl`                  |   `m`   |\n| style           | HTML `style` attribute.                                                                 |                 `React.CSSProperties`                  |         |\n| value           | Current value for controlled usage of the component.                                    |                       `string[]`                       |         |\n\n`PaletteOption`:\n\n| Name     | Description             |    Type     | Default |\n| :------- | :---------------------- | :---------: | :-----: |\n| content  | HTML `class` attribute. | `ReactNode` |         |\n| disabled | Disables the button.    |  `boolean`  | `false` |\n| title    | HTML `title` attribute. |  `string`   |         |\n| value    | Control value.          |  `string`   |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"palette"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Palette</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Palette</h1><div class="gravity-ui-landing-component__buttons"><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Palette" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/pagination"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Pagination</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/pin-input"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">PinInput</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"palette","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Palette\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Palette} from '@gravity-ui/uikit';\n```\n\nThe `Palette` component is used display a grid of icons/emojis/reactions/symbols which you can select or unselect.\n\n### Disabled state\n\nYou can disable every option with the `disabled` property. If you want to disable only a portion of options, you can change the `disabled` property of some of the `options` (`PaletteOption[]`).\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\nconst options: PaletteOption[] = [\n    {content: '😎', value: 'ID-cool'},\n    {content: '🥴', value: 'ID-woozy'},\n];\n// disable the first item\n\u003cPalette options={[{ ...options[0], disabled: true }, options[1]]} disabled={true} /\u003e\n// or disable all of them\n\u003cPalette options={options} disabled={true} /\u003e\n`}\n\u003e\n    \u003cUIKit.Palette\n        options={[\n            {content: '😎', value: 'ID-cool', disabled: true},\n            {content: '🥴', value: 'ID-woozy'},\n        ]}\n    /\u003e\n    \u003cUIKit.Palette\n        options={[\n            {content: '😎', value: 'ID-cool'},\n            {content: '🥴', value: 'ID-woozy'},\n        ]}\n        disabled={true}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst options: PaletteOption[] = [\n  // disable a single item\n  {content: '😎', value: 'ID-cool', disabled: true},\n  {content: '🥴', value: 'ID-woozy'},\n];\n// or disable all of them\n\u003cPalette options={options} disabled={true} /\u003e;\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Size\n\nTo control the size of the `Palette`, use the `size` property. The default size is `s`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\nconst options: PaletteOption[] = [\n    {content: '😎', value: 'ID-cool'},\n    {content: '🥴', value: 'ID-woozy'},\n];\n\u003cPalette options={options} size={\"xs\"} /\u003e\n\u003cPalette options={options} size={\"s\"} /\u003e\n\u003cPalette options={options} size={\"m\"} /\u003e\n\u003cPalette options={options} size={\"l\"} /\u003e\n\u003cPalette options={options} size={\"xl\"} /\u003e\n`}\n\u003e\n    \u003cUIKit.Palette\n        options={[\n            {content: '😎', value: 'ID-cool'},\n            {content: '🥴', value: 'ID-woozy'},\n        ]}\n        size=\"xs\"\n    /\u003e\n    \u003cUIKit.Palette\n        options={[\n            {content: '😎', value: 'ID-cool'},\n            {content: '🥴', value: 'ID-woozy'},\n        ]}\n        size=\"s\"\n    /\u003e\n    \u003cUIKit.Palette\n        options={[\n            {content: '😎', value: 'ID-cool'},\n            {content: '🥴', value: 'ID-woozy'},\n        ]}\n        size=\"m\"\n    /\u003e\n    \u003cUIKit.Palette\n        options={[\n            {content: '😎', value: 'ID-cool'},\n            {content: '🥴', value: 'ID-woozy'},\n        ]}\n        size=\"l\"\n    /\u003e\n    \u003cUIKit.Palette\n        options={[\n            {content: '😎', value: 'ID-cool'},\n            {content: '🥴', value: 'ID-woozy'},\n        ]}\n        size=\"xl\"\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst options: PaletteOption[] = [\n    {content: '😎', value: 'ID-cool'},\n    {content: '🥴', value: 'ID-woozy'},\n];\n\u003cPalette options={options} size={\"xs\"} /\u003e\n\u003cPalette options={options} size={\"s\"} /\u003e\n\u003cPalette options={options} size={\"m\"} /\u003e\n\u003cPalette options={options} size={\"l\"} /\u003e\n\u003cPalette options={options} size={\"xl\"} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Columns\n\nYou can change the number of columns in the grid by changing the `columns` property (default is `6`).\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\nconst options: PaletteOption[] = [\n    {content: '😎', value: 'ID-cool'},\n    {content: '🥴', value: 'ID-woozy'},\n];\n\u003cPalette options={options} columns={1} /\u003e\n`}\n\u003e\n    \u003cUIKit.Palette\n        options={[\n            {content: '😎', value: 'ID-cool'},\n            {content: '🥴', value: 'ID-woozy'},\n        ]}\n        columns={1}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst options: PaletteOption[] = [\n  {content: '😎', value: 'ID-cool'},\n  {content: '🥴', value: 'ID-woozy'},\n];\n\u003cPalette options={options} columns={1} /\u003e;\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Multiple\n\nBy default you can (un)select multiple options, but in case you want only one option to be selected, you can disable the `multiple` property.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\nconst options: PaletteOption[] = [\n    {content: '😎', value: 'ID-cool'},\n    {content: '🥴', value: 'ID-woozy'},\n];\n\u003cPalette options={options} multiple={false} /\u003e\n`}\n\u003e\n    \u003cUIKit.Palette\n        options={[\n            {content: '😎', value: 'ID-cool'},\n            {content: '🥴', value: 'ID-woozy'},\n        ]}\n        multiple={false}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst options: PaletteOption[] = [\n  {content: '😎', value: 'ID-cool'},\n  {content: '🥴', value: 'ID-woozy'},\n];\n\u003cPalette options={options} columns={1} /\u003e;\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Properties\n\n`PaletteProps`:\n\n| Name            | Description                                                                             |                          Type                          | Default |\n| :-------------- | :-------------------------------------------------------------------------------------- | :----------------------------------------------------: | :-----: |\n| aria-label      | HTML `aria-label` attribute.                                                            |                        `string`                        |         |\n| aria-labelledby | ID of the visible `Palette` caption element                                             |                        `string`                        |         |\n| className       | HTML `class` attribute.                                                                 |                        `string`                        |         |\n| columns         | Number of elements per row.                                                             |                        `number`                        |   `6`   |\n| defaultValue    | Sets the initial value state when the component is mounted.                             |                       `string[]`                       |         |\n| disabled        | Disables the options.                                                                   |                       `boolean`                        | `false` |\n| multiple        | Allows selecting multiple options.                                                      |                       `boolean`                        | `true`  |\n| onBlur          | `onBlur` event handler.                                                                 | `(event: React.FocusEvent\u003cHTMLButtonElement\u003e) =\u003e void` |         |\n| onFocus         | `onFocus` event handler.                                                                | `(event: React.FocusEvent\u003cHTMLButtonElement\u003e) =\u003e void` |         |\n| onUpdate        | Fires when the user changes the state. Provides the new value as a callback's argument. |              `(value: string[]) =\u003e void`               |         |\n| optionClassName | HTML `class` attribute for the palette button.                                          |                        `string`                        |         |\n| options         | List of options (palette elements).                                                     |                   `PaletteOption[]`                    |  `[]`   |\n| qa              | HTML `data-qa` attribute, used in tests.                                                |                        `string`                        |         |\n| rowClassName    | HTML `class` attribute for a palette row.                                               |                        `string`                        |         |\n| size            | Sets the size of the elements.                                                          |                 `xs` `s` `m` `l` `xl`                  |   `m`   |\n| style           | HTML `style` attribute.                                                                 |                 `React.CSSProperties`                  |         |\n| value           | Current value for controlled usage of the component.                                    |                       `string[]`                       |         |\n\n`PaletteOption`:\n\n| Name     | Description             |    Type     | Default |\n| :------- | :---------------------- | :---------: | :-----: |\n| content  | HTML `class` attribute. | `ReactNode` |         |\n| disabled | Disables the button.    |  `boolean`  | `false` |\n| title    | HTML `title` attribute. |  `string`   |         |\n| value    | Control value.          |  `string`   |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"palette"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/pin-input.html b/components/uikit/pin-input.html
index aa0a82e6982..37b68b1a542 100644
--- a/components/uikit/pin-input.html
+++ b/components/uikit/pin-input.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->PinInput</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">PinInput</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">amje</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/PinInput" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/palette"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Palette</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/popup"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Popup</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"pin-input","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# PinInput\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {PinInput} from '@gravity-ui/uikit';\n```\n\n`PinInput` is a group of inputs to enter sequence of numeric or alphanumeric values quickly. The most common use case of the component\nis entering OTP or confirmation codes received via SMS, email or authenticator app.\n\nEach input collects one character at time. When value is accepted, focus is moved to the next input, until all fields are filled.\n\n## Type\n\nBy default, inputs accept only numeric values. To allow alphanumeric values set the `type` prop to `\"alphanumeric\"`:\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cPinInput type=\"alphanumeric\" /\u003e\n`}\n\u003e\n    \u003cUIKit.PinInput type=\"alphanumeric\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cPinInput type=\"alphanumeric\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\nThe component comes in four sizes: `s`, `m`, `l`, `xl`. The default is `m`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cPinInput size=\"s\" /\u003e\n\u003cPinInput size=\"m\" /\u003e\n\u003cPinInput size=\"l\" /\u003e\n\u003cPinInput size=\"xl\" /\u003e\n`}\n\u003e\n    \u003cUIKit.PinInput size=\"s\" /\u003e\n    \u003cUIKit.PinInput size=\"m\" /\u003e\n    \u003cUIKit.PinInput size=\"l\" /\u003e\n    \u003cUIKit.PinInput size=\"xl\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cPinInput size=\"s\" /\u003e\n\u003cPinInput size=\"m\" /\u003e\n\u003cPinInput size=\"l\" /\u003e\n\u003cPinInput size=\"xl\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## State\n\nIf you don't want the user to interact with the component set the `disabled` prop:\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cPinInput disabled /\u003e\n`}\n\u003e\n    \u003cUIKit.PinInput disabled /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cPinInput disabled /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\nTo show an invalid state of the component use the `validationState` prop with the `\"invalid\"` value. Optionally set an error text\nwith the `errorMessage` prop:\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cPinInput validationState=\"invalid\" errorMessage=\"Incorrect PIN\" /\u003e\n`}\n\u003e\n    \u003cUIKit.PinInput validationState=\"invalid\" errorMessage=\"Incorrect PIN\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cPinInput validationState=\"invalid\" errorMessage=\"Incorrect PIN\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Placeholder\n\nBy default, there is no placeholder on inputs. You can set it with the `placeholder` prop:\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cPinInput placeholder=\"😎\" /\u003e\n`}\n\u003e\n    \u003cUIKit.PinInput placeholder=\"😎\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cPinInput placeholder=\"😎\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Mask\n\nIf you need to mask entered values use the `mask` prop. It's similar to `\u003cinput type=\"password\"/\u003e` behaviour.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cPinInput mask /\u003e\n`}\n\u003e\n    \u003cUIKit.PinInput mask /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cPinInput mask /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## OTP\n\nIf you want the browser to suggest \"one time codes\" from the outer context (e.g. SMS) set the `otp` prop.\n\n## API\n\n- `focus(): void` - Set focus to the current active input.\n\n## CSS API\n\n| Name                       | Description                                            |\n| :------------------------- | :----------------------------------------------------- |\n| `--g-pin-input-item-width` | Set width of each input, unless `responsive` is `true` |\n| `--g-pin-input-item-gap`   | Set gap between inputs                                 |\n\n## Properties\n\n| Name             | Description                                                                                                                                          |             Type             |   Default   |\n| :--------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------- | :--------------------------: | :---------: |\n| apiRef           | Ref to the [API](#api)                                                                                                                               |      `React.RefObject`       |             |\n| aria-describedby | HTML `aria-describedby` attribute                                                                                                                    |           `string`           |             |\n| aria-label       | HTML `aria-label` attribute                                                                                                                          |           `string`           |             |\n| aria-labelledby  | HTML `aria-labelledby` attribute                                                                                                                     |           `string`           |             |\n| autoFocus        | Whether or not to focus the first input on initial render                                                                                            |          `boolean`           |             |\n| className        | HTML `class` attribute                                                                                                                               |           `string`           |             |\n| defaultValue     | Initial value for uncontrolled component                                                                                                             |          `string[]`          |             |\n| disabled         | Toggles `disabled` state                                                                                                                             |          `boolean`           |             |\n| errorMessage     | Error text placed under the bottom-start corner that shares space with the note container. Only visible when `validationState` is set to `\"invalid\"` |      `React.ReactNode`       |             |\n| id               | HTML `id` attribute prefix for inputs. Resulting id will also contain `\"-${index}\"` part                                                             |           `string`           |             |\n| length           | Number of input fields                                                                                                                               |           `number`           |     `4`     |\n| mask             | When set to `true` mask input values like password field                                                                                             |          `boolean`           |             |\n| name             | HTML `name` attribute for inputs                                                                                                                     |           `string`           |             |\n| note             | An element placed under the bottom-end corner that shares space with the error container                                                             |      `React.ReactNode`       |             |\n| onUpdate         | Callback fired when any of inputs change                                                                                                             | `(value: string[]) =\u003e void`  |             |\n| onUpdateComplete | Callback fired when any of inputs change and all of them are filled                                                                                  | `(value: string[]) =\u003e void`  |             |\n| otp              | When set to `true` adds `autocomplete=\"one-time-code\"` to inputs                                                                                     |          `boolean`           |             |\n| placeholder      | Placeholder for inputs                                                                                                                               |           `string`           |             |\n| qa               | HTML `data-qa` attribute, for test purposes                                                                                                          |           `string`           |             |\n| responsive       | Parent's width distributed evenly between inputs                                                                                                     |          `boolean`           |             |\n| size             | Size of input fields                                                                                                                                 |   `\"s\"` `\"m\"` `\"l\"` `\"xl\"`   |    `\"m\"`    |\n| style            | HTML `style` attribute                                                                                                                               |    `React.CSSProperties`     |             |\n| type             | What type of input value is allowed                                                                                                                  | `\"numeric\"` `\"alphanumeric\"` | `\"numeric\"` |\n| validationState  | Validation state. Affect component's appearance                                                                                                      |         `\"invalid\"`          |             |\n| value            | Current value for controlled component                                                                                                               |          `string[]`          |             |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"pin-input"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->PinInput</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">PinInput</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">amje</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/PinInput" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/palette"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Palette</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/popup"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Popup</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"pin-input","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# PinInput\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {PinInput} from '@gravity-ui/uikit';\n```\n\n`PinInput` is a group of inputs to enter sequence of numeric or alphanumeric values quickly. The most common use case of the component\nis entering OTP or confirmation codes received via SMS, email or authenticator app.\n\nEach input collects one character at time. When value is accepted, focus is moved to the next input, until all fields are filled.\n\n## Type\n\nBy default, inputs accept only numeric values. To allow alphanumeric values set the `type` prop to `\"alphanumeric\"`:\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cPinInput type=\"alphanumeric\" /\u003e\n`}\n\u003e\n    \u003cUIKit.PinInput type=\"alphanumeric\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cPinInput type=\"alphanumeric\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\nThe component comes in four sizes: `s`, `m`, `l`, `xl`. The default is `m`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cPinInput size=\"s\" /\u003e\n\u003cPinInput size=\"m\" /\u003e\n\u003cPinInput size=\"l\" /\u003e\n\u003cPinInput size=\"xl\" /\u003e\n`}\n\u003e\n    \u003cUIKit.PinInput size=\"s\" /\u003e\n    \u003cUIKit.PinInput size=\"m\" /\u003e\n    \u003cUIKit.PinInput size=\"l\" /\u003e\n    \u003cUIKit.PinInput size=\"xl\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cPinInput size=\"s\" /\u003e\n\u003cPinInput size=\"m\" /\u003e\n\u003cPinInput size=\"l\" /\u003e\n\u003cPinInput size=\"xl\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## State\n\nIf you don't want the user to interact with the component set the `disabled` prop:\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cPinInput disabled /\u003e\n`}\n\u003e\n    \u003cUIKit.PinInput disabled /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cPinInput disabled /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\nTo show an invalid state of the component use the `validationState` prop with the `\"invalid\"` value. Optionally set an error text\nwith the `errorMessage` prop:\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cPinInput validationState=\"invalid\" errorMessage=\"Incorrect PIN\" /\u003e\n`}\n\u003e\n    \u003cUIKit.PinInput validationState=\"invalid\" errorMessage=\"Incorrect PIN\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cPinInput validationState=\"invalid\" errorMessage=\"Incorrect PIN\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Placeholder\n\nBy default, there is no placeholder on inputs. You can set it with the `placeholder` prop:\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cPinInput placeholder=\"😎\" /\u003e\n`}\n\u003e\n    \u003cUIKit.PinInput placeholder=\"😎\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cPinInput placeholder=\"😎\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Mask\n\nIf you need to mask entered values use the `mask` prop. It's similar to `\u003cinput type=\"password\"/\u003e` behaviour.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cPinInput mask /\u003e\n`}\n\u003e\n    \u003cUIKit.PinInput mask /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cPinInput mask /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## OTP\n\nIf you want the browser to suggest \"one time codes\" from the outer context (e.g. SMS) set the `otp` prop.\n\n## API\n\n- `focus(): void` - Set focus to the current active input.\n\n## CSS API\n\n| Name                       | Description                                            |\n| :------------------------- | :----------------------------------------------------- |\n| `--g-pin-input-item-width` | Set width of each input, unless `responsive` is `true` |\n| `--g-pin-input-item-gap`   | Set gap between inputs                                 |\n\n## Properties\n\n| Name             | Description                                                                                                                                          |             Type             |   Default   |\n| :--------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------- | :--------------------------: | :---------: |\n| apiRef           | Ref to the [API](#api)                                                                                                                               |      `React.RefObject`       |             |\n| aria-describedby | HTML `aria-describedby` attribute                                                                                                                    |           `string`           |             |\n| aria-label       | HTML `aria-label` attribute                                                                                                                          |           `string`           |             |\n| aria-labelledby  | HTML `aria-labelledby` attribute                                                                                                                     |           `string`           |             |\n| autoFocus        | Whether or not to focus the first input on initial render                                                                                            |          `boolean`           |             |\n| className        | HTML `class` attribute                                                                                                                               |           `string`           |             |\n| defaultValue     | Initial value for uncontrolled component                                                                                                             |          `string[]`          |             |\n| disabled         | Toggles `disabled` state                                                                                                                             |          `boolean`           |             |\n| errorMessage     | Error text placed under the bottom-start corner that shares space with the note container. Only visible when `validationState` is set to `\"invalid\"` |      `React.ReactNode`       |             |\n| id               | HTML `id` attribute prefix for inputs. Resulting id will also contain `\"-${index}\"` part                                                             |           `string`           |             |\n| length           | Number of input fields                                                                                                                               |           `number`           |     `4`     |\n| mask             | When set to `true` mask input values like password field                                                                                             |          `boolean`           |             |\n| name             | HTML `name` attribute for inputs                                                                                                                     |           `string`           |             |\n| note             | An element placed under the bottom-end corner that shares space with the error container                                                             |      `React.ReactNode`       |             |\n| onUpdate         | Callback fired when any of inputs change                                                                                                             | `(value: string[]) =\u003e void`  |             |\n| onUpdateComplete | Callback fired when any of inputs change and all of them are filled                                                                                  | `(value: string[]) =\u003e void`  |             |\n| otp              | When set to `true` adds `autocomplete=\"one-time-code\"` to inputs                                                                                     |          `boolean`           |             |\n| placeholder      | Placeholder for inputs                                                                                                                               |           `string`           |             |\n| qa               | HTML `data-qa` attribute, for test purposes                                                                                                          |           `string`           |             |\n| responsive       | Parent's width distributed evenly between inputs                                                                                                     |          `boolean`           |             |\n| size             | Size of input fields                                                                                                                                 |   `\"s\"` `\"m\"` `\"l\"` `\"xl\"`   |    `\"m\"`    |\n| style            | HTML `style` attribute                                                                                                                               |    `React.CSSProperties`     |             |\n| type             | What type of input value is allowed                                                                                                                  | `\"numeric\"` `\"alphanumeric\"` | `\"numeric\"` |\n| validationState  | Validation state. Affect component's appearance                                                                                                      |         `\"invalid\"`          |             |\n| value            | Current value for controlled component                                                                                                               |          `string[]`          |             |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"pin-input"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/popup.html b/components/uikit/popup.html
index 42e9f8756f7..7ebf9ecf8fa 100644
--- a/components/uikit/popup.html
+++ b/components/uikit/popup.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Popup</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Popup</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">amje</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Popup" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/pin-input"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">PinInput</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/portal"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Portal</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"popup","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Popup\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Popup} from '@gravity-ui/uikit';\n```\n\n`Popup` can be used to display floating content above the page. It is a wrapper around [Popper.js](https://popper.js.org)\nwith some defaults. To manage `Popup` visibility, use the `open` property.\nThe `Popup` child components are rendered inside the [`Portal`](../Portal) component. To disable this behavior, use the `disablePortal` property.\n\n## Anchor\n\nRef object of the DOM element is passed to the `anchorRef` property to create a `Popper.js` instance.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\nconst buttonRef = React.useRef(null);\nconst [open, setOpen] = React.useState(false);\n\n\u003cButton ref={buttonRef} onClick={() =\u003e setOpen((prevOpen) =\u003e !prevOpen)}\u003e\n  Toggle Popup\n\u003c/Button\u003e\n\u003cPopup anchorRef={buttonRef} open={open} placement=\"bottom\"\u003e\n  Content\n\u003c/Popup\u003e\n`}\u003e\n    \u003cUIKitExamples.PopupAnchorExample/\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst buttonRef = React.useRef(null);\nconst [open, setOpen] = React.useState(false);\n\n\u003cButton ref={buttonRef} onClick={() =\u003e setOpen((prevOpen) =\u003e !prevOpen)}\u003e\n  Toggle Popup\n\u003c/Button\u003e\n\u003cPopup anchorRef={buttonRef} open={open} placement=\"bottom\"\u003e\n  Content\n\u003c/Popup\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Placement\n\nUse `placement` property to control `Popup` position around the anchor element.\nAccept all values from `Popper.js` [placement](https://popper.js.org/docs/v2/constructors/#options).\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\nconst boxRef = React.useRef(null);\n\n\u003cdiv ref={boxRef} /\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"top-start\"\u003eTop Start\u003c/Popup\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"top\"\u003eTop\u003c/Popup\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"top-end\"\u003eTop End\u003c/Popup\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"right-start\"\u003eRight Start\u003c/Popup\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"right\"\u003eRight\u003c/Popup\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"right-end\"\u003eRight End\u003c/Popup\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"bottom-end\"\u003eBottom End\u003c/Popup\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"bottom\"\u003eBottom\u003c/Popup\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"bottom-start\"\u003eBottom Start\u003c/Popup\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"left-end\"\u003eLeft End\u003c/Popup\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"left\"\u003eLeft\u003c/Popup\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"left-start\"\u003eLeft Start\u003c/Popup\u003e\n`}\u003e\n    \u003cUIKitExamples.PopupPlacementExample/\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n## Properties\n\n| Name                 | Description                                                                        |                   Type                   |     Default     |\n| :------------------- | :--------------------------------------------------------------------------------- | :--------------------------------------: | :-------------: |\n| altBoundary          | `altBoundary` parameter for `Popper.js` `offset` modifier                          |                `boolean`                 |     `false`     |\n| anchorRef            | `Popper.js` anchor element. Can also be `popper.VirtualElement`                    |             `PopupAnchorRef`             |                 |\n| autoFocus            | While open, the focus will be set to the first interactive element in the content  |                `boolean`                 |     `false`     |\n| children             | Any React content                                                                  |            `React.ReactNode`             |                 |\n| className            | HTML `class` attribute for root node                                               |                 `string`                 |                 |\n| container            | DOM element children to be mounted to                                              |              `HTMLElement`               | `document.body` |\n| contentClassName     | HTML `class` attribute for content node                                            |                 `string`                 |                 |\n| disableEscapeKeyDown | Do not trigger close on `Esc`                                                      |                `boolean`                 |     `false`     |\n| disableLayer         | Do not use `LayerManager` on stacking popups                                       |                `boolean`                 |     `false`     |\n| disableOutsideClick  | Do not trigger close on outside clicks                                             |                `boolean`                 |     `false`     |\n| disablePortal        | Do not use `Portal` for children                                                   |                `boolean`                 |     `false`     |\n| focusTrap            | Enable focus trapping behavior                                                     |                `boolean`                 |     `false`     |\n| hasArrow             | Render an arrow pointing to the anchor                                             |                `boolean`                 |     `false`     |\n| id                   | HTML `id` attribute                                                                |                 `string`                 |                 |\n| keepMounted          | `Popup` will not be removed from the DOM upon hiding                               |                `boolean`                 |     `false`     |\n| modifiers            | `Popper.js` modifiers in addition to default: `arrow`, `offset`, `flip`            |                 `Array`                  |    `[0, 4]`     |\n| offset               | `Popper.js` offset                                                                 |            `[number, number]`            |    `[0, 4]`     |\n| onBlur               | `blur` event handler                                                               |                `Function`                |                 |\n| onClose              | Handle `Popup` close event                                                         |                `Function`                |                 |\n| onEnterKeyDown       | `Enter` press event handler                                                        |                `Function`                |                 |\n| onEscapeKeyDown      | `Esc` press event handler                                                          |                `Function`                |                 |\n| onFocus              | `focus` event handler                                                              |                `Function`                |                 |\n| onMouseEnter         | `mouseenter` event handler                                                         |                `Function`                |                 |\n| onMouseLeave         | `mouseleave` event handler                                                         |                `Function`                |                 |\n| onOutsideClick       | Outside click event handler                                                        |                `Function`                |                 |\n| onTransitionEnter    | On start open popup animation                                                      |                `Function`                |                 |\n| onTransitionEntered  | On finish open popup animation                                                     |                `Function`                |                 |\n| onTransitionExit     | On start close popup animation                                                     |                `Function`                |                 |\n| onTransitionExited   | On finish close popup animation                                                    |                `Function`                |                 |\n| open                 | Manages `Popup` visibility                                                         |                `boolean`                 |     `false`     |\n| placement            | `Popper.js` placement                                                              | `PopupPlacement` `Array\u003cPopupPlacement\u003e` |                 |\n| qa                   | Test attribute (`data-qa`)                                                         |                 `string`                 |                 |\n| restoreFocus         | If true, the focus will return to the anchor element                               |                `boolean`                 |     `false`     |\n| restoreFocusRef      | Element the focus will be restored to                                              |            `React.RefObject`             |                 |\n| aria-labelledby      | `aria-labelledby` attribute, prefer this attribute if you have visible caption     |                 `string`                 |                 |\n| aria-label           | `aria-label` attribute, use this attribute only if you didn't have visible caption |                 `string`                 |                 |\n| role                 | `aria-role` attribute                                                              |                 `string`                 |                 |\n| strategy             | `Popper.js` positioning strategy                                                   |       `popper.PositioningStrategy`       |    `[0, 4]`     |\n| style                | HTML `style` atribute for root node                                                |                 `string`                 |                 |\n\n## CSS API\n\n| Name                         | Description      |\n| :--------------------------- | :--------------- |\n| `--g-popup-background-color` | Background color |\n| `--g-popup-border-color`     | Border color     |\n| `--g-popup-border-width`     | Border width     |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"popup"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Popup</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Popup</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">amje</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Popup" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/pin-input"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">PinInput</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/portal"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Portal</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"popup","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Popup\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Popup} from '@gravity-ui/uikit';\n```\n\n`Popup` can be used to display floating content above the page. It is a wrapper around [Popper.js](https://popper.js.org)\nwith some defaults. To manage `Popup` visibility, use the `open` property.\nThe `Popup` child components are rendered inside the [`Portal`](../Portal) component. To disable this behavior, use the `disablePortal` property.\n\n## Anchor\n\nRef object of the DOM element is passed to the `anchorRef` property to create a `Popper.js` instance.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\nconst buttonRef = React.useRef(null);\nconst [open, setOpen] = React.useState(false);\n\n\u003cButton ref={buttonRef} onClick={() =\u003e setOpen((prevOpen) =\u003e !prevOpen)}\u003e\n  Toggle Popup\n\u003c/Button\u003e\n\u003cPopup anchorRef={buttonRef} open={open} placement=\"bottom\"\u003e\n  Content\n\u003c/Popup\u003e\n`}\u003e\n    \u003cUIKitExamples.PopupAnchorExample/\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst buttonRef = React.useRef(null);\nconst [open, setOpen] = React.useState(false);\n\n\u003cButton ref={buttonRef} onClick={() =\u003e setOpen((prevOpen) =\u003e !prevOpen)}\u003e\n  Toggle Popup\n\u003c/Button\u003e\n\u003cPopup anchorRef={buttonRef} open={open} placement=\"bottom\"\u003e\n  Content\n\u003c/Popup\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Placement\n\nUse `placement` property to control `Popup` position around the anchor element.\nAccept all values from `Popper.js` [placement](https://popper.js.org/docs/v2/constructors/#options).\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\nconst boxRef = React.useRef(null);\n\n\u003cdiv ref={boxRef} /\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"top-start\"\u003eTop Start\u003c/Popup\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"top\"\u003eTop\u003c/Popup\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"top-end\"\u003eTop End\u003c/Popup\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"right-start\"\u003eRight Start\u003c/Popup\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"right\"\u003eRight\u003c/Popup\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"right-end\"\u003eRight End\u003c/Popup\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"bottom-end\"\u003eBottom End\u003c/Popup\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"bottom\"\u003eBottom\u003c/Popup\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"bottom-start\"\u003eBottom Start\u003c/Popup\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"left-end\"\u003eLeft End\u003c/Popup\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"left\"\u003eLeft\u003c/Popup\u003e\n\u003cPopup open anchorRef={boxRef} placement=\"left-start\"\u003eLeft Start\u003c/Popup\u003e\n`}\u003e\n    \u003cUIKitExamples.PopupPlacementExample/\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n## Properties\n\n| Name                 | Description                                                                        |                   Type                   |     Default     |\n| :------------------- | :--------------------------------------------------------------------------------- | :--------------------------------------: | :-------------: |\n| altBoundary          | `altBoundary` parameter for `Popper.js` `offset` modifier                          |                `boolean`                 |     `false`     |\n| anchorRef            | `Popper.js` anchor element. Can also be `popper.VirtualElement`                    |             `PopupAnchorRef`             |                 |\n| autoFocus            | While open, the focus will be set to the first interactive element in the content  |                `boolean`                 |     `false`     |\n| children             | Any React content                                                                  |            `React.ReactNode`             |                 |\n| className            | HTML `class` attribute for root node                                               |                 `string`                 |                 |\n| container            | DOM element children to be mounted to                                              |              `HTMLElement`               | `document.body` |\n| contentClassName     | HTML `class` attribute for content node                                            |                 `string`                 |                 |\n| disableEscapeKeyDown | Do not trigger close on `Esc`                                                      |                `boolean`                 |     `false`     |\n| disableLayer         | Do not use `LayerManager` on stacking popups                                       |                `boolean`                 |     `false`     |\n| disableOutsideClick  | Do not trigger close on outside clicks                                             |                `boolean`                 |     `false`     |\n| disablePortal        | Do not use `Portal` for children                                                   |                `boolean`                 |     `false`     |\n| focusTrap            | Enable focus trapping behavior                                                     |                `boolean`                 |     `false`     |\n| hasArrow             | Render an arrow pointing to the anchor                                             |                `boolean`                 |     `false`     |\n| id                   | HTML `id` attribute                                                                |                 `string`                 |                 |\n| keepMounted          | `Popup` will not be removed from the DOM upon hiding                               |                `boolean`                 |     `false`     |\n| modifiers            | `Popper.js` modifiers in addition to default: `arrow`, `offset`, `flip`            |                 `Array`                  |    `[0, 4]`     |\n| offset               | `Popper.js` offset                                                                 |            `[number, number]`            |    `[0, 4]`     |\n| onBlur               | `blur` event handler                                                               |                `Function`                |                 |\n| onClose              | Handle `Popup` close event                                                         |                `Function`                |                 |\n| onEnterKeyDown       | `Enter` press event handler                                                        |                `Function`                |                 |\n| onEscapeKeyDown      | `Esc` press event handler                                                          |                `Function`                |                 |\n| onFocus              | `focus` event handler                                                              |                `Function`                |                 |\n| onMouseEnter         | `mouseenter` event handler                                                         |                `Function`                |                 |\n| onMouseLeave         | `mouseleave` event handler                                                         |                `Function`                |                 |\n| onOutsideClick       | Outside click event handler                                                        |                `Function`                |                 |\n| onTransitionEnter    | On start open popup animation                                                      |                `Function`                |                 |\n| onTransitionEntered  | On finish open popup animation                                                     |                `Function`                |                 |\n| onTransitionExit     | On start close popup animation                                                     |                `Function`                |                 |\n| onTransitionExited   | On finish close popup animation                                                    |                `Function`                |                 |\n| open                 | Manages `Popup` visibility                                                         |                `boolean`                 |     `false`     |\n| placement            | `Popper.js` placement                                                              | `PopupPlacement` `Array\u003cPopupPlacement\u003e` |                 |\n| qa                   | Test attribute (`data-qa`)                                                         |                 `string`                 |                 |\n| restoreFocus         | If true, the focus will return to the anchor element                               |                `boolean`                 |     `false`     |\n| restoreFocusRef      | Element the focus will be restored to                                              |            `React.RefObject`             |                 |\n| aria-labelledby      | `aria-labelledby` attribute, prefer this attribute if you have visible caption     |                 `string`                 |                 |\n| aria-label           | `aria-label` attribute, use this attribute only if you didn't have visible caption |                 `string`                 |                 |\n| role                 | `aria-role` attribute                                                              |                 `string`                 |                 |\n| strategy             | `Popper.js` positioning strategy                                                   |       `popper.PositioningStrategy`       |    `[0, 4]`     |\n| style                | HTML `style` atribute for root node                                                |                 `string`                 |                 |\n\n## CSS API\n\n| Name                         | Description      |\n| :--------------------------- | :--------------- |\n| `--g-popup-background-color` | Background color |\n| `--g-popup-border-color`     | Border color     |\n| `--g-popup-border-width`     | Border width     |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"popup"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/portal.html b/components/uikit/portal.html
index ef81b9892bd..62043bcb1ef 100644
--- a/components/uikit/portal.html
+++ b/components/uikit/portal.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Portal</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Portal</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">amje</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Portal" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/popup"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Popup</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/progress"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Progress</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"portal","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Portal\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Portal} from '@gravity-ui/uikit';\n```\n\n`Portal` is a utility component, a simple wrapper around React [`createPortal`](https://react.dev/reference/react-dom/createPortal)\nthat allows you to render children into a DOM node outside the parent component.\n\n## Container\n\nBy default, `Portal` renders its children into `document.body`; however, it can be changed with the `container` property.\nAdditionally, a container can be provided to all `Portal`s in the React subtree using the `PortalProvder` component.\n\n```tsx\nimport {Portal, PortalProvider} from '@gravity-ui/uikit'\n\nconst myRoot = document.getElementById('my-root');\n\n\u003cPortal\u003eThis is rendered inside document.body\u003c/Portal\u003e\n\u003cPortal container={myRoot}\u003eThis is rendered inside #my-root node\u003c/Portal\u003e\n\u003cPortalProvider container={myRoot}\u003e\n    \u003cPortal\u003eThis is also rendered inside #my-root\u003c/Portal\u003e\n\u003c/PortalProvider\u003e\n```\n\n## Properties\n\n| Name          | Description                                           |       Type        |     Default     |\n| :------------ | :---------------------------------------------------- | :---------------: | :-------------: |\n| children      | Any React content                                     | `React.ReactNode` |                 |\n| container     | DOM element children to be mounted                    |   `HTMLElement`   | `document.body` |\n| disablePortal | If true, renders children within normal DOM hierarchy |     `boolean`     |                 |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"portal"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Portal</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Portal</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">amje</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Portal" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/popup"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Popup</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/progress"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Progress</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"portal","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Portal\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Portal} from '@gravity-ui/uikit';\n```\n\n`Portal` is a utility component, a simple wrapper around React [`createPortal`](https://react.dev/reference/react-dom/createPortal)\nthat allows you to render children into a DOM node outside the parent component.\n\n## Container\n\nBy default, `Portal` renders its children into `document.body`; however, it can be changed with the `container` property.\nAdditionally, a container can be provided to all `Portal`s in the React subtree using the `PortalProvder` component.\n\n```tsx\nimport {Portal, PortalProvider} from '@gravity-ui/uikit'\n\nconst myRoot = document.getElementById('my-root');\n\n\u003cPortal\u003eThis is rendered inside document.body\u003c/Portal\u003e\n\u003cPortal container={myRoot}\u003eThis is rendered inside #my-root node\u003c/Portal\u003e\n\u003cPortalProvider container={myRoot}\u003e\n    \u003cPortal\u003eThis is also rendered inside #my-root\u003c/Portal\u003e\n\u003c/PortalProvider\u003e\n```\n\n## Properties\n\n| Name          | Description                                           |       Type        |     Default     |\n| :------------ | :---------------------------------------------------- | :---------------: | :-------------: |\n| children      | Any React content                                     | `React.ReactNode` |                 |\n| container     | DOM element children to be mounted                    |   `HTMLElement`   | `document.body` |\n| disablePortal | If true, renders children within normal DOM hierarchy |     `boolean`     |                 |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"portal"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/progress.html b/components/uikit/progress.html
index 91751dc30a9..fee587c4a1e 100644
--- a/components/uikit/progress.html
+++ b/components/uikit/progress.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Progress</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Progress</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@Lunory" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/Lunory" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22904809?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">Lunory</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Progress" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/portal"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Portal</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/radio"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Radio</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"progress","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Progress\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Progress} from '@gravity-ui/uikit';\n```\n\n`Progress` component indicates current operation progress. It can also be divided into sections.\n\n## Theme\n\nUse `theme` property to specify color of the whole progress or the composite part.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\n\u003cProgress text=\"default\" value={50} /\u003e\n\u003cProgress text=\"warning\" theme=\"warning\" value={50} /\u003e\n\u003cProgress text=\"info\" theme=\"info\" value={50} /\u003e\n\u003cProgress text=\"success\" theme=\"success\" value={50} /\u003e\n\u003cProgress text=\"danger\" theme=\"danger\" value={50} /\u003e\n\u003cProgress text=\"misc\" theme=\"misc\" value={50} /\u003e\n`}\n\u003e\n  \u003cdiv style={{width: '30%'}}\u003e\n    \u003cUIKit.Progress text=\"default\" value={50} /\u003e\n    \u003cdiv style={{height: '15px'}} /\u003e\n    \u003cUIKit.Progress text=\"success\" theme=\"success\" value={50} /\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{width: '30%'}}\u003e\n    \u003cUIKit.Progress text=\"warning\" theme=\"warning\" value={50} /\u003e\n    \u003cdiv style={{height: '15px'}} /\u003e\n    \u003cUIKit.Progress text=\"danger\" theme=\"danger\" value={50} /\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{width: '30%'}}\u003e\n    \u003cUIKit.Progress text=\"info\" theme=\"info \"value={50} /\u003e\n    \u003cdiv style={{height: '15px'}} /\u003e\n    \u003cUIKit.Progress text=\"misc\" theme=\"misc\" value={50} /\u003e\n  \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cProgress text=\"default\" value={50} /\u003e\n\u003cProgress text=\"warning\" theme=\"warning\" value={50} /\u003e\n\u003cProgress text=\"info\" theme=\"info\" value={50} /\u003e\n\u003cProgress text=\"success\" theme=\"success\" value={50} /\u003e\n\u003cProgress text=\"danger\" theme=\"danger\" value={50} /\u003e\n\u003cProgress text=\"misc\" theme=\"misc\" value={50} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## States\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\n\u003cProgress text=\"Loading\" theme=\"misc\" value={60} loading={true} /\u003e\n`}\n\u003e\n  \u003cdiv style={{width: '30%'}}\u003e\n    \u003cUIKit.Progress text=\"Loading\" theme=\"misc\" value={60} loading={true} /\u003e\n  \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cProgress text=\"Loading\" theme=\"misc\" value={60} loading={true} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\nTo manage the size of the `Progress` component, use the `size` property that can take the following values: `\"xs\"`, `\"s\"`, and `\"m\"`. The `text` property works only with the `\"m\"` size.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\n\u003cProgress theme=\"success\" value={60} size=\"xs\" /\u003e\n\u003cProgress theme=\"warning\" value={70} size=\"s\" /\u003e\n\u003cProgress theme=\"danger\" value={80} size=\"m\" /\u003e\n`}\n\u003e\n  \u003cdiv style={{width: '30%'}}\u003e\u003cUIKit.Progress theme=\"success\" value={60} size=\"xs\" /\u003e\u003c/div\u003e\n  \u003cdiv style={{width: '30%'}}\u003e\u003cUIKit.Progress theme=\"warning\" value={70} size=\"s\" /\u003e\u003c/div\u003e\n  \u003cdiv style={{width: '30%'}}\u003e\u003cUIKit.Progress theme=\"danger\" value={80} size=\"m\" /\u003e\u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cProgress theme=\"success\" value={60} size=\"xs\" /\u003e\n\u003cProgress theme=\"warning\" value={70} size=\"s\" /\u003e\n\u003cProgress theme=\"danger\" value={80} size=\"m\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Breakpoints\n\nTo set breakpoints of the `Progress` component use the `colorStops` property.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\n\u003cProgress\n  value={10}\n  colorStops={[{theme: 'danger', stop: 20}, {theme: 'warning', stop: 50}, {theme: 'success', stop: 100}]}\n/\u003e\n\u003cProgress\n  value={40}\n  colorStops={[{theme: 'danger', stop: 20}, {theme: 'warning', stop: 50}, {theme: 'success', stop: 100}]}\n/\u003e\n\u003cProgress\n  value={60}\n  colorStops={[{theme: 'danger', stop: 20}, {theme: 'warning', stop: 50}, {theme: 'success', stop: 100}]}\n/\u003e\n`}\n\u003e\n  \u003cdiv style={{width: '30%'}}\u003e\n    \u003cUIKit.Progress\n      value={10}\n      colorStops={[{theme: 'danger', stop: 20}, {theme: 'warning', stop: 50}, {theme: 'success', stop: 100}]}\n    /\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{width: '30%'}}\u003e\n    \u003cUIKit.Progress\n      value={40}\n      colorStops={[{theme: 'danger', stop: 20}, {theme: 'warning', stop: 50}, {theme: 'success', stop: 100}]}\n    /\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{width: '30%'}}\u003e\n    \u003cUIKit.Progress\n      value={60}\n      colorStops={[{theme: 'danger', stop: 20}, {theme: 'warning', stop: 50}, {theme: 'success', stop: 100}]}\n    /\u003e\n  \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cProgress value={10} colorStops={[{theme: 'danger', stop: 20}, {theme: 'warning', stop: 50}, {theme: 'success', stop: 100}]} /\u003e\n\u003cProgress value={40} colorStops={[{theme: 'danger', stop: 20}, {theme: 'warning', stop: 50}, {theme: 'success', stop: 100}]} /\u003e\n\u003cProgress value={60} colorStops={[{theme: 'danger', stop: 20}, {theme: 'warning', stop: 50}, {theme: 'success', stop: 100}]} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Stack\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\n\u003cProgress\n  stack={[\n    {theme: 'default', content: 'First', value: 25},\n    {theme: 'success', content: 'Second', value: 25},\n    {theme: 'warning', content: 'Third', value: 25},\n    {theme: 'danger', content: 'Fourth', value: 25},\n  ]}\n/\u003e\n\u003cProgress text=\"Progress with custom colors\"\n  stack={[\n    {color: '#6e5d8c', value: 33.333333333333336},\n    {color: '#5b785b', value: 33.333333333333336},\n    {color: '#956069', value: 33.333333333333336},\n  ]}\n/\u003e\n`}\n\u003e\n\u003cdiv style={{width: '30%'}}\u003e\n  \u003cUIKit.Progress\n    stack={[\n      {theme: 'default', content: 'First', value: 25},\n      {theme: 'success', content: 'Second', value: 25},\n      {theme: 'warning', content: 'Third', value: 25},\n      {theme: 'danger', content: 'Fourth', value: 25},\n    ]}\n  /\u003e\n\u003c/div\u003e\n\u003cdiv style={{width: '30%'}}\u003e\n  \u003cUIKit.Progress text=\"Progress with custom colors\"\n    stack={[\n      {color: '#6e5d8c', value: 33.333333333333336},\n      {color: '#5b785b', value: 33.333333333333336},\n      {color: '#956069', value: 33.333333333333336},\n    ]}\n  /\u003e\n\u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cProgress stack={[\n  {theme: 'default', content: 'First', value: 25},\n  {theme: 'success', content: 'Second', value: 25},\n  {theme: 'warning', content: 'Third', value: 25},\n  {theme: 'danger', content: 'Fourth', value: 25},\n]} /\u003e\n\u003cProgress text=\"Progress with custom colors\" stack={[\n  {color: '#6e5d8c', value: 33.333333333333336},\n  {color: '#5b785b', value: 33.333333333333336},\n  {color: '#956069', value: 33.333333333333336},\n]} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name            | Description                                                                                                                         |                  Type                   |   Default   |\n| :-------------- | :---------------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------: | :---------: |\n| className       | HTML `class` attribute                                                                                                              |                `string`                 |             |\n| colorStops      | Sets breakpoints with themes                                                                                                        | `Array\u003c{theme: string; stop: number;}\u003e` |             |\n| colorStopsValue | Sets the value for choosing the current stop or alternative value for colorStops. The available range is from 0 to 100.             |                `number`                 |             |\n| loading         | Toggles the `loading` state                                                                                                         |                `boolean`                |   `false`   |\n| size            | Sets the progress bar size. The progress bar text can only be displayed in `\"m\"` size.                                              |                `string`                 |    `\"m\"`    |\n| stack           | Configuration of composite progress bar. Not required if a `value` is provided.                                                     |             `Array\u003cStack\u003e`              |             |\n| stackClassName  | HTML `class` attribute of stack                                                                                                     |                `string`                 |             |\n| text            | Text inside the progress bar                                                                                                        |                `string`                 |             |\n| theme           | Sets progress color                                                                                                                 |                `string`                 | `\"default\"` |\n| value           | Current progress value. The available range is from 0 to 100. Using the `stack` property value is optional and is used as maxValue. |                `number`                 |             |\n\n### `Stack`\n\n| Name      | Description                                                                                                                         |    Type     |   Default   |\n| :-------- | :---------------------------------------------------------------------------------------------------------------------------------- | :---------: | :---------: |\n| className | HTML `class` attribute of the stack element                                                                                         |  `string`   |             |\n| color     | Sets background color for the HTML `style` attribute                                                                                |  `string`   |             |\n| content   | Stack element content                                                                                                               | `ReactNode` |             |\n| title     | HTML `title` attribute                                                                                                              |  `string`   |             |\n| theme     | Sets the stack element color                                                                                                        |  `string`   | `\"default\"` |\n| value     | Current progress value. The available range is from 0 to 100. Using the `stack` property value is optional and is used as maxValue. |  `number`   |             |\n| qa        | HTML `data-qa` attribute, used in tests                                                                                             |  `string`   |             |\n\n## CSS API\n\n| Name                                   | Description                        |\n| :------------------------------------- | :--------------------------------- |\n| `--g-progress-empty-text-color`        | Empty `Progress` text color        |\n| `--g-progress-filled-text-color`       | Filled `Progress` text color       |\n| `--g-progress-empty-background-color`  | Empty `Progress` background color  |\n| `--g-progress-filled-background-color` | Filled `Progress` background color |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"progress"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Progress</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Progress</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@Lunory" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/Lunory" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22904809?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">Lunory</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Progress" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/portal"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Portal</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/radio"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Radio</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"progress","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Progress\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Progress} from '@gravity-ui/uikit';\n```\n\n`Progress` component indicates current operation progress. It can also be divided into sections.\n\n## Theme\n\nUse `theme` property to specify color of the whole progress or the composite part.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\n\u003cProgress text=\"default\" value={50} /\u003e\n\u003cProgress text=\"warning\" theme=\"warning\" value={50} /\u003e\n\u003cProgress text=\"info\" theme=\"info\" value={50} /\u003e\n\u003cProgress text=\"success\" theme=\"success\" value={50} /\u003e\n\u003cProgress text=\"danger\" theme=\"danger\" value={50} /\u003e\n\u003cProgress text=\"misc\" theme=\"misc\" value={50} /\u003e\n`}\n\u003e\n  \u003cdiv style={{width: '30%'}}\u003e\n    \u003cUIKit.Progress text=\"default\" value={50} /\u003e\n    \u003cdiv style={{height: '15px'}} /\u003e\n    \u003cUIKit.Progress text=\"success\" theme=\"success\" value={50} /\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{width: '30%'}}\u003e\n    \u003cUIKit.Progress text=\"warning\" theme=\"warning\" value={50} /\u003e\n    \u003cdiv style={{height: '15px'}} /\u003e\n    \u003cUIKit.Progress text=\"danger\" theme=\"danger\" value={50} /\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{width: '30%'}}\u003e\n    \u003cUIKit.Progress text=\"info\" theme=\"info \"value={50} /\u003e\n    \u003cdiv style={{height: '15px'}} /\u003e\n    \u003cUIKit.Progress text=\"misc\" theme=\"misc\" value={50} /\u003e\n  \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cProgress text=\"default\" value={50} /\u003e\n\u003cProgress text=\"warning\" theme=\"warning\" value={50} /\u003e\n\u003cProgress text=\"info\" theme=\"info\" value={50} /\u003e\n\u003cProgress text=\"success\" theme=\"success\" value={50} /\u003e\n\u003cProgress text=\"danger\" theme=\"danger\" value={50} /\u003e\n\u003cProgress text=\"misc\" theme=\"misc\" value={50} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## States\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\n\u003cProgress text=\"Loading\" theme=\"misc\" value={60} loading={true} /\u003e\n`}\n\u003e\n  \u003cdiv style={{width: '30%'}}\u003e\n    \u003cUIKit.Progress text=\"Loading\" theme=\"misc\" value={60} loading={true} /\u003e\n  \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cProgress text=\"Loading\" theme=\"misc\" value={60} loading={true} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\nTo manage the size of the `Progress` component, use the `size` property that can take the following values: `\"xs\"`, `\"s\"`, and `\"m\"`. The `text` property works only with the `\"m\"` size.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\n\u003cProgress theme=\"success\" value={60} size=\"xs\" /\u003e\n\u003cProgress theme=\"warning\" value={70} size=\"s\" /\u003e\n\u003cProgress theme=\"danger\" value={80} size=\"m\" /\u003e\n`}\n\u003e\n  \u003cdiv style={{width: '30%'}}\u003e\u003cUIKit.Progress theme=\"success\" value={60} size=\"xs\" /\u003e\u003c/div\u003e\n  \u003cdiv style={{width: '30%'}}\u003e\u003cUIKit.Progress theme=\"warning\" value={70} size=\"s\" /\u003e\u003c/div\u003e\n  \u003cdiv style={{width: '30%'}}\u003e\u003cUIKit.Progress theme=\"danger\" value={80} size=\"m\" /\u003e\u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cProgress theme=\"success\" value={60} size=\"xs\" /\u003e\n\u003cProgress theme=\"warning\" value={70} size=\"s\" /\u003e\n\u003cProgress theme=\"danger\" value={80} size=\"m\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Breakpoints\n\nTo set breakpoints of the `Progress` component use the `colorStops` property.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\n\u003cProgress\n  value={10}\n  colorStops={[{theme: 'danger', stop: 20}, {theme: 'warning', stop: 50}, {theme: 'success', stop: 100}]}\n/\u003e\n\u003cProgress\n  value={40}\n  colorStops={[{theme: 'danger', stop: 20}, {theme: 'warning', stop: 50}, {theme: 'success', stop: 100}]}\n/\u003e\n\u003cProgress\n  value={60}\n  colorStops={[{theme: 'danger', stop: 20}, {theme: 'warning', stop: 50}, {theme: 'success', stop: 100}]}\n/\u003e\n`}\n\u003e\n  \u003cdiv style={{width: '30%'}}\u003e\n    \u003cUIKit.Progress\n      value={10}\n      colorStops={[{theme: 'danger', stop: 20}, {theme: 'warning', stop: 50}, {theme: 'success', stop: 100}]}\n    /\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{width: '30%'}}\u003e\n    \u003cUIKit.Progress\n      value={40}\n      colorStops={[{theme: 'danger', stop: 20}, {theme: 'warning', stop: 50}, {theme: 'success', stop: 100}]}\n    /\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{width: '30%'}}\u003e\n    \u003cUIKit.Progress\n      value={60}\n      colorStops={[{theme: 'danger', stop: 20}, {theme: 'warning', stop: 50}, {theme: 'success', stop: 100}]}\n    /\u003e\n  \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cProgress value={10} colorStops={[{theme: 'danger', stop: 20}, {theme: 'warning', stop: 50}, {theme: 'success', stop: 100}]} /\u003e\n\u003cProgress value={40} colorStops={[{theme: 'danger', stop: 20}, {theme: 'warning', stop: 50}, {theme: 'success', stop: 100}]} /\u003e\n\u003cProgress value={60} colorStops={[{theme: 'danger', stop: 20}, {theme: 'warning', stop: 50}, {theme: 'success', stop: 100}]} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Stack\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\n\u003cProgress\n  stack={[\n    {theme: 'default', content: 'First', value: 25},\n    {theme: 'success', content: 'Second', value: 25},\n    {theme: 'warning', content: 'Third', value: 25},\n    {theme: 'danger', content: 'Fourth', value: 25},\n  ]}\n/\u003e\n\u003cProgress text=\"Progress with custom colors\"\n  stack={[\n    {color: '#6e5d8c', value: 33.333333333333336},\n    {color: '#5b785b', value: 33.333333333333336},\n    {color: '#956069', value: 33.333333333333336},\n  ]}\n/\u003e\n`}\n\u003e\n\u003cdiv style={{width: '30%'}}\u003e\n  \u003cUIKit.Progress\n    stack={[\n      {theme: 'default', content: 'First', value: 25},\n      {theme: 'success', content: 'Second', value: 25},\n      {theme: 'warning', content: 'Third', value: 25},\n      {theme: 'danger', content: 'Fourth', value: 25},\n    ]}\n  /\u003e\n\u003c/div\u003e\n\u003cdiv style={{width: '30%'}}\u003e\n  \u003cUIKit.Progress text=\"Progress with custom colors\"\n    stack={[\n      {color: '#6e5d8c', value: 33.333333333333336},\n      {color: '#5b785b', value: 33.333333333333336},\n      {color: '#956069', value: 33.333333333333336},\n    ]}\n  /\u003e\n\u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cProgress stack={[\n  {theme: 'default', content: 'First', value: 25},\n  {theme: 'success', content: 'Second', value: 25},\n  {theme: 'warning', content: 'Third', value: 25},\n  {theme: 'danger', content: 'Fourth', value: 25},\n]} /\u003e\n\u003cProgress text=\"Progress with custom colors\" stack={[\n  {color: '#6e5d8c', value: 33.333333333333336},\n  {color: '#5b785b', value: 33.333333333333336},\n  {color: '#956069', value: 33.333333333333336},\n]} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name            | Description                                                                                                                         |                  Type                   |   Default   |\n| :-------------- | :---------------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------: | :---------: |\n| className       | HTML `class` attribute                                                                                                              |                `string`                 |             |\n| colorStops      | Sets breakpoints with themes                                                                                                        | `Array\u003c{theme: string; stop: number;}\u003e` |             |\n| colorStopsValue | Sets the value for choosing the current stop or alternative value for colorStops. The available range is from 0 to 100.             |                `number`                 |             |\n| loading         | Toggles the `loading` state                                                                                                         |                `boolean`                |   `false`   |\n| size            | Sets the progress bar size. The progress bar text can only be displayed in `\"m\"` size.                                              |                `string`                 |    `\"m\"`    |\n| stack           | Configuration of composite progress bar. Not required if a `value` is provided.                                                     |             `Array\u003cStack\u003e`              |             |\n| stackClassName  | HTML `class` attribute of stack                                                                                                     |                `string`                 |             |\n| text            | Text inside the progress bar                                                                                                        |                `string`                 |             |\n| theme           | Sets progress color                                                                                                                 |                `string`                 | `\"default\"` |\n| value           | Current progress value. The available range is from 0 to 100. Using the `stack` property value is optional and is used as maxValue. |                `number`                 |             |\n\n### `Stack`\n\n| Name      | Description                                                                                                                         |    Type     |   Default   |\n| :-------- | :---------------------------------------------------------------------------------------------------------------------------------- | :---------: | :---------: |\n| className | HTML `class` attribute of the stack element                                                                                         |  `string`   |             |\n| color     | Sets background color for the HTML `style` attribute                                                                                |  `string`   |             |\n| content   | Stack element content                                                                                                               | `ReactNode` |             |\n| title     | HTML `title` attribute                                                                                                              |  `string`   |             |\n| theme     | Sets the stack element color                                                                                                        |  `string`   | `\"default\"` |\n| value     | Current progress value. The available range is from 0 to 100. Using the `stack` property value is optional and is used as maxValue. |  `number`   |             |\n| qa        | HTML `data-qa` attribute, used in tests                                                                                             |  `string`   |             |\n\n## CSS API\n\n| Name                                   | Description                        |\n| :------------------------------------- | :--------------------------------- |\n| `--g-progress-empty-text-color`        | Empty `Progress` text color        |\n| `--g-progress-filled-text-color`       | Filled `Progress` text color       |\n| `--g-progress-empty-background-color`  | Empty `Progress` background color  |\n| `--g-progress-filled-background-color` | Filled `Progress` background color |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"progress"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/radio-button.html b/components/uikit/radio-button.html
index 0a7fa944a77..9a8ae74fe60 100644
--- a/components/uikit/radio-button.html
+++ b/components/uikit/radio-button.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->RadioButton</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">RadioButton</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@zamkovskaya" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/zamkovskaya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/128601366?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">zamkovskaya</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/RadioButton" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/radio"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Radio</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/radio-group"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">RadioGroup</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"radio-button","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# RadioButton\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {RadioButton} from '@gravity-ui/uikit';\n```\n\nThe `RadioButton` component is used to create a group of radio buttons where users can select a single option from multiple choices.\n\n### Disabled state\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\nconst options: RadioButtonOption[] = [\n  {value: 'Value 1', content: 'Value 1'},\n  {value: 'Value 2', content: 'Value 2'},\n  {value: 'Value 3', content: 'Value 3'},\n];\n\u003cRadioButton name=\"group1\" defaultValue={options[0].value} options={options} disabled/\u003e\n`}\n\u003e\n  \u003cUIKit.RadioButton name=\"group1\" defaultValue=\"Value 1\" options={\n    [\n      {value: 'Value 1', content: 'Value 1'},\n      {value: 'Value 2', content: 'Value 2'},\n      {value: 'Value 3', content: 'Value 3'},\n    ]\n  } disabled/\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst options: RadioButtonOption[] = [\n  {value: 'Value 1', content: 'Value 1'},\n  {value: 'Value 2', content: 'Value 2'},\n  {value: 'Value 3', content: 'Value 3'},\n];\n\u003cRadioButton name=\"group1\" defaultValue={options[0].value} options={options} disabled /\u003e;\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Size\n\nTo control the size of the `RadioButton`, use the `size` property. The default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\nconst options: RadioButtonOption[] = [\n  {value: 'Value 1', content: 's'},\n  {value: 'Value 2', content: 'm'},\n  {value: 'Value 3', content: 'l'},\n  {value: 'Value 4', content: 'xl'},\n];\n\u003cRadioButton name=\"group1\" defaultValue={options[0].value} options={options} size=\"s\"/\u003e\n\u003cRadioButton name=\"group2\" defaultValue={options[1].value} options={options} size=\"m\"/\u003e\n\u003cRadioButton name=\"group3\" defaultValue={options[2].value} options={options} size=\"l\"/\u003e\n\u003cRadioButton name=\"group4\" defaultValue={options[3].value} options={options} size=\"xl\"/\u003e\n`}\n\u003e\n  \u003cdiv style={{display: 'grid', justifyItems: 'center', gap: 10}}\u003e\n    \u003cUIKit.RadioButton name=\"group1\" defaultValue=\"Value 1\" options={\n      [\n        {value: 'Value 1', content: 's'},\n        {value: 'Value 2', content: 'm'},\n        {value: 'Value 3', content: 'l'},\n        {value: 'Value 4', content: 'xl'},\n      ]\n    } size=\"s\"/\u003e\n    \u003cUIKit.RadioButton name=\"group2\" defaultValue=\"Value 2\" options={\n      [\n        {value: 'Value 1', content: 's'},\n        {value: 'Value 2', content: 'm'},\n        {value: 'Value 3', content: 'l'},\n        {value: 'Value 4', content: 'xl'},\n      ]\n    } size=\"m\"/\u003e\n    \u003cUIKit.RadioButton name=\"group3\" defaultValue=\"Value 3\" options={\n      [\n        {value: 'Value 1', content: 's'},\n        {value: 'Value 2', content: 'm'},\n        {value: 'Value 3', content: 'l'},\n        {value: 'Value 4', content: 'xl'},\n      ]\n    } size=\"l\"/\u003e\n    \u003cUIKit.RadioButton name=\"group4\" defaultValue=\"Value 4\" options={\n      [\n        {value: 'Value 1', content: 's'},\n        {value: 'Value 2', content: 'm'},\n        {value: 'Value 3', content: 'l'},\n        {value: 'Value 4', content: 'xl'},\n      ]\n    } size=\"xl\"/\u003e\n  \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n  const options: RadioButtonOption[] = [\n    {value: 'Value 1', content: 's'},\n    {value: 'Value 2', content: 'm'},\n    {value: 'Value 3', content: 'l'},\n    {value: 'Value 4', content: 'xl'},\n  ];\n  \u003cRadioButton name=\"group1\" defaultValue={options[0].value} options={options} size=\"s\"/\u003e\n  \u003cRadioButton name=\"group2\" defaultValue={options[1].value} options={options} size=\"m\"/\u003e\n  \u003cRadioButton name=\"group3\" defaultValue={options[2].value} options={options} size=\"l\"/\u003e\n  \u003cRadioButton name=\"group4\" defaultValue={options[3].value} options={options} size=\"xl\"/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Width\n\nTo control the width of the `RadioButton`, use the `width` property.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\n\u003cdiv style={{width: 140, border: '2px dashed gray'}}\u003e\n  \u003cdiv style={{marginBottom: 10}}\u003e\n    \u003cRadioButton\u003e\n      \u003cRadioButton.Option value=\"1\" content=\"none\" /\u003e\n      \u003cRadioButton.Option value=\"2\" content=\"none********\" /\u003e\n    \u003c/RadioButton\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{marginBottom: 10}}\u003e\n    \u003cRadioButton width=\"auto\"\u003e\n      \u003cRadioButton.Option value=\"1\" content=\"auto\" /\u003e\n      \u003cRadioButton.Option value=\"2\" content=\"auto********\" /\u003e\n    \u003c/RadioButton\u003e\n  \u003c/div\u003e\n  \u003cdiv\u003e\n    \u003cRadioButton width=\"max\"\u003e\n      \u003cRadioButton.Option value=\"1\" content=\"max\" /\u003e\n      \u003cRadioButton.Option value=\"2\" content=\"max\" /\u003e\n    \u003c/RadioButton\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n`}\n\u003e\n\u003cdiv style={{width: 140, border: '2px dashed gray'}}\u003e\n \u003cdiv style={{marginBottom: 10}}\u003e\n    \u003cUIKit.RadioButton\u003e\n      \u003cUIKit.RadioButton.Option value=\"1\" content=\"none\" /\u003e\n      \u003cUIKit.RadioButton.Option value=\"2\" content=\"none********\" /\u003e\n    \u003c/UIKit.RadioButton\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{marginBottom: 10}}\u003e\n    \u003cUIKit.RadioButton width=\"auto\"\u003e\n      \u003cUIKit.RadioButton.Option value=\"1\" content=\"auto\" /\u003e\n      \u003cUIKit.RadioButton.Option value=\"2\" content=\"auto********\" /\u003e\n    \u003c/UIKit.RadioButton\u003e\n  \u003c/div\u003e\n  \u003cdiv\u003e\n    \u003cUIKit.RadioButton width=\"max\"\u003e\n      \u003cUIKit.RadioButton.Option value=\"1\" content=\"max\" /\u003e\n      \u003cUIKit.RadioButton.Option value=\"2\" content=\"max\" /\u003e\n    \u003c/UIKit.RadioButton\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cdiv style={{width: 140, border: '2px dashed gray'}}\u003e\n  \u003cdiv style={{marginBottom: 10}}\u003e\n    \u003cRadioButton\u003e\n      \u003cRadioButton.Option value=\"1\" content=\"none\" /\u003e\n      \u003cRadioButton.Option value=\"2\" content=\"none********\" /\u003e\n    \u003c/RadioButton\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{marginBottom: 10}}\u003e\n    \u003cRadioButton width=\"auto\"\u003e\n      \u003cRadioButton.Option value=\"1\" content=\"auto\" /\u003e\n      \u003cRadioButton.Option value=\"2\" content=\"auto********\" /\u003e\n    \u003c/RadioButton\u003e\n  \u003c/div\u003e\n  \u003cdiv\u003e\n    \u003cRadioButton width=\"max\"\u003e\n      \u003cRadioButton.Option value=\"1\" content=\"max\" /\u003e\n      \u003cRadioButton.Option value=\"2\" content=\"max\" /\u003e\n    \u003c/RadioButton\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Properties\n\n| Name         | Description                                                                                          |           Type            | Default |\n| :----------- | :--------------------------------------------------------------------------------------------------- | :-----------------------: | :-----: |\n| children     | The content of the radio button.                                                                     |        `ReactNode`        |         |\n| disabled     | Toggles the `disabled` state of the radio button.                                                    |         `boolean`         | `false` |\n| options      | Options for radio button.                                                                            |   `RadioButtonOption[]`   |         |\n| defaultValue | Sets the initial value state when the component is mounted.                                          |         `string`          |         |\n| onUpdate     | Fires when the user changes the radio button state. Provides the new value as a callback's argument. | `(value: string) =\u003e void` |         |\n| onChange     | Fires when the user changes the radio button state. Provides change event as a callback's argument.  |        `Function`         |         |\n| onFocus      | Event handler for when the radio input element receives focus.                                       |        `Function`         |         |\n| onBlur       | Event handler for when the radio input element loses focus.                                          |        `Function`         |         |\n| width        | Sets the width of the radio button.                                                                  |       `auto - max`        |         |\n| size         | Sets the size of the radio button.                                                                   |     `s` `m` `l` `xl`      |   `m`   |\n| name         | HTML `name` attribute for the input element.                                                         |         `string`          |         |\n| qa           | HTML `data-qa` attribute, used in tests.                                                             |         `string`          |         |\n| style        | HTML `style` attribute                                                                               |   `React.CSSProperties`   |         |\n| className    | HTML `class` attribute                                                                               |         `string`          |         |\n\n## RadioButton.Option\n\nThe `RadioButton` component also exports a nested `Option` component. You can use it to create radio button options within the `RadioButton`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\nconst options: RadioButtonOption[] = [\n  {value: 'Value 1', content: 'Value 1'},\n  {value: 'Value 2', content: 'Value 2'},\n  {value: 'Value 3', content: 'Value 3'},\n];\n\u003cRadioButton name=\"group1\" defaultValue={options[0].value}\u003e\n  \u003cRadioButton.Option content={options[0].content} value={options[0].value} /\u003e\n  \u003cRadioButton.Option content={options[1].content} value={options[1].value} /\u003e\n  \u003cRadioButton.Option content={options[2].content} value={options[2].value} /\u003e\n\u003c/RadioGroup\u003e\n`}\n\u003e\n\u003cUIKit.RadioButton name=\"group1\" defaultValue=\"Value 1\"\u003e\n  \u003cUIKit.RadioButton.Option content=\"Value 1\" value=\"Value 1\" /\u003e\n  \u003cUIKit.RadioButton.Option content=\"Value 2\" value=\"Value 2\" /\u003e\n  \u003cUIKit.RadioButton.Option content=\"Value 3\" value=\"Value 3\" /\u003e\n\u003c/UIKit.RadioButton\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst options: RadioButtonOption[] = [\n  {value: 'Value 1', content: 'Value 1'},\n  {value: 'Value 2', content: 'Value 2'},\n  {value: 'Value 3', content: 'Value 3'},\n];\n\u003cRadioButton name=\"group1\" defaultValue={options[0].value}\u003e\n  \u003cRadioButton.Option content={options[0].content} value={options[0].value} /\u003e\n  \u003cRadioButton.Option content={options[1].content} value={options[1].value} /\u003e\n  \u003cRadioButton.Option content={options[2].content} value={options[2].value} /\u003e\n\u003c/RadioButton\u003e;\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Properties\n\n| Name     | Description                                         |    Type     | Default |\n| :------- | :-------------------------------------------------- | :---------: | :-----: |\n| children | The content of the radio (usually a label).         | `ReactNode` |         |\n| content  | The content of the radio (alternative to children). | `ReactNode` |         |\n| disabled | Toggles the `disabled` state of the radio.          |  `boolean`  | `false` |\n| value    | Control value                                       |  `string`   |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"radio-button"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->RadioButton</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">RadioButton</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@zamkovskaya" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/zamkovskaya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/128601366?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">zamkovskaya</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/RadioButton" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/radio"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Radio</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/radio-group"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">RadioGroup</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"radio-button","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# RadioButton\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {RadioButton} from '@gravity-ui/uikit';\n```\n\nThe `RadioButton` component is used to create a group of radio buttons where users can select a single option from multiple choices.\n\n### Disabled state\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\nconst options: RadioButtonOption[] = [\n  {value: 'Value 1', content: 'Value 1'},\n  {value: 'Value 2', content: 'Value 2'},\n  {value: 'Value 3', content: 'Value 3'},\n];\n\u003cRadioButton name=\"group1\" defaultValue={options[0].value} options={options} disabled/\u003e\n`}\n\u003e\n  \u003cUIKit.RadioButton name=\"group1\" defaultValue=\"Value 1\" options={\n    [\n      {value: 'Value 1', content: 'Value 1'},\n      {value: 'Value 2', content: 'Value 2'},\n      {value: 'Value 3', content: 'Value 3'},\n    ]\n  } disabled/\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst options: RadioButtonOption[] = [\n  {value: 'Value 1', content: 'Value 1'},\n  {value: 'Value 2', content: 'Value 2'},\n  {value: 'Value 3', content: 'Value 3'},\n];\n\u003cRadioButton name=\"group1\" defaultValue={options[0].value} options={options} disabled /\u003e;\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Size\n\nTo control the size of the `RadioButton`, use the `size` property. The default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\nconst options: RadioButtonOption[] = [\n  {value: 'Value 1', content: 's'},\n  {value: 'Value 2', content: 'm'},\n  {value: 'Value 3', content: 'l'},\n  {value: 'Value 4', content: 'xl'},\n];\n\u003cRadioButton name=\"group1\" defaultValue={options[0].value} options={options} size=\"s\"/\u003e\n\u003cRadioButton name=\"group2\" defaultValue={options[1].value} options={options} size=\"m\"/\u003e\n\u003cRadioButton name=\"group3\" defaultValue={options[2].value} options={options} size=\"l\"/\u003e\n\u003cRadioButton name=\"group4\" defaultValue={options[3].value} options={options} size=\"xl\"/\u003e\n`}\n\u003e\n  \u003cdiv style={{display: 'grid', justifyItems: 'center', gap: 10}}\u003e\n    \u003cUIKit.RadioButton name=\"group1\" defaultValue=\"Value 1\" options={\n      [\n        {value: 'Value 1', content: 's'},\n        {value: 'Value 2', content: 'm'},\n        {value: 'Value 3', content: 'l'},\n        {value: 'Value 4', content: 'xl'},\n      ]\n    } size=\"s\"/\u003e\n    \u003cUIKit.RadioButton name=\"group2\" defaultValue=\"Value 2\" options={\n      [\n        {value: 'Value 1', content: 's'},\n        {value: 'Value 2', content: 'm'},\n        {value: 'Value 3', content: 'l'},\n        {value: 'Value 4', content: 'xl'},\n      ]\n    } size=\"m\"/\u003e\n    \u003cUIKit.RadioButton name=\"group3\" defaultValue=\"Value 3\" options={\n      [\n        {value: 'Value 1', content: 's'},\n        {value: 'Value 2', content: 'm'},\n        {value: 'Value 3', content: 'l'},\n        {value: 'Value 4', content: 'xl'},\n      ]\n    } size=\"l\"/\u003e\n    \u003cUIKit.RadioButton name=\"group4\" defaultValue=\"Value 4\" options={\n      [\n        {value: 'Value 1', content: 's'},\n        {value: 'Value 2', content: 'm'},\n        {value: 'Value 3', content: 'l'},\n        {value: 'Value 4', content: 'xl'},\n      ]\n    } size=\"xl\"/\u003e\n  \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n  const options: RadioButtonOption[] = [\n    {value: 'Value 1', content: 's'},\n    {value: 'Value 2', content: 'm'},\n    {value: 'Value 3', content: 'l'},\n    {value: 'Value 4', content: 'xl'},\n  ];\n  \u003cRadioButton name=\"group1\" defaultValue={options[0].value} options={options} size=\"s\"/\u003e\n  \u003cRadioButton name=\"group2\" defaultValue={options[1].value} options={options} size=\"m\"/\u003e\n  \u003cRadioButton name=\"group3\" defaultValue={options[2].value} options={options} size=\"l\"/\u003e\n  \u003cRadioButton name=\"group4\" defaultValue={options[3].value} options={options} size=\"xl\"/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Width\n\nTo control the width of the `RadioButton`, use the `width` property.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\n\u003cdiv style={{width: 140, border: '2px dashed gray'}}\u003e\n  \u003cdiv style={{marginBottom: 10}}\u003e\n    \u003cRadioButton\u003e\n      \u003cRadioButton.Option value=\"1\" content=\"none\" /\u003e\n      \u003cRadioButton.Option value=\"2\" content=\"none********\" /\u003e\n    \u003c/RadioButton\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{marginBottom: 10}}\u003e\n    \u003cRadioButton width=\"auto\"\u003e\n      \u003cRadioButton.Option value=\"1\" content=\"auto\" /\u003e\n      \u003cRadioButton.Option value=\"2\" content=\"auto********\" /\u003e\n    \u003c/RadioButton\u003e\n  \u003c/div\u003e\n  \u003cdiv\u003e\n    \u003cRadioButton width=\"max\"\u003e\n      \u003cRadioButton.Option value=\"1\" content=\"max\" /\u003e\n      \u003cRadioButton.Option value=\"2\" content=\"max\" /\u003e\n    \u003c/RadioButton\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n`}\n\u003e\n\u003cdiv style={{width: 140, border: '2px dashed gray'}}\u003e\n \u003cdiv style={{marginBottom: 10}}\u003e\n    \u003cUIKit.RadioButton\u003e\n      \u003cUIKit.RadioButton.Option value=\"1\" content=\"none\" /\u003e\n      \u003cUIKit.RadioButton.Option value=\"2\" content=\"none********\" /\u003e\n    \u003c/UIKit.RadioButton\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{marginBottom: 10}}\u003e\n    \u003cUIKit.RadioButton width=\"auto\"\u003e\n      \u003cUIKit.RadioButton.Option value=\"1\" content=\"auto\" /\u003e\n      \u003cUIKit.RadioButton.Option value=\"2\" content=\"auto********\" /\u003e\n    \u003c/UIKit.RadioButton\u003e\n  \u003c/div\u003e\n  \u003cdiv\u003e\n    \u003cUIKit.RadioButton width=\"max\"\u003e\n      \u003cUIKit.RadioButton.Option value=\"1\" content=\"max\" /\u003e\n      \u003cUIKit.RadioButton.Option value=\"2\" content=\"max\" /\u003e\n    \u003c/UIKit.RadioButton\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cdiv style={{width: 140, border: '2px dashed gray'}}\u003e\n  \u003cdiv style={{marginBottom: 10}}\u003e\n    \u003cRadioButton\u003e\n      \u003cRadioButton.Option value=\"1\" content=\"none\" /\u003e\n      \u003cRadioButton.Option value=\"2\" content=\"none********\" /\u003e\n    \u003c/RadioButton\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{marginBottom: 10}}\u003e\n    \u003cRadioButton width=\"auto\"\u003e\n      \u003cRadioButton.Option value=\"1\" content=\"auto\" /\u003e\n      \u003cRadioButton.Option value=\"2\" content=\"auto********\" /\u003e\n    \u003c/RadioButton\u003e\n  \u003c/div\u003e\n  \u003cdiv\u003e\n    \u003cRadioButton width=\"max\"\u003e\n      \u003cRadioButton.Option value=\"1\" content=\"max\" /\u003e\n      \u003cRadioButton.Option value=\"2\" content=\"max\" /\u003e\n    \u003c/RadioButton\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Properties\n\n| Name         | Description                                                                                          |           Type            | Default |\n| :----------- | :--------------------------------------------------------------------------------------------------- | :-----------------------: | :-----: |\n| children     | The content of the radio button.                                                                     |        `ReactNode`        |         |\n| disabled     | Toggles the `disabled` state of the radio button.                                                    |         `boolean`         | `false` |\n| options      | Options for radio button.                                                                            |   `RadioButtonOption[]`   |         |\n| defaultValue | Sets the initial value state when the component is mounted.                                          |         `string`          |         |\n| onUpdate     | Fires when the user changes the radio button state. Provides the new value as a callback's argument. | `(value: string) =\u003e void` |         |\n| onChange     | Fires when the user changes the radio button state. Provides change event as a callback's argument.  |        `Function`         |         |\n| onFocus      | Event handler for when the radio input element receives focus.                                       |        `Function`         |         |\n| onBlur       | Event handler for when the radio input element loses focus.                                          |        `Function`         |         |\n| width        | Sets the width of the radio button.                                                                  |       `auto - max`        |         |\n| size         | Sets the size of the radio button.                                                                   |     `s` `m` `l` `xl`      |   `m`   |\n| name         | HTML `name` attribute for the input element.                                                         |         `string`          |         |\n| qa           | HTML `data-qa` attribute, used in tests.                                                             |         `string`          |         |\n| style        | HTML `style` attribute                                                                               |   `React.CSSProperties`   |         |\n| className    | HTML `class` attribute                                                                               |         `string`          |         |\n\n## RadioButton.Option\n\nThe `RadioButton` component also exports a nested `Option` component. You can use it to create radio button options within the `RadioButton`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\nconst options: RadioButtonOption[] = [\n  {value: 'Value 1', content: 'Value 1'},\n  {value: 'Value 2', content: 'Value 2'},\n  {value: 'Value 3', content: 'Value 3'},\n];\n\u003cRadioButton name=\"group1\" defaultValue={options[0].value}\u003e\n  \u003cRadioButton.Option content={options[0].content} value={options[0].value} /\u003e\n  \u003cRadioButton.Option content={options[1].content} value={options[1].value} /\u003e\n  \u003cRadioButton.Option content={options[2].content} value={options[2].value} /\u003e\n\u003c/RadioGroup\u003e\n`}\n\u003e\n\u003cUIKit.RadioButton name=\"group1\" defaultValue=\"Value 1\"\u003e\n  \u003cUIKit.RadioButton.Option content=\"Value 1\" value=\"Value 1\" /\u003e\n  \u003cUIKit.RadioButton.Option content=\"Value 2\" value=\"Value 2\" /\u003e\n  \u003cUIKit.RadioButton.Option content=\"Value 3\" value=\"Value 3\" /\u003e\n\u003c/UIKit.RadioButton\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst options: RadioButtonOption[] = [\n  {value: 'Value 1', content: 'Value 1'},\n  {value: 'Value 2', content: 'Value 2'},\n  {value: 'Value 3', content: 'Value 3'},\n];\n\u003cRadioButton name=\"group1\" defaultValue={options[0].value}\u003e\n  \u003cRadioButton.Option content={options[0].content} value={options[0].value} /\u003e\n  \u003cRadioButton.Option content={options[1].content} value={options[1].value} /\u003e\n  \u003cRadioButton.Option content={options[2].content} value={options[2].value} /\u003e\n\u003c/RadioButton\u003e;\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Properties\n\n| Name     | Description                                         |    Type     | Default |\n| :------- | :-------------------------------------------------- | :---------: | :-----: |\n| children | The content of the radio (usually a label).         | `ReactNode` |         |\n| content  | The content of the radio (alternative to children). | `ReactNode` |         |\n| disabled | Toggles the `disabled` state of the radio.          |  `boolean`  | `false` |\n| value    | Control value                                       |  `string`   |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"radio-button"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/radio-group.html b/components/uikit/radio-group.html
index 25677cbfd6b..62ebbeb48d5 100644
--- a/components/uikit/radio-group.html
+++ b/components/uikit/radio-group.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->RadioGroup</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">RadioGroup</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@zamkovskaya" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/zamkovskaya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/128601366?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">zamkovskaya</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/RadioGroup" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/radio-button"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">RadioButton</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/select"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Select</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"radio-group","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# RadioGroup\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {RadioGroup} from '@gravity-ui/uikit';\n```\n\nThe `RadioGroup` component is used to create a group where users can select a single option from multiple choices.\n\n### Disabled state\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\nconst options: RadioGroupOption[] = [\n  {value: 'Value 1', content: 'Value 1'},\n  {value: 'Value 2', content: 'Value 2'},\n  {value: 'Value 3', content: 'Value 3'},\n];\n\u003cRadioGroup name=\"group2\" defaultValue={options[0].value} options={options} disabled/\u003e\n`}\n\u003e\n  \u003cUIKit.RadioGroup name=\"group2\" defaultValue=\"Value 1\" options={\n    [\n      {value: 'Value 1', content: 'Value 1'},\n      {value: 'Value 2', content: 'Value 2'},\n      {value: 'Value 3', content: 'Value 3'},\n    ]\n  } disabled/\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst options: RadioGroupOption[] = [\n  {value: 'Value 1', content: 'Value 1'},\n  {value: 'Value 2', content: 'Value 2'},\n  {value: 'Value 3', content: 'Value 3'},\n];\n\u003cRadioGroup name=\"group2\" defaultValue={options[0].value} options={options} disabled /\u003e;\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Size\n\nTo control the size of the `RadioGroup`, use the `size` property. The default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\nconst options: RadioGroupOption[] = [\n  {value: 'Value 1', content: 'Value 1'},\n  {value: 'Value 2', content: 'Value 2'},\n  {value: 'Value 3', content: 'Value 3'},\n];\n\u003cRadioGroup name=\"group1\" defaultValue={options[0].value} options={options} size=\"m\"/\u003e\n\u003cRadioGroup name=\"group2\" defaultValue={options[0].value} options={options} size=\"l\"/\u003e\n`}\n\u003e\n  \u003cUIKit.RadioGroup name=\"group1\" defaultValue=\"Value 1\" options={\n    [\n      {value: 'Value 1', content: 'Value 1'},\n      {value: 'Value 2', content: 'Value 2'},\n      {value: 'Value 3', content: 'Value 3'},\n    ]\n  } size=\"m\"/\u003e\n  \u003cUIKit.RadioGroup name=\"group2\" defaultValue=\"Value 1\" options={\n    [\n      {value: 'Value 1', content: 'Value 1'},\n      {value: 'Value 2', content: 'Value 2'},\n      {value: 'Value 3', content: 'Value 3'},\n    ]\n  } size=\"l\"/\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n  const options: RadioGroupOption[] = [\n    {value: 'Value 1', content: 'Value 1'},\n    {value: 'Value 2', content: 'Value 2'},\n    {value: 'Value 3', content: 'Value 3'},\n  ];\n  \u003cRadioGroup name=\"group1\" defaultValue={options[0].value} options={options} size=\"m\"/\u003e\n  \u003cRadioGroup name=\"group2\" defaultValue={options[0].value} options={options} size=\"l\"/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Direction\n\nTo control the direction of the `RadioGroup`, use the `direction` property. The default direction is `horizontal`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\nconst options: RadioGroupOption[] = [\n  {value: 'Value 1', content: 'Value 1'},\n  {value: 'Value 2', content: 'Value 2'},\n  {value: 'Value 3', content: 'Value 3'},\n];\n\u003cRadioGroup name=\"group1\" defaultValue={options[0].value} options={options} direction=\"horizontal\"/\u003e\n\u003cRadioGroup name=\"group2\" defaultValue={options[0].value} options={options} direction=\"vertical\"/\u003e\n`}\n\u003e\n  \u003cUIKit.RadioGroup name=\"group1\" defaultValue=\"Value 1\" options={\n    [\n      {value: 'Value 1', content: 'Value 1'},\n      {value: 'Value 2', content: 'Value 2'},\n      {value: 'Value 3', content: 'Value 3'},\n    ]\n  } direction=\"horizontal\"/\u003e\n  \u003cUIKit.RadioGroup name=\"group2\" defaultValue=\"Value 1\" options={\n    [\n      {value: 'Value 1', content: 'Value 1'},\n      {value: 'Value 2', content: 'Value 2'},\n      {value: 'Value 3', content: 'Value 3'},\n    ]\n  } direction=\"vertical\"/\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n  const options: RadioGroupOption[] = [\n    {value: 'Value 1', content: 'Value 1'},\n    {value: 'Value 2', content: 'Value 2'},\n    {value: 'Value 3', content: 'Value 3'},\n  ];\n  \u003cRadioGroup name=\"group1\" defaultValue={options[0].value} options={options} direction=\"horizontal\"/\u003e\n  \u003cRadioGroup name=\"group2\" defaultValue={options[0].value} options={options} direction=\"vertical\"/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Properties\n\n| Name            | Description                                                                                      |           Type            |    Default     |\n| :-------------- | :----------------------------------------------------------------------------------------------- | :-----------------------: | :------------: |\n| children        | The content of the radio group.                                                                  |        `ReactNode`        |                |\n| disabled        | Toggles the `disabled` state of the radio group.                                                 |         `boolean`         |    `false`     |\n| options         | Options for radio group.                                                                         |   `RadioGroupOption[]`    |                |\n| optionClassName | HTML `class` attribute for the radio children.                                                   |         `string`          |                |\n| direction       | Sets the direction of the radio group.                                                           |  `horizontal - vertical`  | `\"horizontal\"` |\n| defaultValue    | Sets the initial value state when the component is mounted.                                      |         `string`          |                |\n| onUpdate        | Fires when the user changes the radio state. Provides the new value as a callback's argument.    | `(value: string) =\u003e void` |                |\n| onChange        | Fires when the user changes the radio state. Provides the change event as a callback's argument. |        `Function`         |                |\n| size            | Sets the size of the radio group.                                                                |          `m` `l`          |      `m`       |\n| qa              | HTML `data-qa` attribute, used in tests.                                                         |         `string`          |                |\n| style           | HTML `style` attribute                                                                           |   `React.CSSProperties`   |                |\n| className       | HTML `class` attribute                                                                           |         `string`          |                |\n\n## RadioGroup.Option\n\nThe `RadioGroup` component also exports a nested `Option` component equivalent to the `Radio` component, which can be used to create radio options within the `RadioGroup`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\nconst options: RadioGroupOption[] = [\n  {value: 'Value 1', content: 'Value 1'},\n  {value: 'Value 2', content: 'Value 2'},\n  {value: 'Value 3', content: 'Value 3'},\n];\n\u003cRadioGroup name=\"group1\" defaultValue={options[0].value}\u003e\n  \u003cRadioGroup.Option content={options[0].content} value={options[0].value} /\u003e\n  \u003cRadioGroup.Option content={options[1].content} value={options[1].value} /\u003e\n  \u003cRadioGroup.Option content={options[2].content} value={options[2].value} /\u003e\n\u003c/RadioGroup\u003e\n`}\n\u003e\n\u003cUIKit.RadioGroup name=\"group1\" defaultValue=\"Value 1\"\u003e\n  \u003cUIKit.RadioGroup.Option content=\"Value 1\" value=\"Value 1\" /\u003e\n  \u003cUIKit.RadioGroup.Option content=\"Value 2\" value=\"Value 2\" /\u003e\n  \u003cUIKit.RadioGroup.Option content=\"Value 3\" value=\"Value 3\" /\u003e\n\u003c/UIKit.RadioGroup\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst options: RadioGroupOption[] = [\n  {value: 'Value 1', content: 'Value 1'},\n  {value: 'Value 2', content: 'Value 2'},\n  {value: 'Value 3', content: 'Value 3'},\n];\n\u003cRadioGroup name=\"group1\" defaultValue={options[0].value}\u003e\n  \u003cRadioGroup.Option content={options[0].content} value={options[0].value} /\u003e\n  \u003cRadioGroup.Option content={options[1].content} value={options[1].value} /\u003e\n  \u003cRadioGroup.Option content={options[2].content} value={options[2].value} /\u003e\n\u003c/RadioGroup\u003e;\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Properties\n\n| Name     | Description                                         |    Type     | Default |\n| :------- | :-------------------------------------------------- | :---------: | :-----: |\n| children | The content of the radio (usually a label).         | `ReactNode` |         |\n| content  | The content of the radio (alternative to children). | `ReactNode` |         |\n| disabled | Toggles the `disabled` state of the radio.          |  `boolean`  | `false` |\n| value    | Control value                                       |  `string`   |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"radio-group"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->RadioGroup</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">RadioGroup</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@zamkovskaya" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/zamkovskaya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/128601366?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">zamkovskaya</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/RadioGroup" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/radio-button"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">RadioButton</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/select"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Select</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"radio-group","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# RadioGroup\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {RadioGroup} from '@gravity-ui/uikit';\n```\n\nThe `RadioGroup` component is used to create a group where users can select a single option from multiple choices.\n\n### Disabled state\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\nconst options: RadioGroupOption[] = [\n  {value: 'Value 1', content: 'Value 1'},\n  {value: 'Value 2', content: 'Value 2'},\n  {value: 'Value 3', content: 'Value 3'},\n];\n\u003cRadioGroup name=\"group2\" defaultValue={options[0].value} options={options} disabled/\u003e\n`}\n\u003e\n  \u003cUIKit.RadioGroup name=\"group2\" defaultValue=\"Value 1\" options={\n    [\n      {value: 'Value 1', content: 'Value 1'},\n      {value: 'Value 2', content: 'Value 2'},\n      {value: 'Value 3', content: 'Value 3'},\n    ]\n  } disabled/\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst options: RadioGroupOption[] = [\n  {value: 'Value 1', content: 'Value 1'},\n  {value: 'Value 2', content: 'Value 2'},\n  {value: 'Value 3', content: 'Value 3'},\n];\n\u003cRadioGroup name=\"group2\" defaultValue={options[0].value} options={options} disabled /\u003e;\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Size\n\nTo control the size of the `RadioGroup`, use the `size` property. The default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\nconst options: RadioGroupOption[] = [\n  {value: 'Value 1', content: 'Value 1'},\n  {value: 'Value 2', content: 'Value 2'},\n  {value: 'Value 3', content: 'Value 3'},\n];\n\u003cRadioGroup name=\"group1\" defaultValue={options[0].value} options={options} size=\"m\"/\u003e\n\u003cRadioGroup name=\"group2\" defaultValue={options[0].value} options={options} size=\"l\"/\u003e\n`}\n\u003e\n  \u003cUIKit.RadioGroup name=\"group1\" defaultValue=\"Value 1\" options={\n    [\n      {value: 'Value 1', content: 'Value 1'},\n      {value: 'Value 2', content: 'Value 2'},\n      {value: 'Value 3', content: 'Value 3'},\n    ]\n  } size=\"m\"/\u003e\n  \u003cUIKit.RadioGroup name=\"group2\" defaultValue=\"Value 1\" options={\n    [\n      {value: 'Value 1', content: 'Value 1'},\n      {value: 'Value 2', content: 'Value 2'},\n      {value: 'Value 3', content: 'Value 3'},\n    ]\n  } size=\"l\"/\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n  const options: RadioGroupOption[] = [\n    {value: 'Value 1', content: 'Value 1'},\n    {value: 'Value 2', content: 'Value 2'},\n    {value: 'Value 3', content: 'Value 3'},\n  ];\n  \u003cRadioGroup name=\"group1\" defaultValue={options[0].value} options={options} size=\"m\"/\u003e\n  \u003cRadioGroup name=\"group2\" defaultValue={options[0].value} options={options} size=\"l\"/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Direction\n\nTo control the direction of the `RadioGroup`, use the `direction` property. The default direction is `horizontal`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\nconst options: RadioGroupOption[] = [\n  {value: 'Value 1', content: 'Value 1'},\n  {value: 'Value 2', content: 'Value 2'},\n  {value: 'Value 3', content: 'Value 3'},\n];\n\u003cRadioGroup name=\"group1\" defaultValue={options[0].value} options={options} direction=\"horizontal\"/\u003e\n\u003cRadioGroup name=\"group2\" defaultValue={options[0].value} options={options} direction=\"vertical\"/\u003e\n`}\n\u003e\n  \u003cUIKit.RadioGroup name=\"group1\" defaultValue=\"Value 1\" options={\n    [\n      {value: 'Value 1', content: 'Value 1'},\n      {value: 'Value 2', content: 'Value 2'},\n      {value: 'Value 3', content: 'Value 3'},\n    ]\n  } direction=\"horizontal\"/\u003e\n  \u003cUIKit.RadioGroup name=\"group2\" defaultValue=\"Value 1\" options={\n    [\n      {value: 'Value 1', content: 'Value 1'},\n      {value: 'Value 2', content: 'Value 2'},\n      {value: 'Value 3', content: 'Value 3'},\n    ]\n  } direction=\"vertical\"/\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n  const options: RadioGroupOption[] = [\n    {value: 'Value 1', content: 'Value 1'},\n    {value: 'Value 2', content: 'Value 2'},\n    {value: 'Value 3', content: 'Value 3'},\n  ];\n  \u003cRadioGroup name=\"group1\" defaultValue={options[0].value} options={options} direction=\"horizontal\"/\u003e\n  \u003cRadioGroup name=\"group2\" defaultValue={options[0].value} options={options} direction=\"vertical\"/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Properties\n\n| Name            | Description                                                                                      |           Type            |    Default     |\n| :-------------- | :----------------------------------------------------------------------------------------------- | :-----------------------: | :------------: |\n| children        | The content of the radio group.                                                                  |        `ReactNode`        |                |\n| disabled        | Toggles the `disabled` state of the radio group.                                                 |         `boolean`         |    `false`     |\n| options         | Options for radio group.                                                                         |   `RadioGroupOption[]`    |                |\n| optionClassName | HTML `class` attribute for the radio children.                                                   |         `string`          |                |\n| direction       | Sets the direction of the radio group.                                                           |  `horizontal - vertical`  | `\"horizontal\"` |\n| defaultValue    | Sets the initial value state when the component is mounted.                                      |         `string`          |                |\n| onUpdate        | Fires when the user changes the radio state. Provides the new value as a callback's argument.    | `(value: string) =\u003e void` |                |\n| onChange        | Fires when the user changes the radio state. Provides the change event as a callback's argument. |        `Function`         |                |\n| size            | Sets the size of the radio group.                                                                |          `m` `l`          |      `m`       |\n| qa              | HTML `data-qa` attribute, used in tests.                                                         |         `string`          |                |\n| style           | HTML `style` attribute                                                                           |   `React.CSSProperties`   |                |\n| className       | HTML `class` attribute                                                                           |         `string`          |                |\n\n## RadioGroup.Option\n\nThe `RadioGroup` component also exports a nested `Option` component equivalent to the `Radio` component, which can be used to create radio options within the `RadioGroup`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n  code={`\nconst options: RadioGroupOption[] = [\n  {value: 'Value 1', content: 'Value 1'},\n  {value: 'Value 2', content: 'Value 2'},\n  {value: 'Value 3', content: 'Value 3'},\n];\n\u003cRadioGroup name=\"group1\" defaultValue={options[0].value}\u003e\n  \u003cRadioGroup.Option content={options[0].content} value={options[0].value} /\u003e\n  \u003cRadioGroup.Option content={options[1].content} value={options[1].value} /\u003e\n  \u003cRadioGroup.Option content={options[2].content} value={options[2].value} /\u003e\n\u003c/RadioGroup\u003e\n`}\n\u003e\n\u003cUIKit.RadioGroup name=\"group1\" defaultValue=\"Value 1\"\u003e\n  \u003cUIKit.RadioGroup.Option content=\"Value 1\" value=\"Value 1\" /\u003e\n  \u003cUIKit.RadioGroup.Option content=\"Value 2\" value=\"Value 2\" /\u003e\n  \u003cUIKit.RadioGroup.Option content=\"Value 3\" value=\"Value 3\" /\u003e\n\u003c/UIKit.RadioGroup\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst options: RadioGroupOption[] = [\n  {value: 'Value 1', content: 'Value 1'},\n  {value: 'Value 2', content: 'Value 2'},\n  {value: 'Value 3', content: 'Value 3'},\n];\n\u003cRadioGroup name=\"group1\" defaultValue={options[0].value}\u003e\n  \u003cRadioGroup.Option content={options[0].content} value={options[0].value} /\u003e\n  \u003cRadioGroup.Option content={options[1].content} value={options[1].value} /\u003e\n  \u003cRadioGroup.Option content={options[2].content} value={options[2].value} /\u003e\n\u003c/RadioGroup\u003e;\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Properties\n\n| Name     | Description                                         |    Type     | Default |\n| :------- | :-------------------------------------------------- | :---------: | :-----: |\n| children | The content of the radio (usually a label).         | `ReactNode` |         |\n| content  | The content of the radio (alternative to children). | `ReactNode` |         |\n| disabled | Toggles the `disabled` state of the radio.          |  `boolean`  | `false` |\n| value    | Control value                                       |  `string`   |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"radio-group"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/radio.html b/components/uikit/radio.html
index 71881d98cd8..272185c00c4 100644
--- a/components/uikit/radio.html
+++ b/components/uikit/radio.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Radio</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Radio</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@zamkovskaya" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/zamkovskaya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/128601366?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">zamkovskaya</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Radio" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/progress"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Progress</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/radio-button"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">RadioButton</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"radio","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Radio\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Radio} from '@gravity-ui/uikit';\n```\n\nThe `Radio` component allows the users to select a single option from a list of choices.\n\n## States\n\nRadio can have the following states:\n\n- Checked: Radio is selected.\n- Disabled: Radio is unavailable for selection.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cRadio value=\"option 1\" content=\"Unchecked\" size=\"l\" checked={false}/\u003e\n\u003cRadio value=\"option 2\" content=\"Checked\" size=\"l\" checked/\u003e\n\u003cRadio value=\"option 3\" content=\"Disabled\" size=\"l\" disabled/\u003e\n`}\n\u003e\n    \u003cUIKit.Radio value=\"option 1\" content=\"Unchecked\" size=\"l\" checked={false}/\u003e\n    \u003cUIKit.Radio value=\"option 2\" content=\"Checked\" size=\"l\" checked/\u003e\n    \u003cUIKit.Radio value=\"option 3\" content=\"Disabled\" size=\"l\" disabled/\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cRadio value=\"option 1\" content=\"Unchecked\" size=\"l\" checked={false}/\u003e\n\u003cRadio value=\"option 2\" content=\"Checked\" size=\"l\" checked/\u003e\n\u003cRadio value=\"option 3\" content=\"Disabled\" size=\"l\" disabled/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\nTo manage the `Radio` size, use the `size` property. The default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cRadio value=\"option 1\" content=\"M Size\" size=\"m\"/\u003e\n\u003cRadio value=\"option 2\" content=\"L Size\" size=\"l\"/\u003e\n`}\n\u003e\n    \u003cUIKit.Radio value=\"option 1\" content=\"M Size\" size=\"m\"/\u003e\n    \u003cUIKit.Radio value=\"option 2\" content=\"L Size\" size=\"l\"/\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cRadio value=\"option 1\" content=\"M Size\" size=\"m\"/\u003e\n\u003cRadio value=\"option 2\" content=\"L Size\" size=\"l\"/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Label\n\nYou can set a label for the `Radio` component using the `content` property or pass it as a child property.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cdiv\u003e\n  \u003cRadio content=\"Content\" size=\"l\" /\u003e\n  \u003cdiv\n    style={{\n      marginTop: 10,\n    }}\n  \u003e\n    \u003cRadio size=\"l\"\u003e\n      \u003cspan\u003eContent as children\u003c/span\u003e\n    \u003c/Radio\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n`}\n\u003e\n\u003cdiv\u003e\n  \u003cUIKit.Radio content=\"Content\" size=\"l\" /\u003e\n  \u003cdiv\n    style={{\n      marginTop: 10,\n    }}\n  \u003e\n    \u003cUIKit.Radio size=\"l\"\u003e\n      \u003cspan\u003eContent as children\u003c/span\u003e\n    \u003c/UIKit.Radio\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cdiv\u003e\n  \u003cRadio content=\"Content\" size=\"l\" /\u003e\n  \u003cdiv\n    style={{\n      marginTop: 10,\n    }}\n  \u003e\n    \u003cRadio size=\"l\"\u003e\n      \u003cspan\u003eContent as children\u003c/span\u003e\n    \u003c/Radio\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name           | Description                                                                                       |                     Type                      | Default |\n| :------------- | :------------------------------------------------------------------------------------------------ | :-------------------------------------------: | :-----: |\n| children       | The content of the radio (usually a label).                                                       |                  `ReactNode`                  |         |\n| content        | The content of the radio (alternative to children).                                               |                  `ReactNode`                  |         |\n| disabled       | Toggles the `disabled` state of the radio.                                                        |                   `boolean`                   | `false` |\n| checked        | Toggles the checked state of the radio.                                                           |                   `boolean`                   | `false` |\n| defaultChecked | Sets the initial checked state when the component is mounted.                                     |                   `boolean`                   | `false` |\n| onUpdate       | Fires when the radio state is changed by the user. Provides checked value as a callback argument. |         `(checked: boolean) =\u003e void`          |         |\n| onChange       | Fires when the radio state is changed by the user. Provides change event as a callback argument.  |                  `Function`                   |         |\n| onFocus        | Event handler used when the radio input element receives focus.                                   |                  `Function`                   |         |\n| onBlur         | Event handler used when the radio input element loses focus.                                      |                  `Function`                   |         |\n| size           | Sets the size of the radio.                                                                       |                    `m` `l`                    |   `m`   |\n| id             | HTML `id` attribute                                                                               |                   `string`                    |         |\n| qa             | HTML `data-qa` attribute, used for testing.                                                       |                   `string`                    |         |\n| style          | HTML `style` attribute                                                                            |             `React.CSSProperties`             |         |\n| className      | HTML `class` attribute                                                                            |                   `string`                    |         |\n| title          | HTML `title` attribute                                                                            |                   `string`                    |         |\n| name           | HTML `name` attribute for the input element.                                                      |                   `string`                    |         |\n| value          | Control value                                                                                     |                   `string`                    |         |\n| indeterminate  | Toggles the indeterminate state of the radio.                                                     |                   `boolean`                   | `false` |\n| controlProps   | Additional props for the underlying input element.                                                | `React.InputHTMLAttributes\u003cHTMLInputElement\u003e` |         |\n| controlRef     | Ref to the underlying input element.                                                              |         `React.Ref\u003cHTMLInputElement\u003e`         |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"radio"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Radio</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Radio</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@zamkovskaya" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/zamkovskaya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/128601366?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">zamkovskaya</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Radio" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/progress"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Progress</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/radio-button"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">RadioButton</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"radio","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Radio\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Radio} from '@gravity-ui/uikit';\n```\n\nThe `Radio` component allows the users to select a single option from a list of choices.\n\n## States\n\nRadio can have the following states:\n\n- Checked: Radio is selected.\n- Disabled: Radio is unavailable for selection.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cRadio value=\"option 1\" content=\"Unchecked\" size=\"l\" checked={false}/\u003e\n\u003cRadio value=\"option 2\" content=\"Checked\" size=\"l\" checked/\u003e\n\u003cRadio value=\"option 3\" content=\"Disabled\" size=\"l\" disabled/\u003e\n`}\n\u003e\n    \u003cUIKit.Radio value=\"option 1\" content=\"Unchecked\" size=\"l\" checked={false}/\u003e\n    \u003cUIKit.Radio value=\"option 2\" content=\"Checked\" size=\"l\" checked/\u003e\n    \u003cUIKit.Radio value=\"option 3\" content=\"Disabled\" size=\"l\" disabled/\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cRadio value=\"option 1\" content=\"Unchecked\" size=\"l\" checked={false}/\u003e\n\u003cRadio value=\"option 2\" content=\"Checked\" size=\"l\" checked/\u003e\n\u003cRadio value=\"option 3\" content=\"Disabled\" size=\"l\" disabled/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\nTo manage the `Radio` size, use the `size` property. The default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cRadio value=\"option 1\" content=\"M Size\" size=\"m\"/\u003e\n\u003cRadio value=\"option 2\" content=\"L Size\" size=\"l\"/\u003e\n`}\n\u003e\n    \u003cUIKit.Radio value=\"option 1\" content=\"M Size\" size=\"m\"/\u003e\n    \u003cUIKit.Radio value=\"option 2\" content=\"L Size\" size=\"l\"/\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cRadio value=\"option 1\" content=\"M Size\" size=\"m\"/\u003e\n\u003cRadio value=\"option 2\" content=\"L Size\" size=\"l\"/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Label\n\nYou can set a label for the `Radio` component using the `content` property or pass it as a child property.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cdiv\u003e\n  \u003cRadio content=\"Content\" size=\"l\" /\u003e\n  \u003cdiv\n    style={{\n      marginTop: 10,\n    }}\n  \u003e\n    \u003cRadio size=\"l\"\u003e\n      \u003cspan\u003eContent as children\u003c/span\u003e\n    \u003c/Radio\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n`}\n\u003e\n\u003cdiv\u003e\n  \u003cUIKit.Radio content=\"Content\" size=\"l\" /\u003e\n  \u003cdiv\n    style={{\n      marginTop: 10,\n    }}\n  \u003e\n    \u003cUIKit.Radio size=\"l\"\u003e\n      \u003cspan\u003eContent as children\u003c/span\u003e\n    \u003c/UIKit.Radio\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cdiv\u003e\n  \u003cRadio content=\"Content\" size=\"l\" /\u003e\n  \u003cdiv\n    style={{\n      marginTop: 10,\n    }}\n  \u003e\n    \u003cRadio size=\"l\"\u003e\n      \u003cspan\u003eContent as children\u003c/span\u003e\n    \u003c/Radio\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name           | Description                                                                                       |                     Type                      | Default |\n| :------------- | :------------------------------------------------------------------------------------------------ | :-------------------------------------------: | :-----: |\n| children       | The content of the radio (usually a label).                                                       |                  `ReactNode`                  |         |\n| content        | The content of the radio (alternative to children).                                               |                  `ReactNode`                  |         |\n| disabled       | Toggles the `disabled` state of the radio.                                                        |                   `boolean`                   | `false` |\n| checked        | Toggles the checked state of the radio.                                                           |                   `boolean`                   | `false` |\n| defaultChecked | Sets the initial checked state when the component is mounted.                                     |                   `boolean`                   | `false` |\n| onUpdate       | Fires when the radio state is changed by the user. Provides checked value as a callback argument. |         `(checked: boolean) =\u003e void`          |         |\n| onChange       | Fires when the radio state is changed by the user. Provides change event as a callback argument.  |                  `Function`                   |         |\n| onFocus        | Event handler used when the radio input element receives focus.                                   |                  `Function`                   |         |\n| onBlur         | Event handler used when the radio input element loses focus.                                      |                  `Function`                   |         |\n| size           | Sets the size of the radio.                                                                       |                    `m` `l`                    |   `m`   |\n| id             | HTML `id` attribute                                                                               |                   `string`                    |         |\n| qa             | HTML `data-qa` attribute, used for testing.                                                       |                   `string`                    |         |\n| style          | HTML `style` attribute                                                                            |             `React.CSSProperties`             |         |\n| className      | HTML `class` attribute                                                                            |                   `string`                    |         |\n| title          | HTML `title` attribute                                                                            |                   `string`                    |         |\n| name           | HTML `name` attribute for the input element.                                                      |                   `string`                    |         |\n| value          | Control value                                                                                     |                   `string`                    |         |\n| indeterminate  | Toggles the indeterminate state of the radio.                                                     |                   `boolean`                   | `false` |\n| controlProps   | Additional props for the underlying input element.                                                | `React.InputHTMLAttributes\u003cHTMLInputElement\u003e` |         |\n| controlRef     | Ref to the underlying input element.                                                              |         `React.Ref\u003cHTMLInputElement\u003e`         |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"radio"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/select.html b/components/uikit/select.html
index f7534cf8d2a..3c8a271545e 100644
--- a/components/uikit/select.html
+++ b/components/uikit/select.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Select</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Select</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">korvin89</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Select" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/radio-group"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">RadioGroup</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/sheet"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Sheet</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"select","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Select\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Select} from '@gravity-ui/uikit';\n```\n\n`Select` represents a control that provides a list of options that user can select.\n\n## Options\n\nOptions to select.\n\n### Defining options\n\nYou can define options as an array of objects or as the children of a component. The first approach is convenient for cases where options require complex preparation and possible memoization. The second approach is convenient when there are few options, and their configuration does not require complex calculations.\n\n#### Flat list\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect\n  options={[\n    {value: 'val_1', content: 'Value 1'},\n    {value: 'val_2', content: 'Value 2'},\n    {value: 'val_3', content: 'Value 3'},\n    {value: 'val_4', content: 'Value 4'},\n  ]}\n/\u003e\n\u003cSelect\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cdiv\u003e\n    Array of objects\n    \u003cUIKit.Select\n      options={[\n        {value: 'val_1', content: 'Value 1'},\n        {value: 'val_2', content: 'Value 2'},\n        {value: 'val_3', content: 'Value 3'},\n        {value: 'val_4', content: 'Value 4'},\n      ]}\n    /\u003e\n  \u003c/div\u003e\n  \u003cdiv\u003e\n    Child nodes\n    \u003cUIKit.Select\u003e\n      \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n    \u003c/UIKit.Select\u003e\n  \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n// Array of objects\n\u003cSelect\n  options={[\n    {value: 'val_1', content: 'Value 1'},\n    {value: 'val_2', content: 'Value 2'},\n    {value: 'val_3', content: 'Value 3'},\n    {value: 'val_4', content: 'Value 4'},\n  ]}\n/\u003e\n// Child nodes\n\u003cSelect\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n#### Grouped list\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect\n  options={[\n    {\n      label: 'Group 1',\n      options: [\n        {value: 'val_1', content: 'Value 1'},\n        {value: 'val_2', content: 'Value 2'},\n      ],\n    },\n    {\n      label: 'Group 2',\n      options: [\n        {value: 'val_3', content: 'Value 3'},\n        {value: 'val_4', content: 'Value 4'},\n      ],\n    },\n  ]}\n/\u003e\n\u003cSelect\u003e\n  \u003cSelect.OptionGroup label=\"Group 1\"\u003e\n    \u003cSelect.Option value=\"val_1\" content=\"Value 1\" /\u003e\n    \u003cSelect.Option value=\"val_2\" content=\"Value 2\" /\u003e\n  \u003c/Select.OptionGroup\u003e\n  \u003cSelect.OptionGroup label=\"Group 2\"\u003e\n    \u003cSelect.Option value=\"val_3\" content=\"Value 3\" /\u003e\n    \u003cSelect.Option value=\"val_4\" content=\"Value 4\" /\u003e\n  \u003c/Select.OptionGroup\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cdiv\u003e\n    Array of objects\n    \u003cUIKit.Select\n      options={[\n        {\n          label: 'Group 1',\n          options: [\n            {value: 'val_1', content: 'Value 1'},\n            {value: 'val_2', content: 'Value 2'},\n          ],\n        },\n        {\n          label: 'Group 2',\n          options: [\n            {value: 'val_3', content: 'Value 3'},\n            {value: 'val_4', content: 'Value 4'},\n          ],\n        },\n      ]}\n    /\u003e\n  \u003c/div\u003e\n  \u003cdiv\u003e\n    Child nodes\n    \u003cUIKit.Select\u003e\n      \u003cUIKit.Select.OptionGroup label=\"Group 1\"\u003e\n        \u003cUIKit.Select.Option value=\"val_1\" content=\"Value 1\" /\u003e\n        \u003cUIKit.Select.Option value=\"val_2\" content=\"Value 2\" /\u003e\n      \u003c/UIKit.Select.OptionGroup\u003e\n      \u003cUIKit.Select.OptionGroup label=\"Group 2\"\u003e\n        \u003cUIKit.Select.Option value=\"val_3\" content=\"Value 3\" /\u003e\n        \u003cUIKit.Select.Option value=\"val_4\" content=\"Value 4\" /\u003e\n      \u003c/UIKit.Select.OptionGroup\u003e\n    \u003c/UIKit.Select\u003e\n  \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n// Array of objects\n\u003cSelect\n  options={[\n    {\n      label: 'Group 1',\n      options: [\n        {value: 'val_1', content: 'Value 1'},\n        {value: 'val_2', content: 'Value 2'},\n      ],\n    },\n    {\n      label: 'Group 2',\n      options: [\n        {value: 'val_3', content: 'Value 3'},\n        {value: 'val_4', content: 'Value 4'},\n      ],\n    },\n  ]}\n/\u003e\n// Child nodes\n\u003cSelect\u003e\n  \u003cSelect.OptionGroup label=\"Group 1\"\u003e\n    \u003cSelect.Option value=\"val_1\" content=\"Value 1\" /\u003e\n    \u003cSelect.Option value=\"val_2\" content=\"Value 2\" /\u003e\n  \u003c/Select.OptionGroup\u003e\n  \u003cSelect.OptionGroup label=\"Group 2\"\u003e\n    \u003cSelect.Option value=\"val_3\" content=\"Value 3\" /\u003e\n    \u003cSelect.Option value=\"val_4\" content=\"Value 4\" /\u003e\n  \u003c/Select.OptionGroup\u003e\n\u003c/Select\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Storing data in options\n\nYou can define and store uniq data in each option by using `option.data` property. This can be useful when you need to enrich the data when using the `onUpdate` callback or, for example, when drawing your options with `renderOption`.\n\n## Selecting multiple options\n\nTo enable multiple selection use the `multiple` property. Default to `false`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect multiple={true}\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cUIKit.Select multiple={true}\u003e\n    \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSelect multiple={true}\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Counter\n\nYou can add counter of the selected items to the component by using property `hasCounter`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect multiple={true} hasCounter={true}\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cUIKit.Select multiple={true} hasCounter={true}\u003e\n    \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSelect multiple={true} hasCounter={true}\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Filtering options\n\nTo enable filter section use the `filterable` property. Default to `false`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect filterable={true}\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cUIKit.Select filterable={true} placeholder=\"Filterable\"\u003e\n    \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSelect filterable={true}\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\nTo manage default contols and options sizes use the `size` property. Default value is `m`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect size=\"s\" placeholder=\"S Size\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect size=\"m\" placeholder=\"M Size\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect size=\"l\" placeholder=\"L Size\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect size=\"xl\" placeholder=\"XL Size\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cUIKit.Select size=\"s\" placeholder=\"S Size\"\u003e\n    \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n  \u003cUIKit.Select size=\"m\" placeholder=\"M Size\"\u003e\n    \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n  \u003cUIKit.Select size=\"l\" placeholder=\"L Size\"\u003e\n    \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n  \u003cUIKit.Select size=\"xl\" placeholder=\"XL Size\"\u003e\n    \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSelect size=\"s\" placeholder=\"S Size\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect size=\"m\" placeholder=\"M Size\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect size=\"l\" placeholder=\"L Size\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect size=\"xl\" placeholder=\"XL Size\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n\u003c/Select\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Control width\n\nBy default, the width of the control stretches to match the width of the content of the selected options. You can manage it by using `width` property:\n\n`'max'` - stretches to the full width of the parent.\n\n`number` - apply width in pixels.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect width=\"max\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect width={150}\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cdiv style={{width: 150, border: '2px dashed gray', textAlign: 'center'}}\u003e\n    \u003ch4 style={{textAlign: 'center'}}\u003eDefault\u003c/h4\u003e\n    \u003cUIKit.Select multiple={true}\u003e\n      \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n    \u003c/UIKit.Select\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{width: 150, border: '2px dashed gray', textAlign: 'center'}}\u003e\n    \u003ch4 style={{textAlign: 'center'}}\u003eMax\u003c/h4\u003e\n    \u003cUIKit.Select width=\"max\" multiple={true}\u003e\n      \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n    \u003c/UIKit.Select\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{width: 150, border: '2px dashed gray', textAlign: 'center'}}\u003e\n    \u003ch4 style={{textAlign: 'center'}}\u003eIn pixels\u003c/h4\u003e\n    \u003cUIKit.Select width={110} multiple={true}\u003e\n      \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n    \u003c/UIKit.Select\u003e\n  \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n## Popup width\n\nPopup width managed by the `popupWidth` property. Available values:\n\n`'fit'` - apply control width.\n\n`number` - apply width in pixels.\n\nThere are some points about default behaviour:\n\n- The width of the popup is equal to the width of the widest option, but not wider than `90vw`. Does not work in case of using [virtualization](#virtualized-list).\n\n- Narrow options are stretched to fit the width of the control.\n\n\u003c!--LANDING_BLOCK\n\n### Non-virtualized list\n\nA regular list when all the elements are in the dom tree at once.\n\n\u003cExampleBlock\n    code={`\n\u003cSelect\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eLoooooooooooooooooooong Value 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eLoooooooooooooooooooong Value 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eLoooooooooooooooooooong Value 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eLoooooooooooooooooooong Value 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect popupWidth=\"fit\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect popupWidth=\"fit\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eLoooooooooooooooooooong Value 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eLoooooooooooooooooooong Value 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eLoooooooooooooooooooong Value 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eLoooooooooooooooooooong Value 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect popupWidth={80}\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect popupWidth={80}\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eLoooooooooooooooooooong Value 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eLoooooooooooooooooooong Value 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eLoooooooooooooooooooong Value 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eLoooooooooooooooooooong Value 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cdiv style={{width: 200, border: '2px dashed gray', textAlign: 'center'}}\u003e\n    \u003ch4 style={{textAlign: 'center'}}\u003eDefault\u003c/h4\u003e\n    \u003cp\u003e\n      \u003cUIKit.Select placeholder=\"Short value\"\u003e\n        \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n      \u003c/UIKit.Select\u003e\n    \u003c/p\u003e\n    \u003cp\u003e\n      \u003cUIKit.Select placeholder=\"Long value\"\u003e\n        \u003cUIKit.Select.Option value=\"val_1\"\u003eLoooooooooooooooooooong Value 1\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_2\"\u003eLoooooooooooooooooooong Value 2\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_3\"\u003eLoooooooooooooooooooong Value 3\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_4\"\u003eLoooooooooooooooooooong Value 4\u003c/UIKit.Select.Option\u003e\n      \u003c/UIKit.Select\u003e\n    \u003c/p\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{width: 200, border: '2px dashed gray', textAlign: 'center'}}\u003e\n    \u003ch4 style={{textAlign: 'center'}}\u003eFit\u003c/h4\u003e\n    \u003cp\u003e\n      \u003cUIKit.Select placeholder=\"Short value\" popupWidth=\"fit\"\u003e\n        \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n      \u003c/UIKit.Select\u003e\n    \u003c/p\u003e\n    \u003cp\u003e\n      \u003cUIKit.Select placeholder=\"Long value\" popupWidth=\"fit\"\u003e\n        \u003cUIKit.Select.Option value=\"val_1\"\u003eLoooooooooooooooooooong Value 1\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_2\"\u003eLoooooooooooooooooooong Value 2\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_3\"\u003eLoooooooooooooooooooong Value 3\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_4\"\u003eLoooooooooooooooooooong Value 4\u003c/UIKit.Select.Option\u003e\n      \u003c/UIKit.Select\u003e\n    \u003c/p\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{width: 200, border: '2px dashed gray', textAlign: 'center'}}\u003e\n    \u003ch4 style={{textAlign: 'center'}}\u003eIn pixels\u003c/h4\u003e\n    \u003cp\u003e\n      \u003cUIKit.Select placeholder=\"Short value\" popupWidth={80}\u003e\n        \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n      \u003c/UIKit.Select\u003e\n    \u003c/p\u003e\n    \u003cp\u003e\n      \u003cUIKit.Select placeholder=\"Long value\" popupWidth={80}\u003e\n        \u003cUIKit.Select.Option value=\"val_1\"\u003eLoooooooooooooooooooong Value 1\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_2\"\u003eLoooooooooooooooooooong Value 2\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_3\"\u003eLoooooooooooooooooooong Value 3\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_4\"\u003eLoooooooooooooooooooong Value 4\u003c/UIKit.Select.Option\u003e\n      \u003c/UIKit.Select\u003e\n    \u003c/p\u003e\n  \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n### Virtualized list\n\nFor optimal display of a large number of options, `Select` has a built-in list virtualization mechanism. Virtualization is enabled after overcoming the threshold of the number of options (`50` by default). You can control this value using the `virtualizationThreshold` property.\n\nWhen using virtualization, some restrictions are imposed on the popup element:\n\n- The popup width stops adjusting to the length of the longest option.\n\n- The minimum width of the popup is equal to the width of the control, or `100px` if the control is shorter.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eLoooooooooooooooooooong Value 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eLoooooooooooooooooooong Value 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eLoooooooooooooooooooong Value 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eLoooooooooooooooooooong Value 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect popupWidth=\"fit\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect popupWidth=\"fit\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eLoooooooooooooooooooong Value 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eLoooooooooooooooooooong Value 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eLoooooooooooooooooooong Value 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eLoooooooooooooooooooong Value 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect popupWidth={80}\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect popupWidth={80}\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eLoooooooooooooooooooong Value 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eLoooooooooooooooooooong Value 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eLoooooooooooooooooooong Value 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eLoooooooooooooooooooong Value 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cdiv style={{width: 200, border: '2px dashed gray', textAlign: 'center'}}\u003e\n    \u003ch4 style={{textAlign: 'center'}}\u003eDefault\u003c/h4\u003e\n    \u003cp\u003e\n      \u003cUIKit.Select placeholder=\"Short value\"\u003e\n        {Array.from({length: 1000}, (_, index) =\u003e index)\n          .map((value) =\u003e \u003cUIKit.Select.Option value={value}\u003e{`Value ${value}`}\u003c/UIKit.Select.Option\u003e)\n        }\n      \u003c/UIKit.Select\u003e\n    \u003c/p\u003e\n    \u003cp\u003e\n      \u003cUIKit.Select placeholder=\"Long value\"\u003e\n        {Array.from({length: 1000}, (_, index) =\u003e index)\n          .map((value) =\u003e \u003cUIKit.Select.Option value={value}\u003e{`Loooooooooooooooooooong Value ${value}`}\u003c/UIKit.Select.Option\u003e)\n        }\n      \u003c/UIKit.Select\u003e\n    \u003c/p\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{width: 200, border: '2px dashed gray', textAlign: 'center'}}\u003e\n    \u003ch4 style={{textAlign: 'center'}}\u003eIn pixels\u003c/h4\u003e\n    \u003cp\u003e\n      \u003cUIKit.Select placeholder=\"Short value\" popupWidth={80}\u003e\n        {Array.from({length: 1000}, (_, index) =\u003e index)\n          .map((value) =\u003e \u003cUIKit.Select.Option value={value}\u003e{`Value ${value}`}\u003c/UIKit.Select.Option\u003e)\n        }\n      \u003c/UIKit.Select\u003e\n    \u003c/p\u003e\n    \u003cp\u003e\n      \u003cUIKit.Select placeholder=\"Long value\" popupWidth={80}\u003e\n        {Array.from({length: 1000}, (_, index) =\u003e index)\n          .map((value) =\u003e \u003cUIKit.Select.Option value={value}\u003e{`Loooooooooooooooooooong Value ${value}`}\u003c/UIKit.Select.Option\u003e)\n        }\n      \u003c/UIKit.Select\u003e\n    \u003c/p\u003e\n  \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n## Advanced usage\n\nThere are many ways to add uniqueness to your `Select`.\n\n### Render custom control\n\nTo render custom control use the `renderControl` property.\nNotice: you should forward all arguments to your node in order to have consistent behavior as in the case of using default control.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect\n  renderControl={({onClick, onKeyDown, ref}) =\u003e {\n    return \u003cbutton ref={ref} onClick={onClick} extraProps={{onKeyDown}}\u003eCustom control\u003c/button\u003e\n  }}\n\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cUIKit.Select renderControl={({onClick, onKeyDown, ref}) =\u003e {\n    return \u003cbutton ref={ref} onClick={onClick} extraProps={{onKeyDown}}\u003eCustom control\u003c/button\u003e\n  }}\u003e\n    \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Button} from '@gravity-ui/uikit';\n\nconst MyComponent = () =\u003e {\n  const renderControl: SelectProps['renderControl'] = ({onClick, onKeyDown, ref}) =\u003e {\n    return (\n      \u003cButton\n        ref={ref}\n        onClick={onClick}\n        extraProps={{\n          onKeyDown,\n        }}\n      \u003e\n        Your control\n      \u003c/Button\u003e\n    );\n  };\n\n  return \u003cSelect renderControl={renderControl}\u003e/* Your options here */\u003c/Select\u003e;\n};\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Render custom filter section\n\nTo render custom filter section use the `renderFilter` property and set `filterable` property to `true`.\nNotice: you should forward all arguments to your node in order to have properly working filter as in the case of using default.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect\n  placeholder=\"Custom filter\"\n  filterable={true}\n  renderFilter={({onChange, onKeyDown, ref, value}) =\u003e {\n    return (\n      \u003cdiv style={{display: 'flex', flexDirection: 'column'}}\u003e\n        \u003cinput\n          ref={ref}\n          value={value}\n          size=\"1\"\n          onKeyDown={onKeyDown}\n          onChange={(e) =\u003e onChange(e.target.value)}\n        /\u003e\n        \u003cbutton\u003eDo smth\u003c/button\u003e\n      \u003c/div\u003e\n    );\n  }}\n\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cUIKit.Select\n    placeholder=\"Custom filter\"\n    filterable={true}\n    renderFilter={({onChange, onKeyDown, ref, value}) =\u003e {\n      return (\n        \u003cdiv style={{display: 'flex', flexDirection: 'column'}}\u003e\n          \u003cinput\n            ref={ref}\n            value={value}\n            size=\"1\"\n            onKeyDown={onKeyDown}\n            onChange={(e) =\u003e onChange(e.target.value)}\n          /\u003e\n          \u003cbutton\u003eDo smth\u003c/button\u003e\n        \u003c/div\u003e\n      );\n    }}\n  \u003e\n    \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Button, TextInput} from '@gravity-ui/uikit';\nimport type {SelectProps} from '@gravity-ui/uikit';\n\nconst MyComponent = () =\u003e {\n  const renderFilter: SelectProps['renderFilter'] = (props) =\u003e {\n    const {value, ref, onChange, onKeyDown} = props;\n\n    return (\n      \u003cdiv\u003e\n        \u003cTextInput\n          controlRef={ref}\n          controlProps={{size: 1}}\n          value={value}\n          onUpdate={onChange}\n          onKeyDown={onKeyDown}\n        /\u003e\n        \u003cButton\u003eDo smth\u003c/Button\u003e\n      \u003c/div\u003e\n    );\n  };\n\n  return (\n    \u003cSelect filterable={true} renderFilter={renderFilter}\u003e\n      /* Your options here */\n    \u003c/Select\u003e\n  );\n};\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Render custom options\n\nTo render custom options use the `renderOption` property.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect\n  renderOption={(option) =\u003e {\n    return (\n      \u003cdiv style={{color: option.data.color}}\u003e\n        {option.children}\n      \u003c/div\u003e\n    );\n  }}\n\u003e\n  \u003cSelect.Option value=\"val_1\" data={{color: '#8FE1A1'}}\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\" data={{color: '#38C0A8'}}\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\" data={{color: '#3A7AC3'}}\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\" data={{color: '#534581'}}\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cUIKit.Select\n    placeholder=\"Custom options\"\n    renderOption={(option) =\u003e {\n      return (\n        \u003cdiv style={{color: option.data.color}}\u003e\n          {option.children}\n        \u003c/div\u003e\n      );\n    }}\n  \u003e\n    \u003cUIKit.Select.Option value=\"val_1\" data={{color: '#8FE1A1'}}\u003eValue 1\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_2\" data={{color: '#38C0A8'}}\u003eValue 2\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_3\" data={{color: '#3A7AC3'}}\u003eValue 3\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_4\" data={{color: '#534581'}}\u003eValue 4\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nimport type {SelectProps} from '@gravity-ui/uikit';\n\nconst MyComponent = () =\u003e {\n  const renderOption: SelectProps['renderOption'] = (option) =\u003e {\n    return \u003cdiv style={{color: option.data.color}}\u003e{option.children}\u003c/div\u003e;\n  };\n\n  return (\n    \u003cSelect renderOption={renderOption}\u003e\n      \u003cSelect.Option value=\"val_1\" data={{color: '#8FE1A1'}}\u003e\n        Value 1\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_2\" data={{color: '#38C0A8'}}\u003e\n        Value 2\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_3\" data={{color: '#3A7AC3'}}\u003e\n        Value 3\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_4\" data={{color: '#534581'}}\u003e\n        Value 4\n      \u003c/Select.Option\u003e\n    \u003c/Select\u003e\n  );\n};\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Render custom selected options\n\nTo render custom selected options use the `renderSelectedOption` property.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect\n  renderSelectedOption={(option) =\u003e {\n    return (\n      \u003cdiv style={{color: option.data.color}}\u003e\n        {option.children}\n      \u003c/div\u003e\n    );\n  }}\n\u003e\n  \u003cSelect.Option value=\"val_1\" data={{color: '#8FE1A1'}}\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\" data={{color: '#38C0A8'}}\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\" data={{color: '#3A7AC3'}}\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\" data={{color: '#534581'}}\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cUIKit.Select\n    placeholder=\"Custom selected options\"\n    renderSelectedOption={(option) =\u003e {\n      return (\n        \u003cdiv style={{color: option.data.color}}\u003e\n          {option.children}\n        \u003c/div\u003e\n      );\n    }}\n  \u003e\n    \u003cUIKit.Select.Option value=\"val_1\" data={{color: '#8FE1A1'}}\u003eValue 1\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_2\" data={{color: '#38C0A8'}}\u003eValue 2\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_3\" data={{color: '#3A7AC3'}}\u003eValue 3\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_4\" data={{color: '#534581'}}\u003eValue 4\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nimport type {SelectProps} from '@gravity-ui/uikit';\n\nconst MyComponent = () =\u003e {\n  const renderSelectedOption: SelectProps['renderSelectedOption'] = (option) =\u003e {\n    return \u003cdiv style={{color: option.data.color}}\u003e{option.children}\u003c/div\u003e;\n  };\n\n  return (\n    \u003cSelect renderSelectedOption={renderSelectedOption}\u003e\n      \u003cSelect.Option value=\"val_1\" data={{color: '#8FE1A1'}}\u003e\n        Value 1\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_2\" data={{color: '#38C0A8'}}\u003e\n        Value 2\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_3\" data={{color: '#3A7AC3'}}\u003e\n        Value 3\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_4\" data={{color: '#534581'}}\u003e\n        Value 4\n      \u003c/Select.Option\u003e\n    \u003c/Select\u003e\n  );\n};\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Render options with different heights\n\nThe options have a fixed height according to the `size` property. If you need to render options with different heights, you can use the `option.data` property, which will store information about what height you need to set the options and `getOptionHeight` property to set this value.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect\n  getOptionHeight={(option) =\u003e option.data.height}\n\u003e\n  \u003cSelect.Option value=\"val_1\" data={{height: 20}}\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\" data={{height: 40}}\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\" data={{height: 60}}\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\" data={{height: 80}}\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cUIKit.Select\n    placeholder=\"Different heights\"\n    getOptionHeight={(option) =\u003e option.data.height}\n  \u003e\n    \u003cUIKit.Select.Option value=\"val_1\" data={{height: 20}}\u003eValue 1\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_2\" data={{height: 40}}\u003eValue 2\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_3\" data={{height: 60}}\u003eValue 3\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_4\" data={{height: 80}}\u003eValue 4\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nimport type {SelectProps} from '@gravity-ui/uikit';\n\nconst MyComponent = () =\u003e {\n  const getOptionHeight: SelectProps['getOptionHeight'] = (option) =\u003e option.data.height;\n\n  return (\n    \u003cSelect getOptionHeight={getOptionHeight}\u003e\n      \u003cSelect.Option value=\"val_1\" data={{height: 20}}\u003e\n        Value 1\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_2\" data={{height: 40}}\u003e\n        Value 2\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_3\" data={{height: 60}}\u003e\n        Value 3\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_4\" data={{height: 80}}\u003e\n        Value 4\n      \u003c/Select.Option\u003e\n    \u003c/Select\u003e\n  );\n};\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Render custom popup\n\nTo render custom popup use the `renderPopup` property.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect\n  filterable\n  placeholder=\"Custom popup\"\n  renderPopup={({renderList, renderFilter}) =\u003e {\n    return (\n      \u003cReact.Fragment\u003e\n        {renderFilter()}\n        \u003cdiv style={{width: \"100%\", height: \"20px\", backgroundColor: \"tomato\"}} /\u003e\n        {renderList()}\n      \u003c/React.Fragment\u003e\n    );\n  }}\n\u003e\n  \u003cSelect.Option value=\"val_1\" data={{color: '#8FE1A1'}}\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\" data={{color: '#38C0A8'}}\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\" data={{color: '#3A7AC3'}}\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\" data={{color: '#534581'}}\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cUIKit.Select\n    filterable\n    placeholder=\"Custom popup\"\n    renderPopup={({renderList, renderFilter}) =\u003e {\n      return (\n        \u003cReact.Fragment\u003e\n          {renderFilter()}\n          \u003cdiv style={{width: \"100%\", height: \"20px\", backgroundColor: \"tomato\"}} /\u003e\n          {renderList()}\n        \u003c/React.Fragment\u003e\n  );\n}}\n  \u003e\n    \u003cUIKit.Select.Option value=\"val_1\" data={{color: '#8FE1A1'}}\u003eValue 1\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_2\" data={{color: '#38C0A8'}}\u003eValue 2\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_3\" data={{color: '#3A7AC3'}}\u003eValue 3\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_4\" data={{color: '#534581'}}\u003eValue 4\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nimport type {SelectProps} from '@gravity-ui/uikit';\n\nconst renderPopup: SelectProps['renderPopup'] = ({renderList, renderFilter}) =\u003e {\n  return (\n    \u003cReact.Fragment\u003e\n      {renderFilter()}\n      \u003cdiv className=\"CustomElement\" /\u003e\n      {renderList()}\n    \u003c/React.Fragment\u003e\n  );\n};\n\nconst MyComponent = () =\u003e {\n  return (\n    \u003cSelect filterable renderPopup={renderPopup}\u003e\n      \u003cSelect.Option value=\"val_1\" data={{color: '#8FE1A1'}}\u003e\n        Value 1\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_2\" data={{color: '#38C0A8'}}\u003e\n        Value 2\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_3\" data={{color: '#3A7AC3'}}\u003e\n        Value 3\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_4\" data={{color: '#534581'}}\u003e\n        Value 4\n      \u003c/Select.Option\u003e\n    \u003c/Select\u003e\n  );\n};\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Error\n\nThe state of the `Select` in which you want to indicate incorrect user input. To change `Select` appearance, use the `validationState` property with the `\"invalid\"` value. An optional message text can be added via the `errorMessage` property. By default, message text is rendered outside the component.\nThis behaviour can be changed with the `errorPlacement` property.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSelect placeholder=\"Placeholder\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n\u003cSelect placeholder=\"Placeholder\" errorPlacement=\"inside\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Select placeholder=\"Placeholder\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n    \u003cUIKit.Select placeholder=\"Placeholder\" errorPlacement=\"inside\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n## Properties\n\n| Name                                                      | Description                                                                                                                         | Type                                     | Default                                                  |\n| :-------------------------------------------------------- | :---------------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------- | :------------------------------------------------------- |\n| className                                                 | Control className                                                                                                                   | `string`                                 |                                                          |\n| defaultValue                                              | Default values that represent selected options in case of using uncontrolled state                                                  | `string[]`                               |                                                          |\n| disabled                                                  | Indicates that the user cannot interact with the control                                                                            | `boolean`                                | `false`                                                  |\n| [filterable](#filtering-options)                          | Indicates that select popup have filter section                                                                                     | `boolean`                                | `false`                                                  |\n| filterOption                                              | Used to compare option with filter                                                                                                  | `function`                               |                                                          |\n| filterPlaceholder                                         | Default filter input placeholder text                                                                                               | `string`                                 |                                                          |\n| [getOptionHeight](#render-options-with-different-heights) | Used to set height of customized user options                                                                                       | `function`                               |                                                          |\n| getOptionGroupHeight                                      | Used to set height of customized user option group                                                                                  | `function`                               |                                                          |\n| hasClear                                                  | Enable displaying icon for clear selected options                                                                                   | `boolean`                                | `false`                                                  |\n| id                                                        | HTML `id` attribute                                                                                                                 | `string`                                 |                                                          |\n| label                                                     | Control label                                                                                                                       | `string`                                 |                                                          |\n| loading                                                   | Add the loading item to the end of the options list. Works like persistant loading indicator while the options list is empty.       | `boolean`                                |                                                          |\n| [multiple](#selecting-multiple-options)                   | Indicates that multiple options can be selected in the list                                                                         | `boolean`                                | `false`                                                  |\n| name                                                      | Name of the control                                                                                                                 | `string`                                 |                                                          |\n| onBlur                                                    | Handler that is called when the element loses focus.                                                                                | `function`                               |                                                          |\n| onFilterChange                                            | Fires every time after changing filter                                                                                              | `function`                               |                                                          |\n| onFocus                                                   | Handler that is called when the element receives focus.                                                                             | `function`                               |                                                          |\n| onLoadMore                                                | Fires when loading indicator gets visible.                                                                                          | `function`                               |                                                          |\n| onOpenChange                                              | Fires every time after changing popup visibility                                                                                    | `function`                               |                                                          |\n| onUpdate                                                  | Fires when an alteration to the Select value is committed by the user                                                               | `function`                               |                                                          |\n| [options](#options)                                       | Options to select                                                                                                                   | `(SelectOption \\| SelectOptionGroup)[]`  |                                                          |\n| pin                                                       | Control border view                                                                                                                 | `string`                                 | `'round-round'`                                          |\n| placeholder                                               | Placeholder text                                                                                                                    | `string`                                 |                                                          |\n| popupClassName                                            | Popup with options list className                                                                                                   | `string`                                 |                                                          |\n| popupPlacement                                            | `Popper.js` placement                                                                                                               | `PopupPlacement` `Array\u003cPopupPlacement\u003e` | `['bottom-start', 'bottom-end', 'top-start', 'top-end']` |\n| [popupWidth](#popup-width)                                | Popup width                                                                                                                         | `number \\| 'fit' \\| 'outfit'`            | `'outfit'`                                               |\n| qa                                                        | Test id attribute (`data-qa`)                                                                                                       | `string`                                 |                                                          |\n| [renderControl](#render-custom-control)                   | Used to render user control                                                                                                         | `function`                               |                                                          |\n| renderEmptyOptions                                        | Used to render node for an empty options list                                                                                       | `function`                               |                                                          |\n| [renderFilter](#render-custom-filter-section)             | Used to render user filter section                                                                                                  | `function`                               |                                                          |\n| [renderOption](#render-custom-options)                    | Used to render user options                                                                                                         | `function`                               |                                                          |\n| renderOptionGroup                                         | Used to render user option groups                                                                                                   | `function`                               |                                                          |\n| [renderSelectedOption](#render-custom-selected-options)   | Used to render user selected options                                                                                                | `function`                               |                                                          |\n| [renderPopup](#render-custom-popup)                       | Used to render user popup content                                                                                                   | `function`                               |                                                          |\n| [size](#size)                                             | Control / options size                                                                                                              | `string`                                 | `'m'`                                                    |\n| value                                                     | Values that represent selected options                                                                                              | `string[]`                               |                                                          |\n| view                                                      | Control view                                                                                                                        | `string`                                 | `'normal'`                                               |\n| [virtualizationThreshold](#virtualized-list)              | The threshold of the options count after which virtualization is enabled                                                            | `number`                                 | `50`                                                     |\n| [width](#control-width)                                   | Control width                                                                                                                       | `string \\| number`                       | `undefined`                                              |\n| errorMessage                                              | Error text                                                                                                                          | `string`                                 |                                                          |\n| errorPlacement                                            | Error placement                                                                                                                     | `outside` `inside`                       | `outside`                                                |\n| validationState                                           | Validation state                                                                                                                    | `\"invalid\"`                              |                                                          |\n| [hasCounter](#counter)                                    | Indicates count of the selected options. Counter appears only when [multiple](#selecting-multiple-options) selection enabled. state | `boolean`                                |\n\n## CSS API\n\n| Name                             | Description                                         |\n| :------------------------------- | :-------------------------------------------------- |\n| `--g-select-focus-outline-color` | Outline color if focused (by default not presented) |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"select"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Select</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Select</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">korvin89</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Select" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/radio-group"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">RadioGroup</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/sheet"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Sheet</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"select","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Select\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Select} from '@gravity-ui/uikit';\n```\n\n`Select` represents a control that provides a list of options that user can select.\n\n## Options\n\nOptions to select.\n\n### Defining options\n\nYou can define options as an array of objects or as the children of a component. The first approach is convenient for cases where options require complex preparation and possible memoization. The second approach is convenient when there are few options, and their configuration does not require complex calculations.\n\n#### Flat list\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect\n  options={[\n    {value: 'val_1', content: 'Value 1'},\n    {value: 'val_2', content: 'Value 2'},\n    {value: 'val_3', content: 'Value 3'},\n    {value: 'val_4', content: 'Value 4'},\n  ]}\n/\u003e\n\u003cSelect\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cdiv\u003e\n    Array of objects\n    \u003cUIKit.Select\n      options={[\n        {value: 'val_1', content: 'Value 1'},\n        {value: 'val_2', content: 'Value 2'},\n        {value: 'val_3', content: 'Value 3'},\n        {value: 'val_4', content: 'Value 4'},\n      ]}\n    /\u003e\n  \u003c/div\u003e\n  \u003cdiv\u003e\n    Child nodes\n    \u003cUIKit.Select\u003e\n      \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n    \u003c/UIKit.Select\u003e\n  \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n// Array of objects\n\u003cSelect\n  options={[\n    {value: 'val_1', content: 'Value 1'},\n    {value: 'val_2', content: 'Value 2'},\n    {value: 'val_3', content: 'Value 3'},\n    {value: 'val_4', content: 'Value 4'},\n  ]}\n/\u003e\n// Child nodes\n\u003cSelect\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n#### Grouped list\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect\n  options={[\n    {\n      label: 'Group 1',\n      options: [\n        {value: 'val_1', content: 'Value 1'},\n        {value: 'val_2', content: 'Value 2'},\n      ],\n    },\n    {\n      label: 'Group 2',\n      options: [\n        {value: 'val_3', content: 'Value 3'},\n        {value: 'val_4', content: 'Value 4'},\n      ],\n    },\n  ]}\n/\u003e\n\u003cSelect\u003e\n  \u003cSelect.OptionGroup label=\"Group 1\"\u003e\n    \u003cSelect.Option value=\"val_1\" content=\"Value 1\" /\u003e\n    \u003cSelect.Option value=\"val_2\" content=\"Value 2\" /\u003e\n  \u003c/Select.OptionGroup\u003e\n  \u003cSelect.OptionGroup label=\"Group 2\"\u003e\n    \u003cSelect.Option value=\"val_3\" content=\"Value 3\" /\u003e\n    \u003cSelect.Option value=\"val_4\" content=\"Value 4\" /\u003e\n  \u003c/Select.OptionGroup\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cdiv\u003e\n    Array of objects\n    \u003cUIKit.Select\n      options={[\n        {\n          label: 'Group 1',\n          options: [\n            {value: 'val_1', content: 'Value 1'},\n            {value: 'val_2', content: 'Value 2'},\n          ],\n        },\n        {\n          label: 'Group 2',\n          options: [\n            {value: 'val_3', content: 'Value 3'},\n            {value: 'val_4', content: 'Value 4'},\n          ],\n        },\n      ]}\n    /\u003e\n  \u003c/div\u003e\n  \u003cdiv\u003e\n    Child nodes\n    \u003cUIKit.Select\u003e\n      \u003cUIKit.Select.OptionGroup label=\"Group 1\"\u003e\n        \u003cUIKit.Select.Option value=\"val_1\" content=\"Value 1\" /\u003e\n        \u003cUIKit.Select.Option value=\"val_2\" content=\"Value 2\" /\u003e\n      \u003c/UIKit.Select.OptionGroup\u003e\n      \u003cUIKit.Select.OptionGroup label=\"Group 2\"\u003e\n        \u003cUIKit.Select.Option value=\"val_3\" content=\"Value 3\" /\u003e\n        \u003cUIKit.Select.Option value=\"val_4\" content=\"Value 4\" /\u003e\n      \u003c/UIKit.Select.OptionGroup\u003e\n    \u003c/UIKit.Select\u003e\n  \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n// Array of objects\n\u003cSelect\n  options={[\n    {\n      label: 'Group 1',\n      options: [\n        {value: 'val_1', content: 'Value 1'},\n        {value: 'val_2', content: 'Value 2'},\n      ],\n    },\n    {\n      label: 'Group 2',\n      options: [\n        {value: 'val_3', content: 'Value 3'},\n        {value: 'val_4', content: 'Value 4'},\n      ],\n    },\n  ]}\n/\u003e\n// Child nodes\n\u003cSelect\u003e\n  \u003cSelect.OptionGroup label=\"Group 1\"\u003e\n    \u003cSelect.Option value=\"val_1\" content=\"Value 1\" /\u003e\n    \u003cSelect.Option value=\"val_2\" content=\"Value 2\" /\u003e\n  \u003c/Select.OptionGroup\u003e\n  \u003cSelect.OptionGroup label=\"Group 2\"\u003e\n    \u003cSelect.Option value=\"val_3\" content=\"Value 3\" /\u003e\n    \u003cSelect.Option value=\"val_4\" content=\"Value 4\" /\u003e\n  \u003c/Select.OptionGroup\u003e\n\u003c/Select\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Storing data in options\n\nYou can define and store uniq data in each option by using `option.data` property. This can be useful when you need to enrich the data when using the `onUpdate` callback or, for example, when drawing your options with `renderOption`.\n\n## Selecting multiple options\n\nTo enable multiple selection use the `multiple` property. Default to `false`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect multiple={true}\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cUIKit.Select multiple={true}\u003e\n    \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSelect multiple={true}\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Counter\n\nYou can add counter of the selected items to the component by using property `hasCounter`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect multiple={true} hasCounter={true}\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cUIKit.Select multiple={true} hasCounter={true}\u003e\n    \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSelect multiple={true} hasCounter={true}\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Filtering options\n\nTo enable filter section use the `filterable` property. Default to `false`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect filterable={true}\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cUIKit.Select filterable={true} placeholder=\"Filterable\"\u003e\n    \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSelect filterable={true}\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\nTo manage default contols and options sizes use the `size` property. Default value is `m`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect size=\"s\" placeholder=\"S Size\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect size=\"m\" placeholder=\"M Size\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect size=\"l\" placeholder=\"L Size\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect size=\"xl\" placeholder=\"XL Size\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cUIKit.Select size=\"s\" placeholder=\"S Size\"\u003e\n    \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n  \u003cUIKit.Select size=\"m\" placeholder=\"M Size\"\u003e\n    \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n  \u003cUIKit.Select size=\"l\" placeholder=\"L Size\"\u003e\n    \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n  \u003cUIKit.Select size=\"xl\" placeholder=\"XL Size\"\u003e\n    \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSelect size=\"s\" placeholder=\"S Size\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect size=\"m\" placeholder=\"M Size\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect size=\"l\" placeholder=\"L Size\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect size=\"xl\" placeholder=\"XL Size\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n\u003c/Select\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Control width\n\nBy default, the width of the control stretches to match the width of the content of the selected options. You can manage it by using `width` property:\n\n`'max'` - stretches to the full width of the parent.\n\n`number` - apply width in pixels.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect width=\"max\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect width={150}\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cdiv style={{width: 150, border: '2px dashed gray', textAlign: 'center'}}\u003e\n    \u003ch4 style={{textAlign: 'center'}}\u003eDefault\u003c/h4\u003e\n    \u003cUIKit.Select multiple={true}\u003e\n      \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n    \u003c/UIKit.Select\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{width: 150, border: '2px dashed gray', textAlign: 'center'}}\u003e\n    \u003ch4 style={{textAlign: 'center'}}\u003eMax\u003c/h4\u003e\n    \u003cUIKit.Select width=\"max\" multiple={true}\u003e\n      \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n    \u003c/UIKit.Select\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{width: 150, border: '2px dashed gray', textAlign: 'center'}}\u003e\n    \u003ch4 style={{textAlign: 'center'}}\u003eIn pixels\u003c/h4\u003e\n    \u003cUIKit.Select width={110} multiple={true}\u003e\n      \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n      \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n    \u003c/UIKit.Select\u003e\n  \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n## Popup width\n\nPopup width managed by the `popupWidth` property. Available values:\n\n`'fit'` - apply control width.\n\n`number` - apply width in pixels.\n\nThere are some points about default behaviour:\n\n- The width of the popup is equal to the width of the widest option, but not wider than `90vw`. Does not work in case of using [virtualization](#virtualized-list).\n\n- Narrow options are stretched to fit the width of the control.\n\n\u003c!--LANDING_BLOCK\n\n### Non-virtualized list\n\nA regular list when all the elements are in the dom tree at once.\n\n\u003cExampleBlock\n    code={`\n\u003cSelect\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eLoooooooooooooooooooong Value 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eLoooooooooooooooooooong Value 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eLoooooooooooooooooooong Value 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eLoooooooooooooooooooong Value 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect popupWidth=\"fit\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect popupWidth=\"fit\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eLoooooooooooooooooooong Value 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eLoooooooooooooooooooong Value 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eLoooooooooooooooooooong Value 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eLoooooooooooooooooooong Value 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect popupWidth={80}\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect popupWidth={80}\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eLoooooooooooooooooooong Value 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eLoooooooooooooooooooong Value 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eLoooooooooooooooooooong Value 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eLoooooooooooooooooooong Value 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cdiv style={{width: 200, border: '2px dashed gray', textAlign: 'center'}}\u003e\n    \u003ch4 style={{textAlign: 'center'}}\u003eDefault\u003c/h4\u003e\n    \u003cp\u003e\n      \u003cUIKit.Select placeholder=\"Short value\"\u003e\n        \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n      \u003c/UIKit.Select\u003e\n    \u003c/p\u003e\n    \u003cp\u003e\n      \u003cUIKit.Select placeholder=\"Long value\"\u003e\n        \u003cUIKit.Select.Option value=\"val_1\"\u003eLoooooooooooooooooooong Value 1\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_2\"\u003eLoooooooooooooooooooong Value 2\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_3\"\u003eLoooooooooooooooooooong Value 3\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_4\"\u003eLoooooooooooooooooooong Value 4\u003c/UIKit.Select.Option\u003e\n      \u003c/UIKit.Select\u003e\n    \u003c/p\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{width: 200, border: '2px dashed gray', textAlign: 'center'}}\u003e\n    \u003ch4 style={{textAlign: 'center'}}\u003eFit\u003c/h4\u003e\n    \u003cp\u003e\n      \u003cUIKit.Select placeholder=\"Short value\" popupWidth=\"fit\"\u003e\n        \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n      \u003c/UIKit.Select\u003e\n    \u003c/p\u003e\n    \u003cp\u003e\n      \u003cUIKit.Select placeholder=\"Long value\" popupWidth=\"fit\"\u003e\n        \u003cUIKit.Select.Option value=\"val_1\"\u003eLoooooooooooooooooooong Value 1\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_2\"\u003eLoooooooooooooooooooong Value 2\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_3\"\u003eLoooooooooooooooooooong Value 3\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_4\"\u003eLoooooooooooooooooooong Value 4\u003c/UIKit.Select.Option\u003e\n      \u003c/UIKit.Select\u003e\n    \u003c/p\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{width: 200, border: '2px dashed gray', textAlign: 'center'}}\u003e\n    \u003ch4 style={{textAlign: 'center'}}\u003eIn pixels\u003c/h4\u003e\n    \u003cp\u003e\n      \u003cUIKit.Select placeholder=\"Short value\" popupWidth={80}\u003e\n        \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n      \u003c/UIKit.Select\u003e\n    \u003c/p\u003e\n    \u003cp\u003e\n      \u003cUIKit.Select placeholder=\"Long value\" popupWidth={80}\u003e\n        \u003cUIKit.Select.Option value=\"val_1\"\u003eLoooooooooooooooooooong Value 1\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_2\"\u003eLoooooooooooooooooooong Value 2\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_3\"\u003eLoooooooooooooooooooong Value 3\u003c/UIKit.Select.Option\u003e\n        \u003cUIKit.Select.Option value=\"val_4\"\u003eLoooooooooooooooooooong Value 4\u003c/UIKit.Select.Option\u003e\n      \u003c/UIKit.Select\u003e\n    \u003c/p\u003e\n  \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n### Virtualized list\n\nFor optimal display of a large number of options, `Select` has a built-in list virtualization mechanism. Virtualization is enabled after overcoming the threshold of the number of options (`50` by default). You can control this value using the `virtualizationThreshold` property.\n\nWhen using virtualization, some restrictions are imposed on the popup element:\n\n- The popup width stops adjusting to the length of the longest option.\n\n- The minimum width of the popup is equal to the width of the control, or `100px` if the control is shorter.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eLoooooooooooooooooooong Value 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eLoooooooooooooooooooong Value 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eLoooooooooooooooooooong Value 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eLoooooooooooooooooooong Value 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect popupWidth=\"fit\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect popupWidth=\"fit\"\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eLoooooooooooooooooooong Value 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eLoooooooooooooooooooong Value 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eLoooooooooooooooooooong Value 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eLoooooooooooooooooooong Value 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect popupWidth={80}\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n\u003cSelect popupWidth={80}\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eLoooooooooooooooooooong Value 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eLoooooooooooooooooooong Value 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eLoooooooooooooooooooong Value 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eLoooooooooooooooooooong Value 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cdiv style={{width: 200, border: '2px dashed gray', textAlign: 'center'}}\u003e\n    \u003ch4 style={{textAlign: 'center'}}\u003eDefault\u003c/h4\u003e\n    \u003cp\u003e\n      \u003cUIKit.Select placeholder=\"Short value\"\u003e\n        {Array.from({length: 1000}, (_, index) =\u003e index)\n          .map((value) =\u003e \u003cUIKit.Select.Option value={value}\u003e{`Value ${value}`}\u003c/UIKit.Select.Option\u003e)\n        }\n      \u003c/UIKit.Select\u003e\n    \u003c/p\u003e\n    \u003cp\u003e\n      \u003cUIKit.Select placeholder=\"Long value\"\u003e\n        {Array.from({length: 1000}, (_, index) =\u003e index)\n          .map((value) =\u003e \u003cUIKit.Select.Option value={value}\u003e{`Loooooooooooooooooooong Value ${value}`}\u003c/UIKit.Select.Option\u003e)\n        }\n      \u003c/UIKit.Select\u003e\n    \u003c/p\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{width: 200, border: '2px dashed gray', textAlign: 'center'}}\u003e\n    \u003ch4 style={{textAlign: 'center'}}\u003eIn pixels\u003c/h4\u003e\n    \u003cp\u003e\n      \u003cUIKit.Select placeholder=\"Short value\" popupWidth={80}\u003e\n        {Array.from({length: 1000}, (_, index) =\u003e index)\n          .map((value) =\u003e \u003cUIKit.Select.Option value={value}\u003e{`Value ${value}`}\u003c/UIKit.Select.Option\u003e)\n        }\n      \u003c/UIKit.Select\u003e\n    \u003c/p\u003e\n    \u003cp\u003e\n      \u003cUIKit.Select placeholder=\"Long value\" popupWidth={80}\u003e\n        {Array.from({length: 1000}, (_, index) =\u003e index)\n          .map((value) =\u003e \u003cUIKit.Select.Option value={value}\u003e{`Loooooooooooooooooooong Value ${value}`}\u003c/UIKit.Select.Option\u003e)\n        }\n      \u003c/UIKit.Select\u003e\n    \u003c/p\u003e\n  \u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n## Advanced usage\n\nThere are many ways to add uniqueness to your `Select`.\n\n### Render custom control\n\nTo render custom control use the `renderControl` property.\nNotice: you should forward all arguments to your node in order to have consistent behavior as in the case of using default control.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect\n  renderControl={({onClick, onKeyDown, ref}) =\u003e {\n    return \u003cbutton ref={ref} onClick={onClick} extraProps={{onKeyDown}}\u003eCustom control\u003c/button\u003e\n  }}\n\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\"\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\"\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\"\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cUIKit.Select renderControl={({onClick, onKeyDown, ref}) =\u003e {\n    return \u003cbutton ref={ref} onClick={onClick} extraProps={{onKeyDown}}\u003eCustom control\u003c/button\u003e\n  }}\u003e\n    \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Button} from '@gravity-ui/uikit';\n\nconst MyComponent = () =\u003e {\n  const renderControl: SelectProps['renderControl'] = ({onClick, onKeyDown, ref}) =\u003e {\n    return (\n      \u003cButton\n        ref={ref}\n        onClick={onClick}\n        extraProps={{\n          onKeyDown,\n        }}\n      \u003e\n        Your control\n      \u003c/Button\u003e\n    );\n  };\n\n  return \u003cSelect renderControl={renderControl}\u003e/* Your options here */\u003c/Select\u003e;\n};\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Render custom filter section\n\nTo render custom filter section use the `renderFilter` property and set `filterable` property to `true`.\nNotice: you should forward all arguments to your node in order to have properly working filter as in the case of using default.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect\n  placeholder=\"Custom filter\"\n  filterable={true}\n  renderFilter={({onChange, onKeyDown, ref, value}) =\u003e {\n    return (\n      \u003cdiv style={{display: 'flex', flexDirection: 'column'}}\u003e\n        \u003cinput\n          ref={ref}\n          value={value}\n          size=\"1\"\n          onKeyDown={onKeyDown}\n          onChange={(e) =\u003e onChange(e.target.value)}\n        /\u003e\n        \u003cbutton\u003eDo smth\u003c/button\u003e\n      \u003c/div\u003e\n    );\n  }}\n\u003e\n  \u003cSelect.Option value=\"val_1\"\u003eValue 1\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cUIKit.Select\n    placeholder=\"Custom filter\"\n    filterable={true}\n    renderFilter={({onChange, onKeyDown, ref, value}) =\u003e {\n      return (\n        \u003cdiv style={{display: 'flex', flexDirection: 'column'}}\u003e\n          \u003cinput\n            ref={ref}\n            value={value}\n            size=\"1\"\n            onKeyDown={onKeyDown}\n            onChange={(e) =\u003e onChange(e.target.value)}\n          /\u003e\n          \u003cbutton\u003eDo smth\u003c/button\u003e\n        \u003c/div\u003e\n      );\n    }}\n  \u003e\n    \u003cUIKit.Select.Option value=\"val_1\"\u003eValue 1\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_2\"\u003eValue 2\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_3\"\u003eValue 3\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_4\"\u003eValue 4\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Button, TextInput} from '@gravity-ui/uikit';\nimport type {SelectProps} from '@gravity-ui/uikit';\n\nconst MyComponent = () =\u003e {\n  const renderFilter: SelectProps['renderFilter'] = (props) =\u003e {\n    const {value, ref, onChange, onKeyDown} = props;\n\n    return (\n      \u003cdiv\u003e\n        \u003cTextInput\n          controlRef={ref}\n          controlProps={{size: 1}}\n          value={value}\n          onUpdate={onChange}\n          onKeyDown={onKeyDown}\n        /\u003e\n        \u003cButton\u003eDo smth\u003c/Button\u003e\n      \u003c/div\u003e\n    );\n  };\n\n  return (\n    \u003cSelect filterable={true} renderFilter={renderFilter}\u003e\n      /* Your options here */\n    \u003c/Select\u003e\n  );\n};\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Render custom options\n\nTo render custom options use the `renderOption` property.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect\n  renderOption={(option) =\u003e {\n    return (\n      \u003cdiv style={{color: option.data.color}}\u003e\n        {option.children}\n      \u003c/div\u003e\n    );\n  }}\n\u003e\n  \u003cSelect.Option value=\"val_1\" data={{color: '#8FE1A1'}}\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\" data={{color: '#38C0A8'}}\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\" data={{color: '#3A7AC3'}}\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\" data={{color: '#534581'}}\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cUIKit.Select\n    placeholder=\"Custom options\"\n    renderOption={(option) =\u003e {\n      return (\n        \u003cdiv style={{color: option.data.color}}\u003e\n          {option.children}\n        \u003c/div\u003e\n      );\n    }}\n  \u003e\n    \u003cUIKit.Select.Option value=\"val_1\" data={{color: '#8FE1A1'}}\u003eValue 1\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_2\" data={{color: '#38C0A8'}}\u003eValue 2\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_3\" data={{color: '#3A7AC3'}}\u003eValue 3\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_4\" data={{color: '#534581'}}\u003eValue 4\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nimport type {SelectProps} from '@gravity-ui/uikit';\n\nconst MyComponent = () =\u003e {\n  const renderOption: SelectProps['renderOption'] = (option) =\u003e {\n    return \u003cdiv style={{color: option.data.color}}\u003e{option.children}\u003c/div\u003e;\n  };\n\n  return (\n    \u003cSelect renderOption={renderOption}\u003e\n      \u003cSelect.Option value=\"val_1\" data={{color: '#8FE1A1'}}\u003e\n        Value 1\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_2\" data={{color: '#38C0A8'}}\u003e\n        Value 2\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_3\" data={{color: '#3A7AC3'}}\u003e\n        Value 3\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_4\" data={{color: '#534581'}}\u003e\n        Value 4\n      \u003c/Select.Option\u003e\n    \u003c/Select\u003e\n  );\n};\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Render custom selected options\n\nTo render custom selected options use the `renderSelectedOption` property.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect\n  renderSelectedOption={(option) =\u003e {\n    return (\n      \u003cdiv style={{color: option.data.color}}\u003e\n        {option.children}\n      \u003c/div\u003e\n    );\n  }}\n\u003e\n  \u003cSelect.Option value=\"val_1\" data={{color: '#8FE1A1'}}\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\" data={{color: '#38C0A8'}}\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\" data={{color: '#3A7AC3'}}\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\" data={{color: '#534581'}}\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cUIKit.Select\n    placeholder=\"Custom selected options\"\n    renderSelectedOption={(option) =\u003e {\n      return (\n        \u003cdiv style={{color: option.data.color}}\u003e\n          {option.children}\n        \u003c/div\u003e\n      );\n    }}\n  \u003e\n    \u003cUIKit.Select.Option value=\"val_1\" data={{color: '#8FE1A1'}}\u003eValue 1\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_2\" data={{color: '#38C0A8'}}\u003eValue 2\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_3\" data={{color: '#3A7AC3'}}\u003eValue 3\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_4\" data={{color: '#534581'}}\u003eValue 4\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nimport type {SelectProps} from '@gravity-ui/uikit';\n\nconst MyComponent = () =\u003e {\n  const renderSelectedOption: SelectProps['renderSelectedOption'] = (option) =\u003e {\n    return \u003cdiv style={{color: option.data.color}}\u003e{option.children}\u003c/div\u003e;\n  };\n\n  return (\n    \u003cSelect renderSelectedOption={renderSelectedOption}\u003e\n      \u003cSelect.Option value=\"val_1\" data={{color: '#8FE1A1'}}\u003e\n        Value 1\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_2\" data={{color: '#38C0A8'}}\u003e\n        Value 2\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_3\" data={{color: '#3A7AC3'}}\u003e\n        Value 3\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_4\" data={{color: '#534581'}}\u003e\n        Value 4\n      \u003c/Select.Option\u003e\n    \u003c/Select\u003e\n  );\n};\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Render options with different heights\n\nThe options have a fixed height according to the `size` property. If you need to render options with different heights, you can use the `option.data` property, which will store information about what height you need to set the options and `getOptionHeight` property to set this value.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect\n  getOptionHeight={(option) =\u003e option.data.height}\n\u003e\n  \u003cSelect.Option value=\"val_1\" data={{height: 20}}\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\" data={{height: 40}}\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\" data={{height: 60}}\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\" data={{height: 80}}\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cUIKit.Select\n    placeholder=\"Different heights\"\n    getOptionHeight={(option) =\u003e option.data.height}\n  \u003e\n    \u003cUIKit.Select.Option value=\"val_1\" data={{height: 20}}\u003eValue 1\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_2\" data={{height: 40}}\u003eValue 2\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_3\" data={{height: 60}}\u003eValue 3\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_4\" data={{height: 80}}\u003eValue 4\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nimport type {SelectProps} from '@gravity-ui/uikit';\n\nconst MyComponent = () =\u003e {\n  const getOptionHeight: SelectProps['getOptionHeight'] = (option) =\u003e option.data.height;\n\n  return (\n    \u003cSelect getOptionHeight={getOptionHeight}\u003e\n      \u003cSelect.Option value=\"val_1\" data={{height: 20}}\u003e\n        Value 1\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_2\" data={{height: 40}}\u003e\n        Value 2\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_3\" data={{height: 60}}\u003e\n        Value 3\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_4\" data={{height: 80}}\u003e\n        Value 4\n      \u003c/Select.Option\u003e\n    \u003c/Select\u003e\n  );\n};\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Render custom popup\n\nTo render custom popup use the `renderPopup` property.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSelect\n  filterable\n  placeholder=\"Custom popup\"\n  renderPopup={({renderList, renderFilter}) =\u003e {\n    return (\n      \u003cReact.Fragment\u003e\n        {renderFilter()}\n        \u003cdiv style={{width: \"100%\", height: \"20px\", backgroundColor: \"tomato\"}} /\u003e\n        {renderList()}\n      \u003c/React.Fragment\u003e\n    );\n  }}\n\u003e\n  \u003cSelect.Option value=\"val_1\" data={{color: '#8FE1A1'}}\u003eValue 1\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_2\" data={{color: '#38C0A8'}}\u003eValue 2\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_3\" data={{color: '#3A7AC3'}}\u003eValue 3\u003c/Select.Option\u003e\n  \u003cSelect.Option value=\"val_4\" data={{color: '#534581'}}\u003eValue 4\u003c/Select.Option\u003e\n\u003c/Select\u003e\n`}\n\u003e\n  \u003cUIKit.Select\n    filterable\n    placeholder=\"Custom popup\"\n    renderPopup={({renderList, renderFilter}) =\u003e {\n      return (\n        \u003cReact.Fragment\u003e\n          {renderFilter()}\n          \u003cdiv style={{width: \"100%\", height: \"20px\", backgroundColor: \"tomato\"}} /\u003e\n          {renderList()}\n        \u003c/React.Fragment\u003e\n  );\n}}\n  \u003e\n    \u003cUIKit.Select.Option value=\"val_1\" data={{color: '#8FE1A1'}}\u003eValue 1\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_2\" data={{color: '#38C0A8'}}\u003eValue 2\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_3\" data={{color: '#3A7AC3'}}\u003eValue 3\u003c/UIKit.Select.Option\u003e\n    \u003cUIKit.Select.Option value=\"val_4\" data={{color: '#534581'}}\u003eValue 4\u003c/UIKit.Select.Option\u003e\n  \u003c/UIKit.Select\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nimport type {SelectProps} from '@gravity-ui/uikit';\n\nconst renderPopup: SelectProps['renderPopup'] = ({renderList, renderFilter}) =\u003e {\n  return (\n    \u003cReact.Fragment\u003e\n      {renderFilter()}\n      \u003cdiv className=\"CustomElement\" /\u003e\n      {renderList()}\n    \u003c/React.Fragment\u003e\n  );\n};\n\nconst MyComponent = () =\u003e {\n  return (\n    \u003cSelect filterable renderPopup={renderPopup}\u003e\n      \u003cSelect.Option value=\"val_1\" data={{color: '#8FE1A1'}}\u003e\n        Value 1\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_2\" data={{color: '#38C0A8'}}\u003e\n        Value 2\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_3\" data={{color: '#3A7AC3'}}\u003e\n        Value 3\n      \u003c/Select.Option\u003e\n      \u003cSelect.Option value=\"val_4\" data={{color: '#534581'}}\u003e\n        Value 4\n      \u003c/Select.Option\u003e\n    \u003c/Select\u003e\n  );\n};\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Error\n\nThe state of the `Select` in which you want to indicate incorrect user input. To change `Select` appearance, use the `validationState` property with the `\"invalid\"` value. An optional message text can be added via the `errorMessage` property. By default, message text is rendered outside the component.\nThis behaviour can be changed with the `errorPlacement` property.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSelect placeholder=\"Placeholder\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n\u003cSelect placeholder=\"Placeholder\" errorPlacement=\"inside\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Select placeholder=\"Placeholder\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n    \u003cUIKit.Select placeholder=\"Placeholder\" errorPlacement=\"inside\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n## Properties\n\n| Name                                                      | Description                                                                                                                         | Type                                     | Default                                                  |\n| :-------------------------------------------------------- | :---------------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------- | :------------------------------------------------------- |\n| className                                                 | Control className                                                                                                                   | `string`                                 |                                                          |\n| defaultValue                                              | Default values that represent selected options in case of using uncontrolled state                                                  | `string[]`                               |                                                          |\n| disabled                                                  | Indicates that the user cannot interact with the control                                                                            | `boolean`                                | `false`                                                  |\n| [filterable](#filtering-options)                          | Indicates that select popup have filter section                                                                                     | `boolean`                                | `false`                                                  |\n| filterOption                                              | Used to compare option with filter                                                                                                  | `function`                               |                                                          |\n| filterPlaceholder                                         | Default filter input placeholder text                                                                                               | `string`                                 |                                                          |\n| [getOptionHeight](#render-options-with-different-heights) | Used to set height of customized user options                                                                                       | `function`                               |                                                          |\n| getOptionGroupHeight                                      | Used to set height of customized user option group                                                                                  | `function`                               |                                                          |\n| hasClear                                                  | Enable displaying icon for clear selected options                                                                                   | `boolean`                                | `false`                                                  |\n| id                                                        | HTML `id` attribute                                                                                                                 | `string`                                 |                                                          |\n| label                                                     | Control label                                                                                                                       | `string`                                 |                                                          |\n| loading                                                   | Add the loading item to the end of the options list. Works like persistant loading indicator while the options list is empty.       | `boolean`                                |                                                          |\n| [multiple](#selecting-multiple-options)                   | Indicates that multiple options can be selected in the list                                                                         | `boolean`                                | `false`                                                  |\n| name                                                      | Name of the control                                                                                                                 | `string`                                 |                                                          |\n| onBlur                                                    | Handler that is called when the element loses focus.                                                                                | `function`                               |                                                          |\n| onFilterChange                                            | Fires every time after changing filter                                                                                              | `function`                               |                                                          |\n| onFocus                                                   | Handler that is called when the element receives focus.                                                                             | `function`                               |                                                          |\n| onLoadMore                                                | Fires when loading indicator gets visible.                                                                                          | `function`                               |                                                          |\n| onOpenChange                                              | Fires every time after changing popup visibility                                                                                    | `function`                               |                                                          |\n| onUpdate                                                  | Fires when an alteration to the Select value is committed by the user                                                               | `function`                               |                                                          |\n| [options](#options)                                       | Options to select                                                                                                                   | `(SelectOption \\| SelectOptionGroup)[]`  |                                                          |\n| pin                                                       | Control border view                                                                                                                 | `string`                                 | `'round-round'`                                          |\n| placeholder                                               | Placeholder text                                                                                                                    | `string`                                 |                                                          |\n| popupClassName                                            | Popup with options list className                                                                                                   | `string`                                 |                                                          |\n| popupPlacement                                            | `Popper.js` placement                                                                                                               | `PopupPlacement` `Array\u003cPopupPlacement\u003e` | `['bottom-start', 'bottom-end', 'top-start', 'top-end']` |\n| [popupWidth](#popup-width)                                | Popup width                                                                                                                         | `number \\| 'fit' \\| 'outfit'`            | `'outfit'`                                               |\n| qa                                                        | Test id attribute (`data-qa`)                                                                                                       | `string`                                 |                                                          |\n| [renderControl](#render-custom-control)                   | Used to render user control                                                                                                         | `function`                               |                                                          |\n| renderEmptyOptions                                        | Used to render node for an empty options list                                                                                       | `function`                               |                                                          |\n| [renderFilter](#render-custom-filter-section)             | Used to render user filter section                                                                                                  | `function`                               |                                                          |\n| [renderOption](#render-custom-options)                    | Used to render user options                                                                                                         | `function`                               |                                                          |\n| renderOptionGroup                                         | Used to render user option groups                                                                                                   | `function`                               |                                                          |\n| [renderSelectedOption](#render-custom-selected-options)   | Used to render user selected options                                                                                                | `function`                               |                                                          |\n| [renderPopup](#render-custom-popup)                       | Used to render user popup content                                                                                                   | `function`                               |                                                          |\n| [size](#size)                                             | Control / options size                                                                                                              | `string`                                 | `'m'`                                                    |\n| value                                                     | Values that represent selected options                                                                                              | `string[]`                               |                                                          |\n| view                                                      | Control view                                                                                                                        | `string`                                 | `'normal'`                                               |\n| [virtualizationThreshold](#virtualized-list)              | The threshold of the options count after which virtualization is enabled                                                            | `number`                                 | `50`                                                     |\n| [width](#control-width)                                   | Control width                                                                                                                       | `string \\| number`                       | `undefined`                                              |\n| errorMessage                                              | Error text                                                                                                                          | `string`                                 |                                                          |\n| errorPlacement                                            | Error placement                                                                                                                     | `outside` `inside`                       | `outside`                                                |\n| validationState                                           | Validation state                                                                                                                    | `\"invalid\"`                              |                                                          |\n| [hasCounter](#counter)                                    | Indicates count of the selected options. Counter appears only when [multiple](#selecting-multiple-options) selection enabled. state | `boolean`                                |\n\n## CSS API\n\n| Name                             | Description                                         |\n| :------------------------------- | :-------------------------------------------------- |\n| `--g-select-focus-outline-color` | Outline color if focused (by default not presented) |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"select"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/sheet.html b/components/uikit/sheet.html
index 419e2633e3b..273180977d0 100644
--- a/components/uikit/sheet.html
+++ b/components/uikit/sheet.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Sheet</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Sheet</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@mournfulCoroner" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/mournfulCoroner" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56549651?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">mournfulCoroner</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Sheet" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/select"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Select</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/skeleton"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Skeleton</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"sheet","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Sheet\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Sheet} from '@gravity-ui/uikit';\n```\n\n`Sheet` is a component designed to be used in a mobile context as an information or interactive element. You can place content of any size in it - internal scrolling and dynamic resizing are supported.\n\nOn mobile devices, you can move `Sheet` by pulling on its main part or the swipe area. To close it, swipe down or touch the area outside the `Sheet`.\n\n## Usage\n\n```tsx\nimport React from 'react';\nimport {Button, Sheet} from '@gravity-ui/uikit';\n\nconst SheetExample = () =\u003e {\n  const [visible, setVisible] = React.useState(false);\n\n  return (\n    \u003cReact.Fragment\u003e\n      \u003cButton onClick={() =\u003e setVisible(true)}\u003eOpen Sheet\u003c/Button\u003e\n      \u003cSheet visible={visible} onClose={() =\u003e setVisible(false)} title=\"Content Sheet\"\u003e\n        Content\n      \u003c/Sheet\u003e\n    \u003c/React.Fragment\u003e\n  );\n};\n```\n\n## Properties\n\n| Name                     | Description                                                                                                                                                    |    Type    |   Default   |\n| :----------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------- | :--------: | :---------: |\n| visible                  | Manages `Sheet` visibility                                                                                                                                     | `boolean`  |   `false`   |\n| allowHideOnContentScroll | Enable the behavior of the sheet window closing by swiping down if the content is scrolled to its top (`content Node.scrollTop === 0`) or has no scroll at all | `boolean`  |   `true`    |\n| hideTopBar               | Hide top bar with resize handle                                                                                                                                | `boolean`  |             |\n| id                       | ID of the sheet, used as hash in URL. It's important to specify different `id` values if there can be more than one sheet on the page                          |  `string`  |   `modal`   |\n| title                    | Title of the sheet window                                                                                                                                      |  `string`  | `undefined` |\n| className                | HTML `class` attribute                                                                                                                                         |  `string`  | `undefined` |\n| contentClassName         | HTML `class` attribute for the sheet content                                                                                                                   |  `string`  | `undefined` |\n| swipeAreaClassName       | HTML `class` attribute for the swipe area                                                                                                                      |  `string`  | `undefined` |\n| onClose                  | Handler for close event                                                                                                                                        | `function` | `undefined` |\n\n## CSS API\n\n| Name                        | Description     |\n| :-------------------------- | :-------------- |\n| `--g-sheet-content-padding` | Content padding |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"sheet"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Sheet</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Sheet</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@mournfulCoroner" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/mournfulCoroner" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56549651?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">mournfulCoroner</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Sheet" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/select"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Select</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/skeleton"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Skeleton</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"sheet","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Sheet\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Sheet} from '@gravity-ui/uikit';\n```\n\n`Sheet` is a component designed to be used in a mobile context as an information or interactive element. You can place content of any size in it - internal scrolling and dynamic resizing are supported.\n\nOn mobile devices, you can move `Sheet` by pulling on its main part or the swipe area. To close it, swipe down or touch the area outside the `Sheet`.\n\n## Usage\n\n```tsx\nimport React from 'react';\nimport {Button, Sheet} from '@gravity-ui/uikit';\n\nconst SheetExample = () =\u003e {\n  const [visible, setVisible] = React.useState(false);\n\n  return (\n    \u003cReact.Fragment\u003e\n      \u003cButton onClick={() =\u003e setVisible(true)}\u003eOpen Sheet\u003c/Button\u003e\n      \u003cSheet visible={visible} onClose={() =\u003e setVisible(false)} title=\"Content Sheet\"\u003e\n        Content\n      \u003c/Sheet\u003e\n    \u003c/React.Fragment\u003e\n  );\n};\n```\n\n## Properties\n\n| Name                     | Description                                                                                                                                                    |    Type    |   Default   |\n| :----------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------- | :--------: | :---------: |\n| visible                  | Manages `Sheet` visibility                                                                                                                                     | `boolean`  |   `false`   |\n| allowHideOnContentScroll | Enable the behavior of the sheet window closing by swiping down if the content is scrolled to its top (`content Node.scrollTop === 0`) or has no scroll at all | `boolean`  |   `true`    |\n| hideTopBar               | Hide top bar with resize handle                                                                                                                                | `boolean`  |             |\n| id                       | ID of the sheet, used as hash in URL. It's important to specify different `id` values if there can be more than one sheet on the page                          |  `string`  |   `modal`   |\n| title                    | Title of the sheet window                                                                                                                                      |  `string`  | `undefined` |\n| className                | HTML `class` attribute                                                                                                                                         |  `string`  | `undefined` |\n| contentClassName         | HTML `class` attribute for the sheet content                                                                                                                   |  `string`  | `undefined` |\n| swipeAreaClassName       | HTML `class` attribute for the swipe area                                                                                                                      |  `string`  | `undefined` |\n| onClose                  | Handler for close event                                                                                                                                        | `function` | `undefined` |\n\n## CSS API\n\n| Name                        | Description     |\n| :-------------------------- | :-------------- |\n| `--g-sheet-content-padding` | Content padding |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"sheet"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/skeleton.html b/components/uikit/skeleton.html
index dcb9d82e832..4199e46f1d9 100644
--- a/components/uikit/skeleton.html
+++ b/components/uikit/skeleton.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Skeleton</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Skeleton</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@SeqviriouM" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/SeqviriouM" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1071418?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">SeqviriouM</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Skeleton" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/sheet"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Sheet</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/slider"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Slider</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"skeleton","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Skeleton\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Skeleton} from '@gravity-ui/uikit';\n```\n\nThe Skeleton component displays a placeholder preview of your content before the data loads in order to reduce load-time frustration.\n\n## Properties\n\n| Name      | Description                             |         Type          | Default |\n| :-------- | :-------------------------------------- | :-------------------: | :-----: |\n| style     | Custom CSS properties for root element  | `React.CSSProperties` |         |\n| className | Custom CSS class for root element       |       `string`        |         |\n| qa        | HTML `data-qa` attribute, used in tests |       `string`        |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"skeleton"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Skeleton</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Skeleton</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@SeqviriouM" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/SeqviriouM" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1071418?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">SeqviriouM</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Skeleton" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/sheet"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Sheet</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/slider"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Slider</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"skeleton","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Skeleton\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Skeleton} from '@gravity-ui/uikit';\n```\n\nThe Skeleton component displays a placeholder preview of your content before the data loads in order to reduce load-time frustration.\n\n## Properties\n\n| Name      | Description                             |         Type          | Default |\n| :-------- | :-------------------------------------- | :-------------------: | :-----: |\n| style     | Custom CSS properties for root element  | `React.CSSProperties` |         |\n| className | Custom CSS class for root element       |       `string`        |         |\n| qa        | HTML `data-qa` attribute, used in tests |       `string`        |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"skeleton"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/slider.html b/components/uikit/slider.html
index 8f2190a549b..41a1f66826c 100644
--- a/components/uikit/slider.html
+++ b/components/uikit/slider.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Slider</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Slider</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@Arucard89" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/Arucard89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13587201?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">Arucard89</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Slider" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/skeleton"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Skeleton</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/spin"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Spin</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"slider","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Slider\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Slider} from '@gravity-ui/uikit';\n```\n\nSlider is a customizable and responsive React component that allows users to select a single value or a range of values from a specified data set.\n\n## Slider variants\n\n### Single slider\n\nSlider with one handle to select single value. This Slider is used by default.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSlider /\u003e\n`}\n\u003e\n    \u003cUIKitExamples.SliderExample /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSlider /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Range slider\n\nSlider with two handles to select range. To use this slider you should set `defaultValue` (for uncontrolled) or `value` (for controlled) to array.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSlider defaultValue={[20, 40]} /\u003e\n`}\n\u003e\n    \u003cUIKitExamples.SliderExample defaultValue={[20, 40]} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSlider defaultValue={[20, 40]} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## States\n\n### Disabled\n\nThe state of the `Slider` where you don't want the user to be able to interact with the component.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSlider disabled={true} /\u003e\n`}\n\u003e\n    \u003cUIKitExamples.SliderExample disabled={true} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSlider disabled={true} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Error\n\nThe state of the `Slider` in which you want to indicate incorrect user input. To change `Slider` appearance, use the `validationState` property with the `\"invalid\"` value. An optional message text can be added via the `errorMessage` property. Error message text will be rendered under the component.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSlider validationState={\"invalid\"} /\u003e\n\u003cSlider validationState={\"invalid\"} errorMessage=\"Error message\" /\u003e\n`}\n\u003e\n    \u003cUIKitExamples.SliderExample validationState={\"invalid\"} /\u003e\n    \u003cUIKitExamples.SliderExample validationState={\"invalid\"} errorMessage=\"Error message\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSlider validationState={\"invalid\"} /\u003e\n\u003cSlider validationState={\"invalid\"} errorMessage=\"Error message\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\nTo control the size of the `Slider` use the `size` property. Default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSlider size=\"s\" /\u003e\n\u003cSlider size=\"m\" /\u003e\n\u003cSlider size=\"l\" /\u003e\n\u003cSlider size=\"xl\" /\u003e\n`}\n\u003e\n    \u003cUIKitExamples.SliderExample size=\"s\" /\u003e\n    \u003cUIKitExamples.SliderExample size=\"m\" /\u003e\n    \u003cUIKitExamples.SliderExample size=\"l\" /\u003e\n    \u003cUIKitExamples.SliderExample size=\"xl\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSlider size=\"s\" /\u003e\n\u003cSlider size=\"m\" /\u003e\n\u003cSlider size=\"l\" /\u003e\n\u003cSlider size=\"xl\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Value\n\n### Min and max value\n\nThe `min` and `max` properties define the limits of the range that the `Slider` component can handle. These properties are essential for setting the boundaries of the selectable values.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSlider min={10} /\u003e\n\u003cSlider max={50} /\u003e\n\u003cSlider min={20} max={60} /\u003e\n`}\n\u003e\n    \u003cUIKitExamples.SliderExample min={10} /\u003e\n    \u003cUIKitExamples.SliderExample max={50} /\u003e\n    \u003cUIKitExamples.SliderExample min={20} max={60} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSlider min={10} /\u003e\n\u003cSlider max={50} /\u003e\n\u003cSlider min={20} max={60} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Step\n\nThe `step` property for `Slider` component determines the incremental steps between the min and max value range. It controls how much the value should increase or decrease as the slider is moved.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSlider step={10} /\u003e\n`}\n\u003e\n    \u003cUIKitExamples.SliderExample step={10} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSlider step={10} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Marks\n\nThe `marksCount` property is utilized in `Slider` component to specify the number of visual markers along the slider that help to indicate various points between the minimum and maximum value. This property enhances the usability and visual interface of the slider, especially for denoting specific intervals. By default it is 2 (min and max values) but you can set the higher value.\n\n\u003e The mark value is available for selection, even if it does not match the `step` value condition\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSlider marksCount={11} /\u003e\n`}\n\u003e\n    \u003cUIKitExamples.SliderExample marksCount={11} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSlider marksCount={11} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Available values\n\nThe `availableValues` property is used in `Slider` component to define a set of specific values that the slider can handle, as opposed to a continuous range. This property is particularly useful when only certain discrete values are valid for selection. This property allows specifying an array of numbers representing the exact values that users are allowed to select using the `Slider`.\n\n\u003e The `availableValues` property overrides `min`, `max`, `marksCount` and `step` properties if used in conjunction, as the slider directly uses the provided array values instead of a continuous range.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSlider availableValues={[10, 20, 50, 55, 65, 80]} /\u003e\n`}\n\u003e\n    \u003cUIKitExamples.SliderExample availableValues={[10, 20, 50, 55, 65, 80]} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSlider availableValues={[10, 20, 50, 55, 65, 80]} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Tooltip\n\nThe `hasTooltip` property is a boolean attribute used in `Slider` component to control the display of a tooltip that shows the current value as the user interacts with the slider.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSlider hasTooltip={true} /\u003e\n`}\n\u003e\n    \u003cUIKitExamples.SliderExample hasTooltip={true} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSlider hasTooltip={true} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name                                 | Description                                                                                                                                       |                         Type                         | Default |\n| :----------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------ | :--------------------------------------------------: | :-----: |\n| apiRef                               | Ref to Slider's component props of focus and blur                                                                                                 |                `RefObject\u003cSliderRef\u003e`                |         |\n| autoFocus                            | The control's `autofocus` attribute                                                                                                               |                      `boolean`                       |         |\n| [availableValues](#available-values) | Specifies the array of available values for the slider                                                                                            |                      `number[]`                      |         |\n| className                            | The control's wrapper class name                                                                                                                  |                       `string`                       |         |\n| debounceDelay                        | Specifies the delay (in milliseconds) before the processing function is called                                                                    |                       `number`                       |   `0`   |\n| [defaultValue](#slider-variants)     | The control's default value, used when the component is not controlled                                                                            |             `number` `[number, number]`              |   `0`   |\n| [disabled](#disabled)                | Indicates that the user cannot interact with the control                                                                                          |                      `boolean`                       | `false` |\n| [errorMessage](#error)               | Text of an error to show                                                                                                                          |                       `string`                       |         |\n| [hasTooltip](#tooltip)               | Show tooltip with current value of component or not                                                                                               |                      `boolean`                       | `false` |\n| [marksCount](#marks)                 | Amount of text marks under the slider. Split whole range on equal parts. Could be set \u003e=2. This prop will be ignored if `availablevalues` is set. |                       `number`                       |   `2`   |\n| [max](#min-and-max-value)            | The maximum value of the component.                                                                                                               |                       `number`                       |  `100`  |\n| [min](#min-and-max-value)            | The maximum value of the component.                                                                                                               |                       `number`                       |   `0`   |\n| onBlur                               | Fires when the control lost focus. Provides focus event as a callback's argument                                                                  | `((e: FocusEvent\u003cHTMLDivElement, Element\u003e) =\u003e void)` |         |\n| onUpdate                             | Fires when the slider’s value is changed by the user. Provides change event as an callback's argument                                             |   `((value: number \\| [number, number]) =\u003e void)`    |         |\n| onUpdateComplete                     | Fires when ontouchend or onmouseup is triggered. Provides change event as an callback's argument                                                  |   `((value: number \\| [number, number]) =\u003e void)`    |         |\n| onFocus                              | Fires when the control gets focus. Provides focus event as a callback's argument                                                                  | `((e: FocusEvent\u003cHTMLDivElement, Element\u003e) =\u003e void)` |         |\n| [size](#size)                        | The size of the control                                                                                                                           |               `\"s\"` `\"m\"` `\"l\"` `\"xl\"`               |  `\"m\"`  |\n| [step](#step)                        | Value to be added or subtracted on each step the slider makes. This prop will be ignored if `availablevalues` is set.                             |                       `number`                       |   `1`   |\n| tabIndex                             | The control's `tabIndex` attribute                                                                                                                |             `number` `[number, number]`              |         |\n| [validationState](#error)            | Validation state                                                                                                                                  |                     `\"invalid\"`                      |         |\n| [value](#slider-variants)            | The value of the control                                                                                                                          |             `number` `[number, number]`              |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"slider"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Slider</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Slider</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@Arucard89" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/Arucard89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13587201?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">Arucard89</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Slider" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/skeleton"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Skeleton</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/spin"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Spin</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"slider","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Slider\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Slider} from '@gravity-ui/uikit';\n```\n\nSlider is a customizable and responsive React component that allows users to select a single value or a range of values from a specified data set.\n\n## Slider variants\n\n### Single slider\n\nSlider with one handle to select single value. This Slider is used by default.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSlider /\u003e\n`}\n\u003e\n    \u003cUIKitExamples.SliderExample /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSlider /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Range slider\n\nSlider with two handles to select range. To use this slider you should set `defaultValue` (for uncontrolled) or `value` (for controlled) to array.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSlider defaultValue={[20, 40]} /\u003e\n`}\n\u003e\n    \u003cUIKitExamples.SliderExample defaultValue={[20, 40]} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSlider defaultValue={[20, 40]} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## States\n\n### Disabled\n\nThe state of the `Slider` where you don't want the user to be able to interact with the component.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSlider disabled={true} /\u003e\n`}\n\u003e\n    \u003cUIKitExamples.SliderExample disabled={true} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSlider disabled={true} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Error\n\nThe state of the `Slider` in which you want to indicate incorrect user input. To change `Slider` appearance, use the `validationState` property with the `\"invalid\"` value. An optional message text can be added via the `errorMessage` property. Error message text will be rendered under the component.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSlider validationState={\"invalid\"} /\u003e\n\u003cSlider validationState={\"invalid\"} errorMessage=\"Error message\" /\u003e\n`}\n\u003e\n    \u003cUIKitExamples.SliderExample validationState={\"invalid\"} /\u003e\n    \u003cUIKitExamples.SliderExample validationState={\"invalid\"} errorMessage=\"Error message\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSlider validationState={\"invalid\"} /\u003e\n\u003cSlider validationState={\"invalid\"} errorMessage=\"Error message\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\nTo control the size of the `Slider` use the `size` property. Default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSlider size=\"s\" /\u003e\n\u003cSlider size=\"m\" /\u003e\n\u003cSlider size=\"l\" /\u003e\n\u003cSlider size=\"xl\" /\u003e\n`}\n\u003e\n    \u003cUIKitExamples.SliderExample size=\"s\" /\u003e\n    \u003cUIKitExamples.SliderExample size=\"m\" /\u003e\n    \u003cUIKitExamples.SliderExample size=\"l\" /\u003e\n    \u003cUIKitExamples.SliderExample size=\"xl\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSlider size=\"s\" /\u003e\n\u003cSlider size=\"m\" /\u003e\n\u003cSlider size=\"l\" /\u003e\n\u003cSlider size=\"xl\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Value\n\n### Min and max value\n\nThe `min` and `max` properties define the limits of the range that the `Slider` component can handle. These properties are essential for setting the boundaries of the selectable values.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSlider min={10} /\u003e\n\u003cSlider max={50} /\u003e\n\u003cSlider min={20} max={60} /\u003e\n`}\n\u003e\n    \u003cUIKitExamples.SliderExample min={10} /\u003e\n    \u003cUIKitExamples.SliderExample max={50} /\u003e\n    \u003cUIKitExamples.SliderExample min={20} max={60} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSlider min={10} /\u003e\n\u003cSlider max={50} /\u003e\n\u003cSlider min={20} max={60} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Step\n\nThe `step` property for `Slider` component determines the incremental steps between the min and max value range. It controls how much the value should increase or decrease as the slider is moved.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSlider step={10} /\u003e\n`}\n\u003e\n    \u003cUIKitExamples.SliderExample step={10} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSlider step={10} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Marks\n\nThe `marksCount` property is utilized in `Slider` component to specify the number of visual markers along the slider that help to indicate various points between the minimum and maximum value. This property enhances the usability and visual interface of the slider, especially for denoting specific intervals. By default it is 2 (min and max values) but you can set the higher value.\n\n\u003e The mark value is available for selection, even if it does not match the `step` value condition\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSlider marksCount={11} /\u003e\n`}\n\u003e\n    \u003cUIKitExamples.SliderExample marksCount={11} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSlider marksCount={11} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Available values\n\nThe `availableValues` property is used in `Slider` component to define a set of specific values that the slider can handle, as opposed to a continuous range. This property is particularly useful when only certain discrete values are valid for selection. This property allows specifying an array of numbers representing the exact values that users are allowed to select using the `Slider`.\n\n\u003e The `availableValues` property overrides `min`, `max`, `marksCount` and `step` properties if used in conjunction, as the slider directly uses the provided array values instead of a continuous range.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSlider availableValues={[10, 20, 50, 55, 65, 80]} /\u003e\n`}\n\u003e\n    \u003cUIKitExamples.SliderExample availableValues={[10, 20, 50, 55, 65, 80]} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSlider availableValues={[10, 20, 50, 55, 65, 80]} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Tooltip\n\nThe `hasTooltip` property is a boolean attribute used in `Slider` component to control the display of a tooltip that shows the current value as the user interacts with the slider.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSlider hasTooltip={true} /\u003e\n`}\n\u003e\n    \u003cUIKitExamples.SliderExample hasTooltip={true} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSlider hasTooltip={true} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name                                 | Description                                                                                                                                       |                         Type                         | Default |\n| :----------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------ | :--------------------------------------------------: | :-----: |\n| apiRef                               | Ref to Slider's component props of focus and blur                                                                                                 |                `RefObject\u003cSliderRef\u003e`                |         |\n| autoFocus                            | The control's `autofocus` attribute                                                                                                               |                      `boolean`                       |         |\n| [availableValues](#available-values) | Specifies the array of available values for the slider                                                                                            |                      `number[]`                      |         |\n| className                            | The control's wrapper class name                                                                                                                  |                       `string`                       |         |\n| debounceDelay                        | Specifies the delay (in milliseconds) before the processing function is called                                                                    |                       `number`                       |   `0`   |\n| [defaultValue](#slider-variants)     | The control's default value, used when the component is not controlled                                                                            |             `number` `[number, number]`              |   `0`   |\n| [disabled](#disabled)                | Indicates that the user cannot interact with the control                                                                                          |                      `boolean`                       | `false` |\n| [errorMessage](#error)               | Text of an error to show                                                                                                                          |                       `string`                       |         |\n| [hasTooltip](#tooltip)               | Show tooltip with current value of component or not                                                                                               |                      `boolean`                       | `false` |\n| [marksCount](#marks)                 | Amount of text marks under the slider. Split whole range on equal parts. Could be set \u003e=2. This prop will be ignored if `availablevalues` is set. |                       `number`                       |   `2`   |\n| [max](#min-and-max-value)            | The maximum value of the component.                                                                                                               |                       `number`                       |  `100`  |\n| [min](#min-and-max-value)            | The maximum value of the component.                                                                                                               |                       `number`                       |   `0`   |\n| onBlur                               | Fires when the control lost focus. Provides focus event as a callback's argument                                                                  | `((e: FocusEvent\u003cHTMLDivElement, Element\u003e) =\u003e void)` |         |\n| onUpdate                             | Fires when the slider’s value is changed by the user. Provides change event as an callback's argument                                             |   `((value: number \\| [number, number]) =\u003e void)`    |         |\n| onUpdateComplete                     | Fires when ontouchend or onmouseup is triggered. Provides change event as an callback's argument                                                  |   `((value: number \\| [number, number]) =\u003e void)`    |         |\n| onFocus                              | Fires when the control gets focus. Provides focus event as a callback's argument                                                                  | `((e: FocusEvent\u003cHTMLDivElement, Element\u003e) =\u003e void)` |         |\n| [size](#size)                        | The size of the control                                                                                                                           |               `\"s\"` `\"m\"` `\"l\"` `\"xl\"`               |  `\"m\"`  |\n| [step](#step)                        | Value to be added or subtracted on each step the slider makes. This prop will be ignored if `availablevalues` is set.                             |                       `number`                       |   `1`   |\n| tabIndex                             | The control's `tabIndex` attribute                                                                                                                |             `number` `[number, number]`              |         |\n| [validationState](#error)            | Validation state                                                                                                                                  |                     `\"invalid\"`                      |         |\n| [value](#slider-variants)            | The value of the control                                                                                                                          |             `number` `[number, number]`              |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"slider"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/spin.html b/components/uikit/spin.html
index 60c4e95721b..e97df0e1540 100644
--- a/components/uikit/spin.html
+++ b/components/uikit/spin.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Spin</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Spin</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@SeqviriouM" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/SeqviriouM" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1071418?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">SeqviriouM</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Spin" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/slider"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Slider</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/switch"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Switch</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"spin","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Spin\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Spin} from '@gravity-ui/uikit';\n```\n\nThe Spin component indicates the loading state (a rotating semicircle) in inline scenarios. Unlike Loader, this component is used to display the loading state in inline scenarios, e.g., in Button or Label.\n\n### Size\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSpin size=\"xs\" /\u003e\n\u003cSpin size=\"s\" /\u003e\n\u003cSpin size=\"m\" /\u003e\n\u003cSpin size=\"l\" /\u003e\n\u003cSpin size=\"xl\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Spin size=\"xs\" /\u003e\n    \u003cUIKit.Spin size=\"s\" /\u003e\n    \u003cUIKit.Spin size=\"m\" /\u003e\n    \u003cUIKit.Spin size=\"l\" /\u003e\n    \u003cUIKit.Spin size=\"xl\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSpin size=\"xs\" /\u003e\n\u003cSpin size=\"s\" /\u003e\n\u003cSpin size=\"m\" /\u003e\n\u003cSpin size=\"l\" /\u003e\n\u003cSpin size=\"xl\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\nXS - The smallest size.\n\nS – Small, used when standard spin is too large.\n\nM – Medium (basic), used in most cases.\n\nL – Large, used when standard spin is too small.\n\nXL - The largest size.\n\n## Properties\n\n| Name      | Description                        |              Type               | Default |\n| :-------- | :--------------------------------- | :-----------------------------: | :-----: |\n| size      | Spin size                          | `\"xs\"` `\"s\"` `\"m\"` `\"l\"` `\"xl\"` |  `\"m\"`  |\n| style     | Custom CSS styles for root element |      `React.CSSProperties`      |         |\n| className | Custom CSS class for root element  |            `string`             |         |\n| qa        | Test attribute (`data-qa`)         |            `string`             |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"spin"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Spin</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Spin</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@SeqviriouM" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/SeqviriouM" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1071418?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">SeqviriouM</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Spin" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/slider"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Slider</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/switch"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Switch</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"spin","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Spin\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Spin} from '@gravity-ui/uikit';\n```\n\nThe Spin component indicates the loading state (a rotating semicircle) in inline scenarios. Unlike Loader, this component is used to display the loading state in inline scenarios, e.g., in Button or Label.\n\n### Size\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cSpin size=\"xs\" /\u003e\n\u003cSpin size=\"s\" /\u003e\n\u003cSpin size=\"m\" /\u003e\n\u003cSpin size=\"l\" /\u003e\n\u003cSpin size=\"xl\" /\u003e\n`}\n\u003e\n    \u003cUIKit.Spin size=\"xs\" /\u003e\n    \u003cUIKit.Spin size=\"s\" /\u003e\n    \u003cUIKit.Spin size=\"m\" /\u003e\n    \u003cUIKit.Spin size=\"l\" /\u003e\n    \u003cUIKit.Spin size=\"xl\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSpin size=\"xs\" /\u003e\n\u003cSpin size=\"s\" /\u003e\n\u003cSpin size=\"m\" /\u003e\n\u003cSpin size=\"l\" /\u003e\n\u003cSpin size=\"xl\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\nXS - The smallest size.\n\nS – Small, used when standard spin is too large.\n\nM – Medium (basic), used in most cases.\n\nL – Large, used when standard spin is too small.\n\nXL - The largest size.\n\n## Properties\n\n| Name      | Description                        |              Type               | Default |\n| :-------- | :--------------------------------- | :-----------------------------: | :-----: |\n| size      | Spin size                          | `\"xs\"` `\"s\"` `\"m\"` `\"l\"` `\"xl\"` |  `\"m\"`  |\n| style     | Custom CSS styles for root element |      `React.CSSProperties`      |         |\n| className | Custom CSS class for root element  |            `string`             |         |\n| qa        | Test attribute (`data-qa`)         |            `string`             |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"spin"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/switch.html b/components/uikit/switch.html
index 2cf63ba90f8..f469c672c33 100644
--- a/components/uikit/switch.html
+++ b/components/uikit/switch.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Switch</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Switch</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@zamkovskaya" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/zamkovskaya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/128601366?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">zamkovskaya</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Switch" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/spin"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Spin</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/table"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Table</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"switch","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Switch\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Switch} from '@gravity-ui/uikit';\n```\n\nThe Switch component is used to toggle between two states, typically representing \"on\" and \"off\" or \"enabled\" and \"disabled\" states.\n\n## States\n\nThe Switch can be in different states.\n\n- Checked - when the switch is in the \"On\" state.\n- Disabled - when the switch is unavailable for interaction.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSwitch size=\"l\" checked={false}\u003eUnchecked\u003c/Switch\u003e\n\u003cSwitch size=\"l\" checked\u003eChecked\u003c/Switch\u003e\n\u003cSwitch size=\"l\" disabled\u003eDisabled\u003c/Switch\u003e\n`}\n\u003e\n    \u003cUIKit.Switch size=\"l\" checked={false}\u003eUnchecked\u003c/UIKit.Switch\u003e\n    \u003cUIKit.Switch size=\"l\" checked\u003eChecked\u003c/UIKit.Switch\u003e\n    \u003cUIKit.Switch size=\"l\" disabled\u003eDisabled\u003c/UIKit.Switch\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSwitch size=\"l\" checked={false}\u003eUnchecked\u003c/Switch\u003e\n\u003cSwitch size=\"l\" checked\u003eChecked\u003c/Switch\u003e\n\u003cSwitch size=\"l\" disabled\u003eDisabled\u003c/Switch\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\nTo control the size of the `Switch`, use the `size` property. The default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSwitch size=\"m\"\u003eM Size\u003c/Switch\u003e\n\u003cSwitch size=\"l\"\u003eL Size\u003c/Switch\u003e\n`}\n\u003e\n    \u003cUIKit.Switch size=\"m\"\u003eM Size\u003c/UIKit.Switch\u003e\n    \u003cUIKit.Switch size=\"l\"\u003eL Size\u003c/UIKit.Switch\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSwitch size=\"m\"\u003eM Size\u003c/Switch\u003e\n\u003cSwitch size=\"l\"\u003eL Size\u003c/Switch\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Label\n\nYou can set a label for a `Switch` component using the `content` property or pass it as children.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cdiv\u003e\n  \u003cSwitch content=\"Content\" size=\"l\" /\u003e\n  \u003cdiv\n    style={{\n      marginTop: 10,\n    }}\n  \u003e\n    \u003cSwitch size=\"l\"\u003e\n      \u003cspan\u003eContent as children\u003c/span\u003e\n    \u003c/Switch\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n`}\n\u003e\n\u003cdiv\u003e\n  \u003cUIKit.Switch content=\"Content\" size=\"l\" /\u003e\n  \u003cdiv\n    style={{\n      marginTop: 10,\n    }}\n  \u003e\n    \u003cUIKit.Switch size=\"l\"\u003e\n      \u003cspan\u003eContent as children\u003c/span\u003e\n    \u003c/UIKit.Switch\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cdiv\u003e\n  \u003cSwitch content=\"Content\" size=\"l\" /\u003e\n  \u003cdiv\n    style={{\n      marginTop: 10,\n    }}\n  \u003e\n    \u003cSwitch size=\"l\"\u003e\n      \u003cspan\u003eContent as children\u003c/span\u003e\n    \u003c/Switch\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name           | Description                                                                                              |                     Type                      | Default |\n| :------------- | :------------------------------------------------------------------------------------------------------- | :-------------------------------------------: | :-----: |\n| children       | The content of the switch (usually a label).                                                             |                  `ReactNode`                  |         |\n| content        | The content of the switch (alternative to children).                                                     |                  `ReactNode`                  |         |\n| disabled       | Toggles the `disabled` state of the switch.                                                              |                   `boolean`                   | `false` |\n| checked        | Toggles the checked state of the switch.                                                                 |                   `boolean`                   | `false` |\n| defaultChecked | Sets the initial checked state when the component is mounted.                                            |                   `boolean`                   | `false` |\n| onUpdate       | Fires when the switch state is changed by the user. Provides the checked value as a callback's argument. |         `(checked: boolean) =\u003e void`          |         |\n| onChange       | Fires when the switch state is changed by the user. Provides the change event as a callback's argument.  |                  `Function`                   |         |\n| onFocus        | Event handler for when the switch input element receives focus.                                          |                  `Function`                   |         |\n| onBlur         | Event handler for when the switch input element loses focus.                                             |                  `Function`                   |         |\n| size           | Sets the size of the switch.                                                                             |                    `m` `l`                    |   `m`   |\n| id             | HTML `id` attribute                                                                                      |                   `string`                    |         |\n| qa             | HTML `data-qa` attribute, used in tests.                                                                 |                   `string`                    |         |\n| style          | HTML `style` attribute                                                                                   |             `React.CSSProperties`             |         |\n| className      | HTML `class` attribute                                                                                   |                   `string`                    |         |\n| title          | HTML `title` attribute                                                                                   |                   `string`                    |         |\n| name           | HTML `name` attribute for the input element.                                                             |                   `string`                    |         |\n| value          | HTML `value` attribute for the input element.                                                            |                   `string`                    |         |\n| indeterminate  | Toggles the indeterminate state of the switch.                                                           |                   `boolean`                   | `false` |\n| controlProps   | Additional props for the underlying input element.                                                       | `React.InputHTMLAttributes\u003cHTMLInputElement\u003e` |         |\n| controlRef     | Ref to the underlying input element.                                                                     |         `React.Ref\u003cHTMLInputElement\u003e`         |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"switch"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Switch</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Switch</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@zamkovskaya" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/zamkovskaya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/128601366?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">zamkovskaya</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Switch" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/spin"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Spin</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/table"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Table</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"switch","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Switch\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Switch} from '@gravity-ui/uikit';\n```\n\nThe Switch component is used to toggle between two states, typically representing \"on\" and \"off\" or \"enabled\" and \"disabled\" states.\n\n## States\n\nThe Switch can be in different states.\n\n- Checked - when the switch is in the \"On\" state.\n- Disabled - when the switch is unavailable for interaction.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSwitch size=\"l\" checked={false}\u003eUnchecked\u003c/Switch\u003e\n\u003cSwitch size=\"l\" checked\u003eChecked\u003c/Switch\u003e\n\u003cSwitch size=\"l\" disabled\u003eDisabled\u003c/Switch\u003e\n`}\n\u003e\n    \u003cUIKit.Switch size=\"l\" checked={false}\u003eUnchecked\u003c/UIKit.Switch\u003e\n    \u003cUIKit.Switch size=\"l\" checked\u003eChecked\u003c/UIKit.Switch\u003e\n    \u003cUIKit.Switch size=\"l\" disabled\u003eDisabled\u003c/UIKit.Switch\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSwitch size=\"l\" checked={false}\u003eUnchecked\u003c/Switch\u003e\n\u003cSwitch size=\"l\" checked\u003eChecked\u003c/Switch\u003e\n\u003cSwitch size=\"l\" disabled\u003eDisabled\u003c/Switch\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\nTo control the size of the `Switch`, use the `size` property. The default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cSwitch size=\"m\"\u003eM Size\u003c/Switch\u003e\n\u003cSwitch size=\"l\"\u003eL Size\u003c/Switch\u003e\n`}\n\u003e\n    \u003cUIKit.Switch size=\"m\"\u003eM Size\u003c/UIKit.Switch\u003e\n    \u003cUIKit.Switch size=\"l\"\u003eL Size\u003c/UIKit.Switch\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cSwitch size=\"m\"\u003eM Size\u003c/Switch\u003e\n\u003cSwitch size=\"l\"\u003eL Size\u003c/Switch\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Label\n\nYou can set a label for a `Switch` component using the `content` property or pass it as children.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cdiv\u003e\n  \u003cSwitch content=\"Content\" size=\"l\" /\u003e\n  \u003cdiv\n    style={{\n      marginTop: 10,\n    }}\n  \u003e\n    \u003cSwitch size=\"l\"\u003e\n      \u003cspan\u003eContent as children\u003c/span\u003e\n    \u003c/Switch\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n`}\n\u003e\n\u003cdiv\u003e\n  \u003cUIKit.Switch content=\"Content\" size=\"l\" /\u003e\n  \u003cdiv\n    style={{\n      marginTop: 10,\n    }}\n  \u003e\n    \u003cUIKit.Switch size=\"l\"\u003e\n      \u003cspan\u003eContent as children\u003c/span\u003e\n    \u003c/UIKit.Switch\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cdiv\u003e\n  \u003cSwitch content=\"Content\" size=\"l\" /\u003e\n  \u003cdiv\n    style={{\n      marginTop: 10,\n    }}\n  \u003e\n    \u003cSwitch size=\"l\"\u003e\n      \u003cspan\u003eContent as children\u003c/span\u003e\n    \u003c/Switch\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name           | Description                                                                                              |                     Type                      | Default |\n| :------------- | :------------------------------------------------------------------------------------------------------- | :-------------------------------------------: | :-----: |\n| children       | The content of the switch (usually a label).                                                             |                  `ReactNode`                  |         |\n| content        | The content of the switch (alternative to children).                                                     |                  `ReactNode`                  |         |\n| disabled       | Toggles the `disabled` state of the switch.                                                              |                   `boolean`                   | `false` |\n| checked        | Toggles the checked state of the switch.                                                                 |                   `boolean`                   | `false` |\n| defaultChecked | Sets the initial checked state when the component is mounted.                                            |                   `boolean`                   | `false` |\n| onUpdate       | Fires when the switch state is changed by the user. Provides the checked value as a callback's argument. |         `(checked: boolean) =\u003e void`          |         |\n| onChange       | Fires when the switch state is changed by the user. Provides the change event as a callback's argument.  |                  `Function`                   |         |\n| onFocus        | Event handler for when the switch input element receives focus.                                          |                  `Function`                   |         |\n| onBlur         | Event handler for when the switch input element loses focus.                                             |                  `Function`                   |         |\n| size           | Sets the size of the switch.                                                                             |                    `m` `l`                    |   `m`   |\n| id             | HTML `id` attribute                                                                                      |                   `string`                    |         |\n| qa             | HTML `data-qa` attribute, used in tests.                                                                 |                   `string`                    |         |\n| style          | HTML `style` attribute                                                                                   |             `React.CSSProperties`             |         |\n| className      | HTML `class` attribute                                                                                   |                   `string`                    |         |\n| title          | HTML `title` attribute                                                                                   |                   `string`                    |         |\n| name           | HTML `name` attribute for the input element.                                                             |                   `string`                    |         |\n| value          | HTML `value` attribute for the input element.                                                            |                   `string`                    |         |\n| indeterminate  | Toggles the indeterminate state of the switch.                                                           |                   `boolean`                   | `false` |\n| controlProps   | Additional props for the underlying input element.                                                       | `React.InputHTMLAttributes\u003cHTMLInputElement\u003e` |         |\n| controlRef     | Ref to the underlying input element.                                                                     |         `React.Ref\u003cHTMLInputElement\u003e`         |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"switch"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/table.html b/components/uikit/table.html
index 4985eead8e9..49caa4b55a7 100644
--- a/components/uikit/table.html
+++ b/components/uikit/table.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Table</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Table</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@Raubzeug" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/Raubzeug" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42094364?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">Raubzeug</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Table" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/switch"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Switch</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/tabs"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Tabs</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"table","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n## Table\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```jsx\nimport {Table} from '@gravity-ui/uikit';\n```\n\nA table that allows the selecting and sorting of rows, and performing actions on a row.\n\n\u003c!--GITHUB_BLOCK--\u003e\n\nAdditional functionality is enabled via HOCs:\n\n- [withTableActions](#usage-with-hoc-withtableactions)\n- [withTableCopy](#usage-with-hoc-withtablecopy)\n- [withTableSelection](#usage-with-hoc-withtableselection)\n- [withTableSettings](#usage-with-hoc-withtablesettings)\n- [withTableSorting](#usage-with-hoc-withtablesorting)\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name                             | Description                                                                                                                                                                     |                                        Type                                        |   Default   |\n| :------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | :--------------------------------------------------------------------------------: | :---------: |\n| data                             | Data                                                                                                                                                                            |                                      `any[]`                                       |             |\n| columns                          | Column parameters                                                                                                                                                               |                               `TableColumnConfig[]`                                |             |\n| verticalAlign                    | Vertical alignment of contents                                                                                                                                                  |                                 `\"top\"` `\"middle\"`                                 |             |\n| getRowDescriptor                 | Handler to get row descriptor                                                                                                                                                   |                   `(item: any, index: number) =\u003e DescriptorType`                   |             |\n| getRowId                         | The row ID, used when selecting and sorting rows. If you skip a row, its ID will be the value of the field in the row data with the same name as the column ID                  |                 `string` `((item: any, index: number) =\u003e string)`                  |             |\n| getRowClassNames                 | Row CSS classes                                                                                                                                                                 |                      `(item: any, index: number) =\u003e string[]`                      |             |\n| isRowDisabled                    | Condition for disabling columns                                                                                                                                                 |                      `(item: any, index: number) =\u003e boolean`                       |             |\n| onRowClick                       | Row click handler                                                                                                                                                               | `(item: any, index: number, event: React.MouseEvent\u003cHTMLTableRowElement\u003e) =\u003e void` |             |\n| onRowMouseEnter                  | Row mouseenter handler                                                                                                                                                          | `(item: any, index: number, event: React.MouseEvent\u003cHTMLTableRowElement\u003e) =\u003e void` |             |\n| onRowMouseLeave                  | Row mouseleave handler                                                                                                                                                          | `(item: any, index: number, event: React.MouseEvent\u003cHTMLTableRowElement\u003e) =\u003e void` |             |\n| emptyMessage                     | The message returned if data is missing.                                                                                                                                        |                                      `string`                                      | `\"No data\"` |\n| className                        | Table CSS class                                                                                                                                                                 |                                      `string`                                      |             |\n| edgePadding                      | Adds horizontal padding for edge cells                                                                                                                                          |                                     `boolean`                                      |             |\n| stickyHorizontalScroll           | A horizontal sticky scroll in a table. NB: A table cannot have a fixed height and a sticky scroll at the same time. A sticky scroll will not work if the table has an overflow. |                                     `boolean`                                      |   `false`   |\n| stickyHorizontalScrollBreakpoint | The threshold that the parent block should reach before making a scroll sticky. This is useful in the console, for example, when the groupActions bar closes the scroll.        |                                      `number`                                      |     `0`     |\n\n### DescriptorType\n\n| Name       | Description                                      |    Type     | Default |\n| :--------- | :----------------------------------------------- | :---------: | :-----: |\n| id         | The row ID, used when selecting and sorting rows |  `string`   |         |\n| disabled   | Condition for disabling columns                  |  `boolean`  |         |\n| classNames | Row CSS classes                                  | ` string[]` |         |\n\n### TableColumnConfig\n\n| Name        | Description                                                                                                        |                            Type                            |                           Default                           |\n| :---------- | :----------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------: | :---------------------------------------------------------: |\n| id          | Column ID                                                                                                          |                          `string`                          |                                                             |\n| name        | Column name (header)                                                                                               |             `string` `(() =\u003e React.ReactNode)`             |                          column ID                          |\n| className   | CSS-class that will be added to all cells in the column                                                            |                          `string`                          |                                                             |\n| placeholder | The stub when there is no data in a cell                                                                           | `string` `((item: any, index: number) =\u003e React.ReactNode)` |                        `— (\u0026mdash;)`                        |\n| template    | Cell contents. If you skip a row, the cell contents will be the value of the field with the same name as this row. | `string` `((item: any, index: number) =\u003e React.ReactNode)` | The value of the field with the name equal to the column ID |\n| align       | Content alignment                                                                                                  |                `\"start\"` `\"center\"` `\"end\"`                |                                                             |\n| sticky      | Sticky column                                                                                                      |                     `\"start\"` `\"end\"`                      |                                                             |\n| primary     | Distinguishes a column among other                                                                                 |                         `boolean`                          |                                                             |\n| width       | Column's content width in px                                                                                       |                     `number` `string`                      |                                                             |\n| meta        | Various data, HOC settings                                                                                         |                   `Record\u003cstring, any\u003e`                    |                                                             |\n\n## Usage with HOC `withTableActions`\n\nAdds a special column with actions to table columns.\n\n### Properties\n\n| Name             | Description                                 |                           Type                           |\n| :--------------- | :------------------------------------------ | :------------------------------------------------------: |\n| getRowActions    | Array of action configs for each row        |   `(item: any, index: number) =\u003e TableActionConfig[]`    |\n| renderRowActions | render function for Actions Cell            | `(props: {item: any; index: number}) =\u003e React.ReactNode` |\n| rowActionsSize   | Size of actions button and popup menu items |                 `\"s\"` `\"m\"` `\"l\"` `\"xl\"`                 |\n\n### TableActionConfig\n\n```ts\ntype TableActionConfig = TableAction | TableActionGroup;\n```\n\n#### TableAction\n\n| Name     | Description                                                        |                 Type                 |  Default   |\n| :------- | :----------------------------------------------------------------- | :----------------------------------: | :--------: |\n| text     | Text                                                               |               `string`               |            |\n| handler  | Click handler                                                      | `(item: any, index: number) =\u003e void` |            |\n| disabled | Action disabled                                                    |              `boolean`               |            |\n| href     | Menu item with this prop becomes a link to the specified location. |               `string`               |            |\n| target   | Same as the `target` attribute of the `\u003ca\u003e` tag.                   |               `string`               |            |\n| rel      | Same as the `rel` attribute of the `\u003ca\u003e` tag.                      |               `string`               |            |\n| theme    | Theme                                                              |        `\"normal\"` `\"danger\"`         | `\"normal\"` |\n| icon     | Icon to display next to the text                                   |          `React.ReactNode`           |            |\n\n#### TableActionGroup\n\n| Name  | Description         |         Type          |\n| :---- | :------------------ | :-------------------: |\n| title | Action group header |       `string`        |\n| items | Action group items  | `TableActionConfig[]` |\n\n### Example\n\n```jsx\nimport {Table, withTableActions} from '@gravity-ui/uikit';\n\nconst MyTable = withTableActions(Table);\nconst data = [\n  {id: 1, text: 'Hello'},\n  {id: 2, text: 'World'},\n];\nconst columns = [{id: 'id'}, {id: 'text'}];\nconst getRowActions = () =\u003e {\n  return [\n    {\n      text: 'Print',\n      handler: () =\u003e {},\n    },\n    {\n      text: 'Remove',\n      handler: () =\u003e {},\n      theme: 'danger',\n    },\n  ];\n};\n\nconst table = \u003cMyTable data={data} columns={columns} getRowActions={getRowActions} /\u003e;\n```\n\n```jsx\nimport {Table, withTableActions, RenderRowActionsProps} from '@gravity-ui/uikit';\n\nconst MyTable = withTableActions(Table);\ntype Item = {id: number; text: string};\n\nconst data: Item[] = [\n  {id: 1, text: 'Hello'},\n  {id: 2, text: 'World'},\n];\nconst columns = [{id: 'id'}, {id: 'text'}];\n\nconst RowAction = ({item}: RenderRowActionsProps\u003cItem\u003e) =\u003e {\n    return \u003cReact.Fragment\u003e{`Action for - ${item.text}`}\u003c/React.Fragment\u003e;\n};\n\nconst table = (\n  \u003cMyTable\n    data={data}\n    columns={columns}\n    renderRowActions={RowAction}\n  /\u003e\n);\n```\n\n## Usage with HOC `withTableCopy`\n\nAllows the contents of a cell or any text to be copied.\n\n### ColumnMeta\n\n| Name | Description                                                             |                                            Type                                             |\n| :--- | :---------------------------------------------------------------------- | :-----------------------------------------------------------------------------------------: |\n| copy | The text to be copies. If true is passed, the cell contents are copied. | `boolean` `((item: any, index: number) =\u003e string)` `((item: any, index: number) =\u003e number)` |\n\n### Example\n\n```jsx\nimport {Table, withTableCopy} from '@gravity-ui/uikit';\n\nconst MyTable = withTableCopy(Table);\nconst data = [\n  {id: 1, text: 'Hello'},\n  {id: 2, text: 'World'},\n];\nconst columns = [\n  {id: 'id', meta: {copy: ({id}) =\u003e `ID #${id}`}},\n  {id: 'text', meta: {copy: true}},\n];\n\nconst table = \u003cMyTable data={data} columns={columns} /\u003e;\n```\n\n## Usage with HOC `withTableSelection`\n\nEnables the selection of table rows.\n\n### Properties\n\n| Name              | Description                 |           Type            |\n| :---------------- | :-------------------------- | :-----------------------: |\n| selectedIds       | Rows selected               |        `string[]`         |\n| onSelectionChange | Selected row change handler | `(ids: string[]) =\u003e void` |\n\n### Example\n\n```jsx\nimport {Table, withTableSelection} from '@gravity-ui/uikit';\n\nconst MyTable = withTableSelection(Table);\nconst data = [\n  {id: 1, text: 'Hello'},\n  {id: 2, text: 'World'},\n];\nconst columns = [{id: 'id'}, {id: 'text'}];\nconst getRowId = 'id';\n\nfunction SelectionTable() {\n  const [selectedIds, setSelectedIds] = React.useState([1]);\n\n  return (\n    \u003cMyTable\n      data={data}\n      columns={columns}\n      getRowId={getRowId}\n      selectedIds={selectedIds}\n      onSelectionChange={setSelectedIds}\n    /\u003e\n  );\n}\n```\n\n## Usage with HOC `withTableSettings`\n\nEnables functionality for table column settings. You can use ut in two forms:\n\n```jsx\nimport {Table, withTableSettings} from './withTableSettings';\n\n// No options passed\nconst MyTable1 = withTableSettings(Table);\n// or with options\nconst MyTable1 = withTableSettings({sortable: false})(Table);\n```\n\n### Options\n\n| Name       | Description                                         |       Type       | Default |\n| :--------- | :-------------------------------------------------- | :--------------: | :-----: |\n| width      | Settings' popup width                               | `number` `\"fit\"` |         |\n| sortable   | Whether or not add ability to sort settings items   |    `boolean`     | `true`  |\n| filterable | Whether or not add ability to filter settings items |    `boolean`     | `false` |\n\n### ColumnMeta\n\n| Name              | Description                                                                |   Type    | Default |\n| :---------------- | :------------------------------------------------------------------------- | :-------: | :-----: |\n| selectedByDefault | Specifies whether a column is selected if it is missing from the settings. | `boolean` | `true`  |\n| selectedAlways    | Makes the column always selected. You cannot change its visibility.        | `boolean` | `false` |\n\n### Properties\n\n| Name                       | Description                                                  |                           Type                           |\n| :------------------------- | :----------------------------------------------------------- | :------------------------------------------------------: |\n| settingsPopupWidth         | TableColumnSetup pop-up width                                |                     `number` `\"fit\"`                     |\n| settings                   | Current settings                                             |                   `TableSettingsData`                    |\n| updateSettings             | Settings update handle                                       |       `(data: TableSettingsData) =\u003e Promise\u003cvoid\u003e`       |\n| renderControls             | Allows to render custom actions                              |                     `RenderControls`                     |\n| settingsFilterPlaceholder  | Text that appears in the control when no search value is set |                         `string`                         |\n| settingsFilterEmptyMessage | Text that appears when no one item is found                  |                         `string`                         |\n| filterSettings             | Function for filtering items                                 | `(value: string, item: TableColumnSetupItem) =\u003e boolean` |\n\n### TableSettingsData\n\n```ts\ntype TableSettingsData = Array\u003c{\n  id: string;\n  isSelected?: boolean;\n}\u003e;\n```\n\n### RenderControls\n\n```ts\ntype RenderControls = (params: {\n  DefaultApplyButton: React.ComponentType;\n  onApply: () =\u003e void;\n}) =\u003e React.ReactNode;\n```\n\n### Example\n\n```jsx\nimport {Table, withTableSettings} from '@gravity-ui/uikit';\n\nconst MyTable = withTableSettings({width: 100, sortable: false})(Table);\nconst data = [\n  {id: 1, text: 'Hello'},\n  {id: 2, text: 'World'},\n];\nconst columns = [{id: 'id'}, {id: 'text'}];\nconst initialSettings = [\n  {id: 'id', isSelected: false},\n  {id: 'text', isSelected: true},\n];\n\nfunction SelectionTable() {\n  const [settings, setSettings] = React.useState(initialSettings);\n\n  return (\n    \u003cMyTable\n      data={data}\n      columns={columns}\n      settings={settings}\n      updateSettings={(settings) =\u003e {\n        setSettings(settings);\n        return Promise.resolve();\n      }}\n      renderControls={({DefaultApplyButton, onApply}) =\u003e (\n        \u003cFlex gapRow=\"1\" direction=\"column\"\u003e\n          \u003cButton\n            view=\"outlined-warning\"\n            onClick={() =\u003e {\n              onApply();\n              setSettings(initialSettings);\n            }}\n          \u003e\n            Reset\n          \u003c/Button\u003e\n          \u003cDefaultApplyButton /\u003e\n        \u003c/Flex\u003e\n      )}\n    /\u003e\n  );\n}\n```\n\n## Usage with HOC `withTableSorting`\n\nEnables column sorting.\n\n### ColumnMeta\n\n| Name             | Description                                                                                                                                               |                       Type                       | Default |\n| :--------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------: | :-----: |\n| defaultSortOrder | Sets the primary sorting order                                                                                                                            |                 `\"asc\"` `\"desc\"`                 |  `asc`  |\n| sort             | The sorting function. It should return a value for sorting in ascending order. If true is passed, cell values are compared and sorted in ascending order. | `boolean` `((itemA: any, itemB: any) =\u003e number)` |         |\n\n### Properties\n\n| Name              | Description                                         |                 Type                  |\n| :---------------- | :-------------------------------------------------- | :-----------------------------------: |\n| defaultSortState  | Default sorting state for an uncontrolled component |           `TableSortState`            |\n| sortState         | Sorting state                                       |           `TableSortState`            |\n| onSortStateChange | Sorting state change handle                         | `(sortState: TableSortState) =\u003e void` |\n\nIf the `sortState` and `onSortStateChange` props are not passed, the sorting state is stored in the component itself.\n\n### TableSortState\n\n```ts\ntype TableSortState = Array\u003c{\n  column: string;\n  order: 'asc' | 'desc';\n}\u003e;\n```\n\n### Example\n\n```jsx\nimport {Table, withTableSorting} from '@gravity-ui/uikit';\n\nconst MyTable = withTableSorting(Table);\nconst data = [\n  {id: 1, text: 'Hello', date: '2016-10-25'},\n  {id: 2, text: 'World', date: '2020-08-15'},\n];\nconst columns = [\n  {id: 'id', meta: {sort: true}},\n  {\n    id: 'text',\n    meta: {defaultSortOrder: 'desc', sort: (a, b) =\u003e Date.parse(a.date) - Date.parse(b.date)},\n  },\n];\n\nconst table = \u003cMyTable data={data} columns={columns} /\u003e;\n```\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"table"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Table</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Table</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@Raubzeug" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/Raubzeug" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42094364?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">Raubzeug</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Table" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/switch"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Switch</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/tabs"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Tabs</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"table","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n## Table\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```jsx\nimport {Table} from '@gravity-ui/uikit';\n```\n\nA table that allows the selecting and sorting of rows, and performing actions on a row.\n\n\u003c!--GITHUB_BLOCK--\u003e\n\nAdditional functionality is enabled via HOCs:\n\n- [withTableActions](#usage-with-hoc-withtableactions)\n- [withTableCopy](#usage-with-hoc-withtablecopy)\n- [withTableSelection](#usage-with-hoc-withtableselection)\n- [withTableSettings](#usage-with-hoc-withtablesettings)\n- [withTableSorting](#usage-with-hoc-withtablesorting)\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name                             | Description                                                                                                                                                                     |                                        Type                                        |   Default   |\n| :------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | :--------------------------------------------------------------------------------: | :---------: |\n| data                             | Data                                                                                                                                                                            |                                      `any[]`                                       |             |\n| columns                          | Column parameters                                                                                                                                                               |                               `TableColumnConfig[]`                                |             |\n| verticalAlign                    | Vertical alignment of contents                                                                                                                                                  |                                 `\"top\"` `\"middle\"`                                 |             |\n| getRowDescriptor                 | Handler to get row descriptor                                                                                                                                                   |                   `(item: any, index: number) =\u003e DescriptorType`                   |             |\n| getRowId                         | The row ID, used when selecting and sorting rows. If you skip a row, its ID will be the value of the field in the row data with the same name as the column ID                  |                 `string` `((item: any, index: number) =\u003e string)`                  |             |\n| getRowClassNames                 | Row CSS classes                                                                                                                                                                 |                      `(item: any, index: number) =\u003e string[]`                      |             |\n| isRowDisabled                    | Condition for disabling columns                                                                                                                                                 |                      `(item: any, index: number) =\u003e boolean`                       |             |\n| onRowClick                       | Row click handler                                                                                                                                                               | `(item: any, index: number, event: React.MouseEvent\u003cHTMLTableRowElement\u003e) =\u003e void` |             |\n| onRowMouseEnter                  | Row mouseenter handler                                                                                                                                                          | `(item: any, index: number, event: React.MouseEvent\u003cHTMLTableRowElement\u003e) =\u003e void` |             |\n| onRowMouseLeave                  | Row mouseleave handler                                                                                                                                                          | `(item: any, index: number, event: React.MouseEvent\u003cHTMLTableRowElement\u003e) =\u003e void` |             |\n| emptyMessage                     | The message returned if data is missing.                                                                                                                                        |                                      `string`                                      | `\"No data\"` |\n| className                        | Table CSS class                                                                                                                                                                 |                                      `string`                                      |             |\n| edgePadding                      | Adds horizontal padding for edge cells                                                                                                                                          |                                     `boolean`                                      |             |\n| stickyHorizontalScroll           | A horizontal sticky scroll in a table. NB: A table cannot have a fixed height and a sticky scroll at the same time. A sticky scroll will not work if the table has an overflow. |                                     `boolean`                                      |   `false`   |\n| stickyHorizontalScrollBreakpoint | The threshold that the parent block should reach before making a scroll sticky. This is useful in the console, for example, when the groupActions bar closes the scroll.        |                                      `number`                                      |     `0`     |\n\n### DescriptorType\n\n| Name       | Description                                      |    Type     | Default |\n| :--------- | :----------------------------------------------- | :---------: | :-----: |\n| id         | The row ID, used when selecting and sorting rows |  `string`   |         |\n| disabled   | Condition for disabling columns                  |  `boolean`  |         |\n| classNames | Row CSS classes                                  | ` string[]` |         |\n\n### TableColumnConfig\n\n| Name        | Description                                                                                                        |                            Type                            |                           Default                           |\n| :---------- | :----------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------: | :---------------------------------------------------------: |\n| id          | Column ID                                                                                                          |                          `string`                          |                                                             |\n| name        | Column name (header)                                                                                               |             `string` `(() =\u003e React.ReactNode)`             |                          column ID                          |\n| className   | CSS-class that will be added to all cells in the column                                                            |                          `string`                          |                                                             |\n| placeholder | The stub when there is no data in a cell                                                                           | `string` `((item: any, index: number) =\u003e React.ReactNode)` |                        `— (\u0026mdash;)`                        |\n| template    | Cell contents. If you skip a row, the cell contents will be the value of the field with the same name as this row. | `string` `((item: any, index: number) =\u003e React.ReactNode)` | The value of the field with the name equal to the column ID |\n| align       | Content alignment                                                                                                  |                `\"start\"` `\"center\"` `\"end\"`                |                                                             |\n| sticky      | Sticky column                                                                                                      |                     `\"start\"` `\"end\"`                      |                                                             |\n| primary     | Distinguishes a column among other                                                                                 |                         `boolean`                          |                                                             |\n| width       | Column's content width in px                                                                                       |                     `number` `string`                      |                                                             |\n| meta        | Various data, HOC settings                                                                                         |                   `Record\u003cstring, any\u003e`                    |                                                             |\n\n## Usage with HOC `withTableActions`\n\nAdds a special column with actions to table columns.\n\n### Properties\n\n| Name             | Description                                 |                           Type                           |\n| :--------------- | :------------------------------------------ | :------------------------------------------------------: |\n| getRowActions    | Array of action configs for each row        |   `(item: any, index: number) =\u003e TableActionConfig[]`    |\n| renderRowActions | render function for Actions Cell            | `(props: {item: any; index: number}) =\u003e React.ReactNode` |\n| rowActionsSize   | Size of actions button and popup menu items |                 `\"s\"` `\"m\"` `\"l\"` `\"xl\"`                 |\n\n### TableActionConfig\n\n```ts\ntype TableActionConfig = TableAction | TableActionGroup;\n```\n\n#### TableAction\n\n| Name     | Description                                                        |                 Type                 |  Default   |\n| :------- | :----------------------------------------------------------------- | :----------------------------------: | :--------: |\n| text     | Text                                                               |               `string`               |            |\n| handler  | Click handler                                                      | `(item: any, index: number) =\u003e void` |            |\n| disabled | Action disabled                                                    |              `boolean`               |            |\n| href     | Menu item with this prop becomes a link to the specified location. |               `string`               |            |\n| target   | Same as the `target` attribute of the `\u003ca\u003e` tag.                   |               `string`               |            |\n| rel      | Same as the `rel` attribute of the `\u003ca\u003e` tag.                      |               `string`               |            |\n| theme    | Theme                                                              |        `\"normal\"` `\"danger\"`         | `\"normal\"` |\n| icon     | Icon to display next to the text                                   |          `React.ReactNode`           |            |\n\n#### TableActionGroup\n\n| Name  | Description         |         Type          |\n| :---- | :------------------ | :-------------------: |\n| title | Action group header |       `string`        |\n| items | Action group items  | `TableActionConfig[]` |\n\n### Example\n\n```jsx\nimport {Table, withTableActions} from '@gravity-ui/uikit';\n\nconst MyTable = withTableActions(Table);\nconst data = [\n  {id: 1, text: 'Hello'},\n  {id: 2, text: 'World'},\n];\nconst columns = [{id: 'id'}, {id: 'text'}];\nconst getRowActions = () =\u003e {\n  return [\n    {\n      text: 'Print',\n      handler: () =\u003e {},\n    },\n    {\n      text: 'Remove',\n      handler: () =\u003e {},\n      theme: 'danger',\n    },\n  ];\n};\n\nconst table = \u003cMyTable data={data} columns={columns} getRowActions={getRowActions} /\u003e;\n```\n\n```jsx\nimport {Table, withTableActions, RenderRowActionsProps} from '@gravity-ui/uikit';\n\nconst MyTable = withTableActions(Table);\ntype Item = {id: number; text: string};\n\nconst data: Item[] = [\n  {id: 1, text: 'Hello'},\n  {id: 2, text: 'World'},\n];\nconst columns = [{id: 'id'}, {id: 'text'}];\n\nconst RowAction = ({item}: RenderRowActionsProps\u003cItem\u003e) =\u003e {\n    return \u003cReact.Fragment\u003e{`Action for - ${item.text}`}\u003c/React.Fragment\u003e;\n};\n\nconst table = (\n  \u003cMyTable\n    data={data}\n    columns={columns}\n    renderRowActions={RowAction}\n  /\u003e\n);\n```\n\n## Usage with HOC `withTableCopy`\n\nAllows the contents of a cell or any text to be copied.\n\n### ColumnMeta\n\n| Name | Description                                                             |                                            Type                                             |\n| :--- | :---------------------------------------------------------------------- | :-----------------------------------------------------------------------------------------: |\n| copy | The text to be copies. If true is passed, the cell contents are copied. | `boolean` `((item: any, index: number) =\u003e string)` `((item: any, index: number) =\u003e number)` |\n\n### Example\n\n```jsx\nimport {Table, withTableCopy} from '@gravity-ui/uikit';\n\nconst MyTable = withTableCopy(Table);\nconst data = [\n  {id: 1, text: 'Hello'},\n  {id: 2, text: 'World'},\n];\nconst columns = [\n  {id: 'id', meta: {copy: ({id}) =\u003e `ID #${id}`}},\n  {id: 'text', meta: {copy: true}},\n];\n\nconst table = \u003cMyTable data={data} columns={columns} /\u003e;\n```\n\n## Usage with HOC `withTableSelection`\n\nEnables the selection of table rows.\n\n### Properties\n\n| Name              | Description                 |           Type            |\n| :---------------- | :-------------------------- | :-----------------------: |\n| selectedIds       | Rows selected               |        `string[]`         |\n| onSelectionChange | Selected row change handler | `(ids: string[]) =\u003e void` |\n\n### Example\n\n```jsx\nimport {Table, withTableSelection} from '@gravity-ui/uikit';\n\nconst MyTable = withTableSelection(Table);\nconst data = [\n  {id: 1, text: 'Hello'},\n  {id: 2, text: 'World'},\n];\nconst columns = [{id: 'id'}, {id: 'text'}];\nconst getRowId = 'id';\n\nfunction SelectionTable() {\n  const [selectedIds, setSelectedIds] = React.useState([1]);\n\n  return (\n    \u003cMyTable\n      data={data}\n      columns={columns}\n      getRowId={getRowId}\n      selectedIds={selectedIds}\n      onSelectionChange={setSelectedIds}\n    /\u003e\n  );\n}\n```\n\n## Usage with HOC `withTableSettings`\n\nEnables functionality for table column settings. You can use ut in two forms:\n\n```jsx\nimport {Table, withTableSettings} from './withTableSettings';\n\n// No options passed\nconst MyTable1 = withTableSettings(Table);\n// or with options\nconst MyTable1 = withTableSettings({sortable: false})(Table);\n```\n\n### Options\n\n| Name       | Description                                         |       Type       | Default |\n| :--------- | :-------------------------------------------------- | :--------------: | :-----: |\n| width      | Settings' popup width                               | `number` `\"fit\"` |         |\n| sortable   | Whether or not add ability to sort settings items   |    `boolean`     | `true`  |\n| filterable | Whether or not add ability to filter settings items |    `boolean`     | `false` |\n\n### ColumnMeta\n\n| Name              | Description                                                                |   Type    | Default |\n| :---------------- | :------------------------------------------------------------------------- | :-------: | :-----: |\n| selectedByDefault | Specifies whether a column is selected if it is missing from the settings. | `boolean` | `true`  |\n| selectedAlways    | Makes the column always selected. You cannot change its visibility.        | `boolean` | `false` |\n\n### Properties\n\n| Name                       | Description                                                  |                           Type                           |\n| :------------------------- | :----------------------------------------------------------- | :------------------------------------------------------: |\n| settingsPopupWidth         | TableColumnSetup pop-up width                                |                     `number` `\"fit\"`                     |\n| settings                   | Current settings                                             |                   `TableSettingsData`                    |\n| updateSettings             | Settings update handle                                       |       `(data: TableSettingsData) =\u003e Promise\u003cvoid\u003e`       |\n| renderControls             | Allows to render custom actions                              |                     `RenderControls`                     |\n| settingsFilterPlaceholder  | Text that appears in the control when no search value is set |                         `string`                         |\n| settingsFilterEmptyMessage | Text that appears when no one item is found                  |                         `string`                         |\n| filterSettings             | Function for filtering items                                 | `(value: string, item: TableColumnSetupItem) =\u003e boolean` |\n\n### TableSettingsData\n\n```ts\ntype TableSettingsData = Array\u003c{\n  id: string;\n  isSelected?: boolean;\n}\u003e;\n```\n\n### RenderControls\n\n```ts\ntype RenderControls = (params: {\n  DefaultApplyButton: React.ComponentType;\n  onApply: () =\u003e void;\n}) =\u003e React.ReactNode;\n```\n\n### Example\n\n```jsx\nimport {Table, withTableSettings} from '@gravity-ui/uikit';\n\nconst MyTable = withTableSettings({width: 100, sortable: false})(Table);\nconst data = [\n  {id: 1, text: 'Hello'},\n  {id: 2, text: 'World'},\n];\nconst columns = [{id: 'id'}, {id: 'text'}];\nconst initialSettings = [\n  {id: 'id', isSelected: false},\n  {id: 'text', isSelected: true},\n];\n\nfunction SelectionTable() {\n  const [settings, setSettings] = React.useState(initialSettings);\n\n  return (\n    \u003cMyTable\n      data={data}\n      columns={columns}\n      settings={settings}\n      updateSettings={(settings) =\u003e {\n        setSettings(settings);\n        return Promise.resolve();\n      }}\n      renderControls={({DefaultApplyButton, onApply}) =\u003e (\n        \u003cFlex gapRow=\"1\" direction=\"column\"\u003e\n          \u003cButton\n            view=\"outlined-warning\"\n            onClick={() =\u003e {\n              onApply();\n              setSettings(initialSettings);\n            }}\n          \u003e\n            Reset\n          \u003c/Button\u003e\n          \u003cDefaultApplyButton /\u003e\n        \u003c/Flex\u003e\n      )}\n    /\u003e\n  );\n}\n```\n\n## Usage with HOC `withTableSorting`\n\nEnables column sorting.\n\n### ColumnMeta\n\n| Name             | Description                                                                                                                                               |                       Type                       | Default |\n| :--------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------: | :-----: |\n| defaultSortOrder | Sets the primary sorting order                                                                                                                            |                 `\"asc\"` `\"desc\"`                 |  `asc`  |\n| sort             | The sorting function. It should return a value for sorting in ascending order. If true is passed, cell values are compared and sorted in ascending order. | `boolean` `((itemA: any, itemB: any) =\u003e number)` |         |\n\n### Properties\n\n| Name              | Description                                         |                 Type                  |\n| :---------------- | :-------------------------------------------------- | :-----------------------------------: |\n| defaultSortState  | Default sorting state for an uncontrolled component |           `TableSortState`            |\n| sortState         | Sorting state                                       |           `TableSortState`            |\n| onSortStateChange | Sorting state change handle                         | `(sortState: TableSortState) =\u003e void` |\n\nIf the `sortState` and `onSortStateChange` props are not passed, the sorting state is stored in the component itself.\n\n### TableSortState\n\n```ts\ntype TableSortState = Array\u003c{\n  column: string;\n  order: 'asc' | 'desc';\n}\u003e;\n```\n\n### Example\n\n```jsx\nimport {Table, withTableSorting} from '@gravity-ui/uikit';\n\nconst MyTable = withTableSorting(Table);\nconst data = [\n  {id: 1, text: 'Hello', date: '2016-10-25'},\n  {id: 2, text: 'World', date: '2020-08-15'},\n];\nconst columns = [\n  {id: 'id', meta: {sort: true}},\n  {\n    id: 'text',\n    meta: {defaultSortOrder: 'desc', sort: (a, b) =\u003e Date.parse(a.date) - Date.parse(b.date)},\n  },\n];\n\nconst table = \u003cMyTable data={data} columns={columns} /\u003e;\n```\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"table"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/tabs.html b/components/uikit/tabs.html
index ddcdf81851c..647e1f535dc 100644
--- a/components/uikit/tabs.html
+++ b/components/uikit/tabs.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Tabs</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Tabs</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@sofiushko" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/sofiushko" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5218950?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">sofiushko</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Tabs" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/table"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Table</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/text"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Text</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"tabs","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Tabs\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Tabs} from '@gravity-ui/uikit';\n```\n\nTabs is used to explore, organize content and switch between different views.\n\n## Items\n\nFor render tabs items you can use `items` property.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTabs\n    activeTab=\"first\"\n    items={[\n        {id: 'first', title: 'First Tab'},\n        {id: 'second', title: 'Second Tab'},\n        {id: 'third', title: 'Third Tab', disabled: true},\n    ]}\n/\u003e\n`}\n\u003e\n    \u003cUIKit.Tabs\n        activeTab=\"first\"\n        items={[\n            {id: 'first', title: 'First Tab'},\n            {id: 'second', title: 'Second Tab'},\n            {id: 'third', title: 'Third Tab', disabled: true},\n        ]}\n    /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst [activeTab, setActiveTab] = React.useState('second');\n\nreturn (\n  \u003cTabs\n    activeTab={activeTab}\n    onSelectTab={(tabId) =\u003e setActiveTab(tabId)}\n    items={[\n      {id: 'first', title: 'First Tab'},\n      {id: 'second', title: 'Second Tab'},\n      {id: 'third', title: 'Disabled Tab', disabled: true},\n    ]}\n  /\u003e\n);\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\nAlso `Tabs` has dedicated component `Tabs.Item` for an item.\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst [activeTab, setActiveTab] = React.useState('second');\n\nreturn (\n  \u003cTabs activeTab={activeTab}\u003e\n    \u003cTabs.Item id={'first'} title=\"Third Tab\" onClick={(tabId) =\u003e setActiveTab(tabId)} /\u003e\n    \u003cTabs.Item id={'second'} title=\"Active Tab\" onClick={(tabId) =\u003e setActiveTab(tabId)} /\u003e\n  \u003c/Tabs\u003e\n);\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\nTo control the size of the `Tabs` use the `size` property. Default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cTabs\n    activeTab=\"second\"\n    size=\"m\"\n    items={[\n        {id: 'first', title: 'M Size first'},\n        {id: 'second', title: 'M Size second'},\n    ]}\n/\u003e\n\n\u003cTabs\n    activeTab=\"second\"\n    size=\"l\"\n    items={[\n        {id: 'first', title: 'L Size first'},\n        {id: 'second', title: 'L Size second'},\n    ]}\n/\u003e\n\n\u003cTabs\n    activeTab=\"second\"\n    size=\"xl\"\n    items={[\n        {id: 'first', title: 'XL Size first'},\n        {id: 'second', title: 'XL Size second'},\n    ]}\n/\u003e\n`}\n\u003e\n    \u003cUIKit.Tabs\n        activeTab=\"second\"\n        size=\"m\"\n        items={[\n            {id: 'first', title: 'M Size first'},\n            {id: 'second', title: 'M Size second'},\n        ]}\n    /\u003e\n    \u003cUIKit.Tabs\n        activeTab=\"second\"\n        size=\"l\"\n        items={[\n            {id: 'first', title: 'L Size first'},\n            {id: 'second', title: 'L Size second'},\n        ]}\n    /\u003e\n    \u003cUIKit.Tabs\n        activeTab=\"second\"\n        size=\"xl\"\n        items={[\n            {id: 'first', title: 'XL Size first'},\n            {id: 'second', title: 'XL Size second'},\n        ]}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTabs\n    activeTab=\"second\"\n    size=\"m\"\n    items={[\n        {id: 'first', title: 'M Size first'},\n        {id: 'second', title: 'M Size second'},\n    ]}\n/\u003e\n\n\u003cTabs\n    activeTab=\"second\"\n    size=\"l\"\n    items={[\n        {id: 'first', title: 'L Size first'},\n        {id: 'second', title: 'L Size second'},\n    ]}\n/\u003e\n\n\u003cTabs\n    activeTab=\"second\"\n    size=\"xl\"\n    items={[\n        {id: 'first', title: 'XL Size first'},\n        {id: 'second', title: 'XL Size second'},\n    ]}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Tabs.Item\n\nUsed for render tabs item.\n\n### Icon\n\nUsed if you need to display an icon for a tabs item.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTabs activeTab=\"first\"\u003e\n    \u003cTabs.Item\n        icon={\u003cIcon size={16} data={GearIcon} /\u003e}\n        id=\"first\"\n        title=\"Tab with icon\"\n        onClick={() =\u003e {}}\n    /\u003e\n    \u003cTabs.Item id=\"second\" title=\"Tab without icon\" onClick={() =\u003e {}} /\u003e\n\u003c/Tabs\u003e\n`}\n\u003e\n    \u003cUIKit.Tabs activeTab=\"first\"\u003e\n        \u003cUIKit.Tabs.Item\n            icon={\n                \u003cUIKit.Icon data={() =\u003e (\n                    \u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fillRule=\"evenodd\" d=\"M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" clipRule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n                )} size={16} /\u003e\n            }\n            id=\"first\"\n            title=\"Tab with icon\"\n            onClick={() =\u003e {}}\n        /\u003e\n        \u003cUIKit.Tabs.Item id=\"second\" title=\"Tab without icon\" onClick={() =\u003e {}} /\u003e\n    \u003c/UIKit.Tabs\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTabs activeTab=\"first\"\u003e\n  \u003cTabs.Item\n    icon={\u003cIcon size={16} data={GearIcon} /\u003e}\n    id=\"first\"\n    title=\"Tab with icon\"\n    onClick={() =\u003e {}}\n  /\u003e\n  \u003cTabs.Item id=\"second\" title=\"Tab without icon\" onClick={() =\u003e {}} /\u003e\n\u003c/Tabs\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### States\n\nTabs item has disabled flag.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTabs activeTab=\"first\"\u003e\n    \u003cTabs.Item id=\"first\" title=\"First Tab\" onClick={() =\u003e {}} /\u003e\n    \u003cTabs.Item disabled id=\"second\" title=\"Disabled Tab\" onClick={() =\u003e {}} /\u003e\n\u003c/Tabs\u003e\n`}\n\u003e\n    \u003cUIKit.Tabs activeTab=\"first\"\u003e\n        \u003cUIKit.Tabs.Item id=\"first\" title=\"First Tab\" onClick={() =\u003e {}} /\u003e\n        \u003cUIKit.Tabs.Item disabled id=\"second\" title=\"Disabled Tab\" onClick={() =\u003e {}} /\u003e\n    \u003c/UIKit.Tabs\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTabs activeTab=\"first\"\u003e\n  \u003cTabs.Item id=\"first\" title=\"First Tab\" onClick={() =\u003e {}} /\u003e\n  \u003cTabs.Item disabled id=\"second\" title=\"Disabled Tab\" onClick={() =\u003e {}} /\u003e\n\u003c/Tabs\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Counter\n\nUsed if you need to display a number for a tabs item.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTabs activeTab=\"first\"\u003e\n    \u003cTabs.Item id=\"first\" title=\"First Tab\" onClick={() =\u003e {}} counter={13} /\u003e\n    \u003cTabs.Item id=\"second\" title=\"Second Tab\" onClick={() =\u003e {}} counter={3} /\u003e\n\u003c/Tabs\u003e\n`}\n\u003e\n    \u003cUIKit.Tabs activeTab=\"first\"\u003e\n        \u003cUIKit.Tabs.Item id=\"first\" title=\"First Tab\" onClick={() =\u003e {}} counter={13} /\u003e\n        \u003cUIKit.Tabs.Item id=\"second\" title=\"Second Tab\" onClick={() =\u003e {}} counter={3} /\u003e\n    \u003c/UIKit.Tabs\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTabs activeTab=\"first\"\u003e\n  \u003cTabs.Item id=\"first\" title=\"First Tab\" onClick={() =\u003e {}} counter={13} /\u003e\n  \u003cTabs.Item id=\"second\" title=\"Second Tab\" onClick={() =\u003e {}} counter={3} /\u003e\n\u003c/Tabs\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Tabs.Item properties\n\n| Name     | Description                    |            Type            | Default |\n| :------- | ------------------------------ | :------------------------: | :-----: |\n| id       | Tab ID                         |          `string`          |         |\n| title    | Tab title                      | `string` `React.ReactNode` |         |\n| meta     | Tab description                |          `string`          |         |\n| hint     | HTML title attribute           |          `string`          |         |\n| icon     | Icon displayed at the start    |     `React.ReactNode`      |         |\n| counter  | Number displayed at the end    |     `React.ReactNode`      |         |\n| label    | `\u003cLabel\u003e` displayed at the end |     `React.ReactNode`      |         |\n| disabled | Inactive state                 |         `boolean`          |         |\n\n## Properties\n\n| Name             | Description                                                          |                                    Type                                    |   Default    |\n| :--------------- | :------------------------------------------------------------------- | :------------------------------------------------------------------------: | :----------: |\n| direction        | Tab direction (deprecated)                                           |                                  `string`                                  | `horizontal` |\n| activeTab        | Active tab ID                                                        |                                  `string`                                  |              |\n| allowNotSelected | Allows `activeTab` to be undefined                                   |                                 `boolean`                                  |              |\n| items            | Tabs array                                                           |                             `TabsItemProps[]`                              |     `[]`     |\n| onSelectTab      | Select tab handler                                                   |                    `onSelectTab?(tabId: string): void`                     |              |\n| wrapTo           | Allows to wrap `TabItem` into another component or render custom tab | `wrapTo?(item: TabsItemProps, node: React.ReactNode, index: number): void` |              |\n| className        | CSS-class of element                                                 |                                  `string`                                  |              |\n\n## CSS API\n\n| Name                             | Description                |\n| :------------------------------- | :------------------------- |\n| `--g-tabs-border-width`          | Tabs border width          |\n| `--g-tabs-item-height`           | Tabs item height           |\n| `--g-tabs-item-border-width`     | Tabs item border width     |\n| `--g-tabs-item-gap`              | Distance between tabs      |\n| `--g-tabs-vertical-item-height`  | Tabs vertical item height  |\n| `--g-tabs-vertical-item-padding` | Tabs vertical item padding |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"tabs"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Tabs</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Tabs</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@sofiushko" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/sofiushko" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5218950?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">sofiushko</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Tabs" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/table"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Table</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/text"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Text</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"tabs","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Tabs\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Tabs} from '@gravity-ui/uikit';\n```\n\nTabs is used to explore, organize content and switch between different views.\n\n## Items\n\nFor render tabs items you can use `items` property.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTabs\n    activeTab=\"first\"\n    items={[\n        {id: 'first', title: 'First Tab'},\n        {id: 'second', title: 'Second Tab'},\n        {id: 'third', title: 'Third Tab', disabled: true},\n    ]}\n/\u003e\n`}\n\u003e\n    \u003cUIKit.Tabs\n        activeTab=\"first\"\n        items={[\n            {id: 'first', title: 'First Tab'},\n            {id: 'second', title: 'Second Tab'},\n            {id: 'third', title: 'Third Tab', disabled: true},\n        ]}\n    /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst [activeTab, setActiveTab] = React.useState('second');\n\nreturn (\n  \u003cTabs\n    activeTab={activeTab}\n    onSelectTab={(tabId) =\u003e setActiveTab(tabId)}\n    items={[\n      {id: 'first', title: 'First Tab'},\n      {id: 'second', title: 'Second Tab'},\n      {id: 'third', title: 'Disabled Tab', disabled: true},\n    ]}\n  /\u003e\n);\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\nAlso `Tabs` has dedicated component `Tabs.Item` for an item.\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nconst [activeTab, setActiveTab] = React.useState('second');\n\nreturn (\n  \u003cTabs activeTab={activeTab}\u003e\n    \u003cTabs.Item id={'first'} title=\"Third Tab\" onClick={(tabId) =\u003e setActiveTab(tabId)} /\u003e\n    \u003cTabs.Item id={'second'} title=\"Active Tab\" onClick={(tabId) =\u003e setActiveTab(tabId)} /\u003e\n  \u003c/Tabs\u003e\n);\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\nTo control the size of the `Tabs` use the `size` property. Default size is `m`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cTabs\n    activeTab=\"second\"\n    size=\"m\"\n    items={[\n        {id: 'first', title: 'M Size first'},\n        {id: 'second', title: 'M Size second'},\n    ]}\n/\u003e\n\n\u003cTabs\n    activeTab=\"second\"\n    size=\"l\"\n    items={[\n        {id: 'first', title: 'L Size first'},\n        {id: 'second', title: 'L Size second'},\n    ]}\n/\u003e\n\n\u003cTabs\n    activeTab=\"second\"\n    size=\"xl\"\n    items={[\n        {id: 'first', title: 'XL Size first'},\n        {id: 'second', title: 'XL Size second'},\n    ]}\n/\u003e\n`}\n\u003e\n    \u003cUIKit.Tabs\n        activeTab=\"second\"\n        size=\"m\"\n        items={[\n            {id: 'first', title: 'M Size first'},\n            {id: 'second', title: 'M Size second'},\n        ]}\n    /\u003e\n    \u003cUIKit.Tabs\n        activeTab=\"second\"\n        size=\"l\"\n        items={[\n            {id: 'first', title: 'L Size first'},\n            {id: 'second', title: 'L Size second'},\n        ]}\n    /\u003e\n    \u003cUIKit.Tabs\n        activeTab=\"second\"\n        size=\"xl\"\n        items={[\n            {id: 'first', title: 'XL Size first'},\n            {id: 'second', title: 'XL Size second'},\n        ]}\n    /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTabs\n    activeTab=\"second\"\n    size=\"m\"\n    items={[\n        {id: 'first', title: 'M Size first'},\n        {id: 'second', title: 'M Size second'},\n    ]}\n/\u003e\n\n\u003cTabs\n    activeTab=\"second\"\n    size=\"l\"\n    items={[\n        {id: 'first', title: 'L Size first'},\n        {id: 'second', title: 'L Size second'},\n    ]}\n/\u003e\n\n\u003cTabs\n    activeTab=\"second\"\n    size=\"xl\"\n    items={[\n        {id: 'first', title: 'XL Size first'},\n        {id: 'second', title: 'XL Size second'},\n    ]}\n/\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Tabs.Item\n\nUsed for render tabs item.\n\n### Icon\n\nUsed if you need to display an icon for a tabs item.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTabs activeTab=\"first\"\u003e\n    \u003cTabs.Item\n        icon={\u003cIcon size={16} data={GearIcon} /\u003e}\n        id=\"first\"\n        title=\"Tab with icon\"\n        onClick={() =\u003e {}}\n    /\u003e\n    \u003cTabs.Item id=\"second\" title=\"Tab without icon\" onClick={() =\u003e {}} /\u003e\n\u003c/Tabs\u003e\n`}\n\u003e\n    \u003cUIKit.Tabs activeTab=\"first\"\u003e\n        \u003cUIKit.Tabs.Item\n            icon={\n                \u003cUIKit.Icon data={() =\u003e (\n                    \u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fillRule=\"evenodd\" d=\"M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" clipRule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n                )} size={16} /\u003e\n            }\n            id=\"first\"\n            title=\"Tab with icon\"\n            onClick={() =\u003e {}}\n        /\u003e\n        \u003cUIKit.Tabs.Item id=\"second\" title=\"Tab without icon\" onClick={() =\u003e {}} /\u003e\n    \u003c/UIKit.Tabs\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTabs activeTab=\"first\"\u003e\n  \u003cTabs.Item\n    icon={\u003cIcon size={16} data={GearIcon} /\u003e}\n    id=\"first\"\n    title=\"Tab with icon\"\n    onClick={() =\u003e {}}\n  /\u003e\n  \u003cTabs.Item id=\"second\" title=\"Tab without icon\" onClick={() =\u003e {}} /\u003e\n\u003c/Tabs\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### States\n\nTabs item has disabled flag.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTabs activeTab=\"first\"\u003e\n    \u003cTabs.Item id=\"first\" title=\"First Tab\" onClick={() =\u003e {}} /\u003e\n    \u003cTabs.Item disabled id=\"second\" title=\"Disabled Tab\" onClick={() =\u003e {}} /\u003e\n\u003c/Tabs\u003e\n`}\n\u003e\n    \u003cUIKit.Tabs activeTab=\"first\"\u003e\n        \u003cUIKit.Tabs.Item id=\"first\" title=\"First Tab\" onClick={() =\u003e {}} /\u003e\n        \u003cUIKit.Tabs.Item disabled id=\"second\" title=\"Disabled Tab\" onClick={() =\u003e {}} /\u003e\n    \u003c/UIKit.Tabs\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTabs activeTab=\"first\"\u003e\n  \u003cTabs.Item id=\"first\" title=\"First Tab\" onClick={() =\u003e {}} /\u003e\n  \u003cTabs.Item disabled id=\"second\" title=\"Disabled Tab\" onClick={() =\u003e {}} /\u003e\n\u003c/Tabs\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Counter\n\nUsed if you need to display a number for a tabs item.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTabs activeTab=\"first\"\u003e\n    \u003cTabs.Item id=\"first\" title=\"First Tab\" onClick={() =\u003e {}} counter={13} /\u003e\n    \u003cTabs.Item id=\"second\" title=\"Second Tab\" onClick={() =\u003e {}} counter={3} /\u003e\n\u003c/Tabs\u003e\n`}\n\u003e\n    \u003cUIKit.Tabs activeTab=\"first\"\u003e\n        \u003cUIKit.Tabs.Item id=\"first\" title=\"First Tab\" onClick={() =\u003e {}} counter={13} /\u003e\n        \u003cUIKit.Tabs.Item id=\"second\" title=\"Second Tab\" onClick={() =\u003e {}} counter={3} /\u003e\n    \u003c/UIKit.Tabs\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTabs activeTab=\"first\"\u003e\n  \u003cTabs.Item id=\"first\" title=\"First Tab\" onClick={() =\u003e {}} counter={13} /\u003e\n  \u003cTabs.Item id=\"second\" title=\"Second Tab\" onClick={() =\u003e {}} counter={3} /\u003e\n\u003c/Tabs\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Tabs.Item properties\n\n| Name     | Description                    |            Type            | Default |\n| :------- | ------------------------------ | :------------------------: | :-----: |\n| id       | Tab ID                         |          `string`          |         |\n| title    | Tab title                      | `string` `React.ReactNode` |         |\n| meta     | Tab description                |          `string`          |         |\n| hint     | HTML title attribute           |          `string`          |         |\n| icon     | Icon displayed at the start    |     `React.ReactNode`      |         |\n| counter  | Number displayed at the end    |     `React.ReactNode`      |         |\n| label    | `\u003cLabel\u003e` displayed at the end |     `React.ReactNode`      |         |\n| disabled | Inactive state                 |         `boolean`          |         |\n\n## Properties\n\n| Name             | Description                                                          |                                    Type                                    |   Default    |\n| :--------------- | :------------------------------------------------------------------- | :------------------------------------------------------------------------: | :----------: |\n| direction        | Tab direction (deprecated)                                           |                                  `string`                                  | `horizontal` |\n| activeTab        | Active tab ID                                                        |                                  `string`                                  |              |\n| allowNotSelected | Allows `activeTab` to be undefined                                   |                                 `boolean`                                  |              |\n| items            | Tabs array                                                           |                             `TabsItemProps[]`                              |     `[]`     |\n| onSelectTab      | Select tab handler                                                   |                    `onSelectTab?(tabId: string): void`                     |              |\n| wrapTo           | Allows to wrap `TabItem` into another component or render custom tab | `wrapTo?(item: TabsItemProps, node: React.ReactNode, index: number): void` |              |\n| className        | CSS-class of element                                                 |                                  `string`                                  |              |\n\n## CSS API\n\n| Name                             | Description                |\n| :------------------------------- | :------------------------- |\n| `--g-tabs-border-width`          | Tabs border width          |\n| `--g-tabs-item-height`           | Tabs item height           |\n| `--g-tabs-item-border-width`     | Tabs item border width     |\n| `--g-tabs-item-gap`              | Distance between tabs      |\n| `--g-tabs-vertical-item-height`  | Tabs vertical item height  |\n| `--g-tabs-vertical-item-padding` | Tabs vertical item padding |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"tabs"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/text-area.html b/components/uikit/text-area.html
index 0e1ee126b5f..e9affd64f7b 100644
--- a/components/uikit/text-area.html
+++ b/components/uikit/text-area.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->TextArea</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">TextArea</h1><div class="gravity-ui-landing-component__buttons"><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/controls/TextArea" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/text"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Text</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/text-input"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">TextInput</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"text-area","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# TextArea\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {TextArea} from '@gravity-ui/uikit';\n```\n\n`TextArea` allow users to enter text into a UI.\n\n## Appearance\n\nThe `TextArea`'s appearance is controlled by the `view` and `pin` properties.\n\n### View\n\n`normal` - is the main view of the `TextArea` (used by default).\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock code={`\u003cTextArea placeholder=\"Placeholder\" /\u003e`}\u003e\n    \u003cUIKit.TextArea placeholder=\"Placeholder\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n`clear` - can be used when using a custom wrapper for the `TextArea`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock code={`\u003cTextArea view=\"clear\" placeholder=\"Placeholder\" /\u003e`}\u003e\n    \u003cUIKit.TextArea view=\"clear\" placeholder=\"Placeholder\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextArea view=\"normal\" /\u003e\n\u003cTextArea view=\"clear\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Pin\n\nAllows you to control the appearance of the right and left edges of the `TextArea`'s border.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTextArea placeholder=\"Placeholder\" pin=\"round-brick\" /\u003e\n\u003cTextArea placeholder=\"Placeholder\" pin=\"brick-brick\" /\u003e\n\u003cTextArea placeholder=\"Placeholder\" pin=\"brick-round\" /\u003e\n`}\n\u003e\n    \u003cUIKit.TextArea placeholder=\"Placeholder\" pin=\"round-brick\" /\u003e\n    \u003cUIKit.TextArea placeholder=\"Placeholder\" pin=\"brick-brick\" /\u003e\n    \u003cUIKit.TextArea placeholder=\"Placeholder\" pin=\"brick-round\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextArea pin=\"round-brick\" /\u003e\n\u003cTextArea pin=\"brick-brick\" /\u003e\n\u003cTextArea pin=\"brick-round\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## States\n\n### Disabled\n\nThe state of the `TextArea` where you don't want the user to be able to interact with the component.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTextArea placeholder=\"Placeholder\" disabled={true} /\u003e\n`}\n\u003e\n    \u003cUIKit.TextArea placeholder=\"Placeholder\" disabled={true} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextArea disabled /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Error\n\nThe state of the `TextArea` where you want to show incorrect user input. To change the appearance of the `TextArea`, use the `validationState` property with the \"invalid\" value.\nAn optional message text can be added via the `errorMessage` property.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTextArea placeholder=\"Placeholder\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n\u003cTextArea view=\"clear\" placeholder=\"Placeholder\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n`}\n\u003e\n    \u003cUIKit.TextArea placeholder=\"Placeholder\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n    \u003cUIKit.TextArea view=\"clear\" placeholder=\"Placeholder\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextArea errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\n`s` – Used when standard controls are too big (tables, small cards).\n\n`m` – The basic size, used in most components.\n\n`l` – Used for basic controls in a page's header, modal windows, or pop-ups.\n\n`xl` – Used on promo and landing pages.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTextArea placeholder=\"Placeholder\" size=\"s\" /\u003e\n\u003cTextArea placeholder=\"Placeholder\" size=\"m\" /\u003e\n\u003cTextArea placeholder=\"Placeholder\" size=\"l\" /\u003e\n\u003cTextArea placeholder=\"Placeholder\" size=\"xl\" /\u003e\n`}\n\u003e\n    \u003cUIKit.TextArea placeholder=\"Placeholder\" size=\"s\" /\u003e\n    \u003cUIKit.TextArea placeholder=\"Placeholder\" size=\"m\" /\u003e\n    \u003cUIKit.TextArea placeholder=\"Placeholder\" size=\"l\" /\u003e\n    \u003cUIKit.TextArea placeholder=\"Placeholder\" size=\"xl\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextArea size=\"s\" /\u003e\n\u003cTextArea size=\"m\" /\u003e\n\u003cTextArea size=\"l\" /\u003e\n\u003cTextArea size=\"xl\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Row management\n\nThe row count of the `TextArea` is controlled by the `rows`, `minRows` and `maxRows` properties.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTextArea placeholder=\"Placeholder\" size=\"s\" /\u003e\n`}\n\u003e\n    \u003cdiv\u003e\n        rows = 2\n        \u003cUIKit.TextArea placeholder=\"Placeholder\" rows={2} /\u003e\n    \u003c/div\u003e\n    \u003cdiv\u003e\n        minRows = 2\n        \u003cUIKit.TextArea placeholder=\"Placeholder\" minRows={2} /\u003e\n    \u003c/div\u003e\n    \u003cdiv\u003e\n        maxRows = 2\n        \u003cUIKit.TextArea placeholder=\"Placeholder\" maxRows={2} /\u003e\n    \u003c/div\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n## Resizable TextArea\n\nYou can get resizable behaviour by providing `resize` style to `controlProps` property.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTextArea\n    rows={4}\n    placeholder=\"Placeholder\"\n    style={{width: \"auto\", maxWidth: \"100%\"}}\n    controlProps={{style: {resize: \"both\"}}}\n/\u003e\n`}\n\u003e\n    \u003cUIKit.TextArea\n        rows={4}\n        placeholder=\"Placeholder\"\n        style={{width: \"auto\", maxWidth: \"100%\"}}\n        controlProps={{style: {resize: \"both\"}}}\n    /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextArea rows={4} controlProps={{style: {resize: 'both'}}} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name            | Description                                                                                                                       |                        Type                         |     Default     |\n| :-------------- | :-------------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------: | :-------------: |\n| autoComplete    | The control's `autocomplete` attribute                                                                                            |                 `boolean` `string`                  |                 |\n| autoFocus       | The control's `autofocus` attribute                                                                                               |                      `boolean`                      |                 |\n| className       | The control's wrapper class name                                                                                                  |                      `string`                       |                 |\n| controlProps    | The control's html attributes                                                                                                     | `React.TextareaHTMLAttributes\u003cHTMLTextAreaElement\u003e` |                 |\n| controlRef      | React ref provided to the control                                                                                                 |          `React.Ref\u003cHTMLTextAreaElement\u003e`           |                 |\n| defaultValue    | The control's default value. Used when the component is not controlled                                                            |                      `string`                       |                 |\n| disabled        | Indicates that the user cannot interact with the control                                                                          |                      `boolean`                      |     `false`     |\n| errorMessage    | Error text                                                                                                                        |                      `string`                       |                 |\n| hasClear        | Shows the icon for clearing the control's value                                                                                   |                      `boolean`                      |     `false`     |\n| id              | The control's `id` attribute                                                                                                      |                      `string`                       |                 |\n| maxRows         | The maximum number of visible text lines for the control. Ignored if `rows` is specified                                          |                      `number`                       |                 |\n| minRows         | The minimum number of visible text lines for the control. Ignored if `rows` is specified                                          |                      `number`                       |                 |\n| name            | The control's `name` attribute. If unspecified, it will be autogenerated.                                                         |                      `string`                       |                 |\n| note            | An optional element displayed under the bottom-right corner of the control and sharing space with the error container             |                  `React.ReactNode`                  |                 |\n| onBlur          | Fires when the control lost focus. Provides focus event as a callback's argument                                                  |                     `function`                      |                 |\n| onChange        | Fires when the input’s value is changed by the user. Provides change event as a callback's argument                               |                     `function`                      |                 |\n| onFocus         | Fires when the control gets focus. Provides focus event as a callback's argument                                                  |                     `function`                      |                 |\n| onKeyDown       | Fires when a key is pressed. Provides keyboard event as a callback's argument                                                     |                     `function`                      |                 |\n| onKeyUp         | Fires when a key is released. Provides keyboard event as a callback's argument                                                    |                     `function`                      |                 |\n| onUpdate        | Fires when the input’s value is changed by the user. Provides new value as a callback's argument                                  |                     `function`                      |                 |\n| pin             | The control's border view                                                                                                         |                      `string`                       | `\"round-round\"` |\n| placeholder     | Text that appears in the control when no value is set                                                                             |                      `string`                       |                 |\n| qa              | Test id attribute (`data-qa`)                                                                                                     |                      `string`                       |                 |\n| rows            | The number of visible text lines for the control. If unspecified, the hight will be calculated automatically based on the content |                      `number`                       |                 |\n| size            | The control's size                                                                                                                |              `\"s\"` `\"m\"` `\"l\"` `\"xl\"`               |      `\"m\"`      |\n| tabIndex        | The control's `tabindex` attribute                                                                                                |                      `string`                       |                 |\n| type            | The control's type                                                                                                                |                      `string`                       |                 |\n| validationState | Validation state                                                                                                                  |                     `\"invalid\"`                     |                 |\n| value           | The control's value                                                                                                               |                      `string`                       |                 |\n| view            | The control's view                                                                                                                |                `\"normal\"` `\"clear\"`                 |   `\"normal\"`    |\n\n## CSS API\n\n| Name                                | Description                                         |\n| :---------------------------------- | :-------------------------------------------------- |\n| `--g-text-area-text-color`          | Text color                                          |\n| `--g-text-area-placeholder-color`   | Placeholder color                                   |\n| `--g-text-area-background-color`    | Background color                                    |\n| `--g-text-area-border-radius`       | Border radius                                       |\n| `--g-text-area-border-width`        | Border width                                        |\n| `--g-text-area-border-color`        | Border color                                        |\n| `--g-text-area-border-color-hover`  | Border color if hovered                             |\n| `--g-text-area-border-color-active` | Border color if active                              |\n| `--g-text-area-focus-outline-color` | Outline color if focused (by default not presented) |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"text-area"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->TextArea</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">TextArea</h1><div class="gravity-ui-landing-component__buttons"><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/controls/TextArea" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/text"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Text</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/text-input"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">TextInput</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"text-area","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# TextArea\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {TextArea} from '@gravity-ui/uikit';\n```\n\n`TextArea` allow users to enter text into a UI.\n\n## Appearance\n\nThe `TextArea`'s appearance is controlled by the `view` and `pin` properties.\n\n### View\n\n`normal` - is the main view of the `TextArea` (used by default).\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock code={`\u003cTextArea placeholder=\"Placeholder\" /\u003e`}\u003e\n    \u003cUIKit.TextArea placeholder=\"Placeholder\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n`clear` - can be used when using a custom wrapper for the `TextArea`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock code={`\u003cTextArea view=\"clear\" placeholder=\"Placeholder\" /\u003e`}\u003e\n    \u003cUIKit.TextArea view=\"clear\" placeholder=\"Placeholder\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextArea view=\"normal\" /\u003e\n\u003cTextArea view=\"clear\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Pin\n\nAllows you to control the appearance of the right and left edges of the `TextArea`'s border.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTextArea placeholder=\"Placeholder\" pin=\"round-brick\" /\u003e\n\u003cTextArea placeholder=\"Placeholder\" pin=\"brick-brick\" /\u003e\n\u003cTextArea placeholder=\"Placeholder\" pin=\"brick-round\" /\u003e\n`}\n\u003e\n    \u003cUIKit.TextArea placeholder=\"Placeholder\" pin=\"round-brick\" /\u003e\n    \u003cUIKit.TextArea placeholder=\"Placeholder\" pin=\"brick-brick\" /\u003e\n    \u003cUIKit.TextArea placeholder=\"Placeholder\" pin=\"brick-round\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextArea pin=\"round-brick\" /\u003e\n\u003cTextArea pin=\"brick-brick\" /\u003e\n\u003cTextArea pin=\"brick-round\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## States\n\n### Disabled\n\nThe state of the `TextArea` where you don't want the user to be able to interact with the component.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTextArea placeholder=\"Placeholder\" disabled={true} /\u003e\n`}\n\u003e\n    \u003cUIKit.TextArea placeholder=\"Placeholder\" disabled={true} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextArea disabled /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Error\n\nThe state of the `TextArea` where you want to show incorrect user input. To change the appearance of the `TextArea`, use the `validationState` property with the \"invalid\" value.\nAn optional message text can be added via the `errorMessage` property.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTextArea placeholder=\"Placeholder\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n\u003cTextArea view=\"clear\" placeholder=\"Placeholder\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n`}\n\u003e\n    \u003cUIKit.TextArea placeholder=\"Placeholder\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n    \u003cUIKit.TextArea view=\"clear\" placeholder=\"Placeholder\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextArea errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\n`s` – Used when standard controls are too big (tables, small cards).\n\n`m` – The basic size, used in most components.\n\n`l` – Used for basic controls in a page's header, modal windows, or pop-ups.\n\n`xl` – Used on promo and landing pages.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTextArea placeholder=\"Placeholder\" size=\"s\" /\u003e\n\u003cTextArea placeholder=\"Placeholder\" size=\"m\" /\u003e\n\u003cTextArea placeholder=\"Placeholder\" size=\"l\" /\u003e\n\u003cTextArea placeholder=\"Placeholder\" size=\"xl\" /\u003e\n`}\n\u003e\n    \u003cUIKit.TextArea placeholder=\"Placeholder\" size=\"s\" /\u003e\n    \u003cUIKit.TextArea placeholder=\"Placeholder\" size=\"m\" /\u003e\n    \u003cUIKit.TextArea placeholder=\"Placeholder\" size=\"l\" /\u003e\n    \u003cUIKit.TextArea placeholder=\"Placeholder\" size=\"xl\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextArea size=\"s\" /\u003e\n\u003cTextArea size=\"m\" /\u003e\n\u003cTextArea size=\"l\" /\u003e\n\u003cTextArea size=\"xl\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Row management\n\nThe row count of the `TextArea` is controlled by the `rows`, `minRows` and `maxRows` properties.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTextArea placeholder=\"Placeholder\" size=\"s\" /\u003e\n`}\n\u003e\n    \u003cdiv\u003e\n        rows = 2\n        \u003cUIKit.TextArea placeholder=\"Placeholder\" rows={2} /\u003e\n    \u003c/div\u003e\n    \u003cdiv\u003e\n        minRows = 2\n        \u003cUIKit.TextArea placeholder=\"Placeholder\" minRows={2} /\u003e\n    \u003c/div\u003e\n    \u003cdiv\u003e\n        maxRows = 2\n        \u003cUIKit.TextArea placeholder=\"Placeholder\" maxRows={2} /\u003e\n    \u003c/div\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n## Resizable TextArea\n\nYou can get resizable behaviour by providing `resize` style to `controlProps` property.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTextArea\n    rows={4}\n    placeholder=\"Placeholder\"\n    style={{width: \"auto\", maxWidth: \"100%\"}}\n    controlProps={{style: {resize: \"both\"}}}\n/\u003e\n`}\n\u003e\n    \u003cUIKit.TextArea\n        rows={4}\n        placeholder=\"Placeholder\"\n        style={{width: \"auto\", maxWidth: \"100%\"}}\n        controlProps={{style: {resize: \"both\"}}}\n    /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextArea rows={4} controlProps={{style: {resize: 'both'}}} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name            | Description                                                                                                                       |                        Type                         |     Default     |\n| :-------------- | :-------------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------: | :-------------: |\n| autoComplete    | The control's `autocomplete` attribute                                                                                            |                 `boolean` `string`                  |                 |\n| autoFocus       | The control's `autofocus` attribute                                                                                               |                      `boolean`                      |                 |\n| className       | The control's wrapper class name                                                                                                  |                      `string`                       |                 |\n| controlProps    | The control's html attributes                                                                                                     | `React.TextareaHTMLAttributes\u003cHTMLTextAreaElement\u003e` |                 |\n| controlRef      | React ref provided to the control                                                                                                 |          `React.Ref\u003cHTMLTextAreaElement\u003e`           |                 |\n| defaultValue    | The control's default value. Used when the component is not controlled                                                            |                      `string`                       |                 |\n| disabled        | Indicates that the user cannot interact with the control                                                                          |                      `boolean`                      |     `false`     |\n| errorMessage    | Error text                                                                                                                        |                      `string`                       |                 |\n| hasClear        | Shows the icon for clearing the control's value                                                                                   |                      `boolean`                      |     `false`     |\n| id              | The control's `id` attribute                                                                                                      |                      `string`                       |                 |\n| maxRows         | The maximum number of visible text lines for the control. Ignored if `rows` is specified                                          |                      `number`                       |                 |\n| minRows         | The minimum number of visible text lines for the control. Ignored if `rows` is specified                                          |                      `number`                       |                 |\n| name            | The control's `name` attribute. If unspecified, it will be autogenerated.                                                         |                      `string`                       |                 |\n| note            | An optional element displayed under the bottom-right corner of the control and sharing space with the error container             |                  `React.ReactNode`                  |                 |\n| onBlur          | Fires when the control lost focus. Provides focus event as a callback's argument                                                  |                     `function`                      |                 |\n| onChange        | Fires when the input’s value is changed by the user. Provides change event as a callback's argument                               |                     `function`                      |                 |\n| onFocus         | Fires when the control gets focus. Provides focus event as a callback's argument                                                  |                     `function`                      |                 |\n| onKeyDown       | Fires when a key is pressed. Provides keyboard event as a callback's argument                                                     |                     `function`                      |                 |\n| onKeyUp         | Fires when a key is released. Provides keyboard event as a callback's argument                                                    |                     `function`                      |                 |\n| onUpdate        | Fires when the input’s value is changed by the user. Provides new value as a callback's argument                                  |                     `function`                      |                 |\n| pin             | The control's border view                                                                                                         |                      `string`                       | `\"round-round\"` |\n| placeholder     | Text that appears in the control when no value is set                                                                             |                      `string`                       |                 |\n| qa              | Test id attribute (`data-qa`)                                                                                                     |                      `string`                       |                 |\n| rows            | The number of visible text lines for the control. If unspecified, the hight will be calculated automatically based on the content |                      `number`                       |                 |\n| size            | The control's size                                                                                                                |              `\"s\"` `\"m\"` `\"l\"` `\"xl\"`               |      `\"m\"`      |\n| tabIndex        | The control's `tabindex` attribute                                                                                                |                      `string`                       |                 |\n| type            | The control's type                                                                                                                |                      `string`                       |                 |\n| validationState | Validation state                                                                                                                  |                     `\"invalid\"`                     |                 |\n| value           | The control's value                                                                                                               |                      `string`                       |                 |\n| view            | The control's view                                                                                                                |                `\"normal\"` `\"clear\"`                 |   `\"normal\"`    |\n\n## CSS API\n\n| Name                                | Description                                         |\n| :---------------------------------- | :-------------------------------------------------- |\n| `--g-text-area-text-color`          | Text color                                          |\n| `--g-text-area-placeholder-color`   | Placeholder color                                   |\n| `--g-text-area-background-color`    | Background color                                    |\n| `--g-text-area-border-radius`       | Border radius                                       |\n| `--g-text-area-border-width`        | Border width                                        |\n| `--g-text-area-border-color`        | Border color                                        |\n| `--g-text-area-border-color-hover`  | Border color if hovered                             |\n| `--g-text-area-border-color-active` | Border color if active                              |\n| `--g-text-area-focus-outline-color` | Outline color if focused (by default not presented) |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"text-area"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/text-input.html b/components/uikit/text-input.html
index 5bc81350056..1228381d545 100644
--- a/components/uikit/text-input.html
+++ b/components/uikit/text-input.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->TextInput</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">TextInput</h1><div class="gravity-ui-landing-component__buttons"><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/controls/TextInput" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/text-area"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">TextArea</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/toaster"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Toaster</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"text-input","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# TextInput\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {TextInput} from '@gravity-ui/uikit';\n```\n\nTextInput allow users to enter text into a UI.\n\n## Appearance\n\nThe appearance of `TextInput` is controlled by the `view` and `pin` properties.\n\n### View\n\n`normal` - the main view of `TextInput` (used by default).\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock code={`\u003cTextInput placeholder=\"Placeholder\" /\u003e`}\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n`clear` - can be used with a custom wrapper for `TextInput`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock code={`\u003cTextInput view=\"clear\" placeholder=\"Placeholder\" /\u003e`}\u003e\n    \u003cUIKit.TextInput view=\"clear\" placeholder=\"Placeholder\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextInput view=\"normal\" /\u003e\n\u003cTextInput view=\"clear\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Pin\n\nAllows you to control view of right and left edges of `TextInput`'s border.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTextInput placeholder=\"Placeholder\" pin=\"round-brick\" /\u003e\n\u003cTextInput placeholder=\"Placeholder\" pin=\"brick-brick\" /\u003e\n\u003cTextInput placeholder=\"Placeholder\" pin=\"brick-round\" /\u003e\n`}\n\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" pin=\"round-brick\" /\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" pin=\"brick-brick\" /\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" pin=\"brick-round\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextInput pin=\"round-brick\" /\u003e\n\u003cTextInput pin=\"brick-brick\" /\u003e\n\u003cTextInput pin=\"brick-round\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## States\n\n### Disabled\n\nThe state of the `TextInput` where you don't want the user to be able to interact with the component.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTextInput placeholder=\"Placeholder\" disabled={true} /\u003e\n`}\n\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" disabled={true} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextInput disabled /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Error\n\nThe state of the `TextInput` in which you want to indicate incorrect user input. To change `TextInput` appearance, use the `validationState` property with the `\"invalid\"` value. An optional message text can be added via the `errorMessage` property. By default, message text is rendered outside the component.\nThis behaviour can be changed with the `errorPlacement` property.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTextInput placeholder=\"Placeholder\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n\u003cTextInput placeholder=\"Placeholder\" errorPlacement=\"inside\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n`}\n\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" errorPlacement=\"inside\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextInput errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n\u003cTextInput errorPlacement=\"inside\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\n`s` – Used when standard controls are too big (tables, small cards).\n\n`m` – Basic size, used in most components.\n\n`l` – Basic controls performed in a page's header, modal windows, or pop-ups.\n\n`xl` – Used on promo and landing pages.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTextInput placeholder=\"Placeholder\" size=\"s\" /\u003e\n\u003cTextInput placeholder=\"Placeholder\" size=\"m\" /\u003e\n\u003cTextInput placeholder=\"Placeholder\" size=\"l\" /\u003e\n\u003cTextInput placeholder=\"Placeholder\" size=\"xl\" /\u003e\n`}\n\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" size=\"s\" /\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" size=\"m\" /\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" size=\"l\" /\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" size=\"xl\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextInput size=\"s\" /\u003e\n\u003cTextInput size=\"m\" /\u003e\n\u003cTextInput size=\"l\" /\u003e\n\u003cTextInput size=\"xl\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Label\n\nAllows you to set the label to the left of control.\n\n- label occupies the leftmost position relative to the control. That is, the elements added via `leftContent` property will be located to the right.\n- label can take up no more than half the width of the entire TextInput's space.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTextInput placeholder=\"Placeholder\" label=\"Label\" /\u003e\n\u003cTextInput placeholder=\"Placeholder\" label=\"Very long label with huge amount of symbols\" /\u003e\n`}\n\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" label=\"Label\" /\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" label=\"Very long label with huge amount of symbols\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextInput label=\"Label\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Additional content\n\n### Left content\n\nAllows you to add content to the left of the control. Located to the right of the label added via `label` property.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\u003cTextInput placeholder=\"Placeholder\" label=\"Label\" leftContent={\u003cLabel size=\"s\"\u003eLeft\u003c/Label\u003e} /\u003e`}\n\u003e\n    \u003cUIKit.TextInput\n        placeholder=\"Search\"\n        label=\"Label\"\n        leftContent={\u003cUIKit.Label size=\"s\"\u003eLeft\u003c/UIKit.Label\u003e}\n    /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextInput leftContent={\u003cLabel\u003eLeft\u003c/Label\u003e} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Right content\n\nAllows you to add content to the right of the control. Located to the right of the clear button added via `hasClear` property.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\u003cTextInput placeholder=\"Placeholder\" rightContent={\u003cLabel size=\"s\"\u003eRight\u003c/Label\u003e} hasClear/\u003e`}\n\u003e\n    \u003cUIKit.TextInput\n        hasClear\n        placeholder=\"Placeholder\"\n        rightContent={\u003cUIKit.Label size=\"s\"\u003eRight\u003c/UIKit.Label\u003e}\n    /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextInput rightContent={\u003cLabel\u003eRight\u003c/Label\u003e} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name            | Description                                                                                                             |                                 Type                                  |     Default     |\n| :-------------- | :---------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------------------: | :-------------: |\n| autoComplete    | The control's `autocomplete` attribute                                                                                  |                          `boolean` `string`                           |                 |\n| autoFocus       | The control's `autofocus` attribute                                                                                     |                               `boolean`                               |                 |\n| className       | The control's wrapper class name                                                                                        |                               `string`                                |                 |\n| controlProps    | The control's html attributes                                                                                           |             `React.InputHTMLAttributes\u003cHTMLInputElement\u003e`             |                 |\n| controlRef      | React ref provided to the control                                                                                       |                     `React.Ref\u003cHTMLInputElement\u003e`                     |                 |\n| defaultValue    | The control's default value, used when the component is not controlled                                                  |                               `string`                                |                 |\n| disabled        | Indicates that the user cannot interact with the control                                                                |                               `boolean`                               |     `false`     |\n| errorMessage    | Error text                                                                                                              |                               `string`                                |                 |\n| errorPlacement  | Error placement                                                                                                         |                          `outside` `inside`                           |    `outside`    |\n| hasClear        | Shows the icon for clearing control's value                                                                             |                               `boolean`                               |     `false`     |\n| id              | The control's `id` attribute                                                                                            |                               `string`                                |                 |\n| label           | Help text rendered to the left of the input node                                                                        |                               `string`                                |                 |\n| leftContent     | The user`s node rendered before label and input                                                                         |                           `React.ReactNode`                           |                 |\n| name            | The `name` attribute of the control. If unspecified, it will be autogenerated if not specified                          |                               `string`                                |                 |\n| note            | An optional element displayed under the bottom-right corner of the control that shares a space with the error container |                           `React.ReactNode`                           |                 |\n| onBlur          | Fires when the control lost focus. Provides focus event as a callback's argument                                        |                              `function`                               |                 |\n| onChange        | Fires when the input’s value is changed by the user. Provides change event as an callback's argument                    |                              `function`                               |                 |\n| onFocus         | Fires when the control gets focus. Provides focus event as a callback's argument                                        |                              `function`                               |                 |\n| onKeyDown       | Fires when a key is pressed. Provides keyboard event as a callback's argument                                           |                              `function`                               |                 |\n| onKeyUp         | Fires when a key is released. Provides keyboard event as a callback's argument                                          |                              `function`                               |                 |\n| onUpdate        | Fires when the input’s value is changed by the user. Provides new value as an callback's argument                       |                              `function`                               |                 |\n| pin             | The control's border view                                                                                               |                               `string`                                | `'round-round'` |\n| placeholder     | Text that appears in the control when it has no value set                                                               |                               `string`                                |                 |\n| qa              | Test ID attribute (`data-qa`)                                                                                           |                               `string`                                |                 |\n| rightContent    | User`s node rendered after the input node and clear button                                                              |                           `React.ReactNode`                           |                 |\n| size            | The size of the control                                                                                                 |                       `\"s\"` `\"m\"` `\"l\"` `\"xl\"`                        |      `\"m\"`      |\n| tabIndex        | The `tabindex` attribute of the control                                                                                 |                               `string`                                |                 |\n| type            | The type of the control                                                                                                 | `\"email\"` `\"number\"` `\"password\"` `\"search\"` `\"tel\"` `\"text\"` `\"url\"` |                 |\n| validationState | Validation state                                                                                                        |                              `\"invalid\"`                              |                 |\n| value           | The value of the control                                                                                                |                               `string`                                |                 |\n| view            | The view of the control                                                                                                 |                         `\"normal\"` `\"clear\"`                          |   `\"normal\"`    |\n\n## CSS API\n\n| Name                                 | Description                                         |\n| :----------------------------------- | :-------------------------------------------------- |\n| `--g-text-input-text-color`          | Text color                                          |\n| `--g-text-input-label-color`         | Label color                                         |\n| `--g-text-input-placeholder-color`   | Placeholder color                                   |\n| `--g-text-input-background-color`    | Background color                                    |\n| `--g-text-input-border-radius`       | Border radius                                       |\n| `--g-text-input-border-width`        | Border width                                        |\n| `--g-text-input-border-color`        | Border color                                        |\n| `--g-text-input-border-color-hover`  | Border color if hovered                             |\n| `--g-text-input-border-color-active` | Border color if active                              |\n| `--g-text-input-focus-outline-color` | Outline color if focused (by default not presented) |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"text-input"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->TextInput</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">TextInput</h1><div class="gravity-ui-landing-component__buttons"><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/controls/TextInput" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/text-area"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">TextArea</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/toaster"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Toaster</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"text-input","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# TextInput\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {TextInput} from '@gravity-ui/uikit';\n```\n\nTextInput allow users to enter text into a UI.\n\n## Appearance\n\nThe appearance of `TextInput` is controlled by the `view` and `pin` properties.\n\n### View\n\n`normal` - the main view of `TextInput` (used by default).\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock code={`\u003cTextInput placeholder=\"Placeholder\" /\u003e`}\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n`clear` - can be used with a custom wrapper for `TextInput`.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock code={`\u003cTextInput view=\"clear\" placeholder=\"Placeholder\" /\u003e`}\u003e\n    \u003cUIKit.TextInput view=\"clear\" placeholder=\"Placeholder\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextInput view=\"normal\" /\u003e\n\u003cTextInput view=\"clear\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Pin\n\nAllows you to control view of right and left edges of `TextInput`'s border.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTextInput placeholder=\"Placeholder\" pin=\"round-brick\" /\u003e\n\u003cTextInput placeholder=\"Placeholder\" pin=\"brick-brick\" /\u003e\n\u003cTextInput placeholder=\"Placeholder\" pin=\"brick-round\" /\u003e\n`}\n\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" pin=\"round-brick\" /\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" pin=\"brick-brick\" /\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" pin=\"brick-round\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextInput pin=\"round-brick\" /\u003e\n\u003cTextInput pin=\"brick-brick\" /\u003e\n\u003cTextInput pin=\"brick-round\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## States\n\n### Disabled\n\nThe state of the `TextInput` where you don't want the user to be able to interact with the component.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTextInput placeholder=\"Placeholder\" disabled={true} /\u003e\n`}\n\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" disabled={true} /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextInput disabled /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Error\n\nThe state of the `TextInput` in which you want to indicate incorrect user input. To change `TextInput` appearance, use the `validationState` property with the `\"invalid\"` value. An optional message text can be added via the `errorMessage` property. By default, message text is rendered outside the component.\nThis behaviour can be changed with the `errorPlacement` property.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTextInput placeholder=\"Placeholder\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n\u003cTextInput placeholder=\"Placeholder\" errorPlacement=\"inside\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n`}\n\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" errorPlacement=\"inside\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextInput errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n\u003cTextInput errorPlacement=\"inside\" errorMessage=\"Error message\" validationState=\"invalid\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Size\n\n`s` – Used when standard controls are too big (tables, small cards).\n\n`m` – Basic size, used in most components.\n\n`l` – Basic controls performed in a page's header, modal windows, or pop-ups.\n\n`xl` – Used on promo and landing pages.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTextInput placeholder=\"Placeholder\" size=\"s\" /\u003e\n\u003cTextInput placeholder=\"Placeholder\" size=\"m\" /\u003e\n\u003cTextInput placeholder=\"Placeholder\" size=\"l\" /\u003e\n\u003cTextInput placeholder=\"Placeholder\" size=\"xl\" /\u003e\n`}\n\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" size=\"s\" /\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" size=\"m\" /\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" size=\"l\" /\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" size=\"xl\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextInput size=\"s\" /\u003e\n\u003cTextInput size=\"m\" /\u003e\n\u003cTextInput size=\"l\" /\u003e\n\u003cTextInput size=\"xl\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Label\n\nAllows you to set the label to the left of control.\n\n- label occupies the leftmost position relative to the control. That is, the elements added via `leftContent` property will be located to the right.\n- label can take up no more than half the width of the entire TextInput's space.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cTextInput placeholder=\"Placeholder\" label=\"Label\" /\u003e\n\u003cTextInput placeholder=\"Placeholder\" label=\"Very long label with huge amount of symbols\" /\u003e\n`}\n\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" label=\"Label\" /\u003e\n    \u003cUIKit.TextInput placeholder=\"Placeholder\" label=\"Very long label with huge amount of symbols\" /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextInput label=\"Label\" /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Additional content\n\n### Left content\n\nAllows you to add content to the left of the control. Located to the right of the label added via `label` property.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\u003cTextInput placeholder=\"Placeholder\" label=\"Label\" leftContent={\u003cLabel size=\"s\"\u003eLeft\u003c/Label\u003e} /\u003e`}\n\u003e\n    \u003cUIKit.TextInput\n        placeholder=\"Search\"\n        label=\"Label\"\n        leftContent={\u003cUIKit.Label size=\"s\"\u003eLeft\u003c/UIKit.Label\u003e}\n    /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextInput leftContent={\u003cLabel\u003eLeft\u003c/Label\u003e} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Right content\n\nAllows you to add content to the right of the control. Located to the right of the clear button added via `hasClear` property.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\u003cTextInput placeholder=\"Placeholder\" rightContent={\u003cLabel size=\"s\"\u003eRight\u003c/Label\u003e} hasClear/\u003e`}\n\u003e\n    \u003cUIKit.TextInput\n        hasClear\n        placeholder=\"Placeholder\"\n        rightContent={\u003cUIKit.Label size=\"s\"\u003eRight\u003c/UIKit.Label\u003e}\n    /\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cTextInput rightContent={\u003cLabel\u003eRight\u003c/Label\u003e} /\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name            | Description                                                                                                             |                                 Type                                  |     Default     |\n| :-------------- | :---------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------------------: | :-------------: |\n| autoComplete    | The control's `autocomplete` attribute                                                                                  |                          `boolean` `string`                           |                 |\n| autoFocus       | The control's `autofocus` attribute                                                                                     |                               `boolean`                               |                 |\n| className       | The control's wrapper class name                                                                                        |                               `string`                                |                 |\n| controlProps    | The control's html attributes                                                                                           |             `React.InputHTMLAttributes\u003cHTMLInputElement\u003e`             |                 |\n| controlRef      | React ref provided to the control                                                                                       |                     `React.Ref\u003cHTMLInputElement\u003e`                     |                 |\n| defaultValue    | The control's default value, used when the component is not controlled                                                  |                               `string`                                |                 |\n| disabled        | Indicates that the user cannot interact with the control                                                                |                               `boolean`                               |     `false`     |\n| errorMessage    | Error text                                                                                                              |                               `string`                                |                 |\n| errorPlacement  | Error placement                                                                                                         |                          `outside` `inside`                           |    `outside`    |\n| hasClear        | Shows the icon for clearing control's value                                                                             |                               `boolean`                               |     `false`     |\n| id              | The control's `id` attribute                                                                                            |                               `string`                                |                 |\n| label           | Help text rendered to the left of the input node                                                                        |                               `string`                                |                 |\n| leftContent     | The user`s node rendered before label and input                                                                         |                           `React.ReactNode`                           |                 |\n| name            | The `name` attribute of the control. If unspecified, it will be autogenerated if not specified                          |                               `string`                                |                 |\n| note            | An optional element displayed under the bottom-right corner of the control that shares a space with the error container |                           `React.ReactNode`                           |                 |\n| onBlur          | Fires when the control lost focus. Provides focus event as a callback's argument                                        |                              `function`                               |                 |\n| onChange        | Fires when the input’s value is changed by the user. Provides change event as an callback's argument                    |                              `function`                               |                 |\n| onFocus         | Fires when the control gets focus. Provides focus event as a callback's argument                                        |                              `function`                               |                 |\n| onKeyDown       | Fires when a key is pressed. Provides keyboard event as a callback's argument                                           |                              `function`                               |                 |\n| onKeyUp         | Fires when a key is released. Provides keyboard event as a callback's argument                                          |                              `function`                               |                 |\n| onUpdate        | Fires when the input’s value is changed by the user. Provides new value as an callback's argument                       |                              `function`                               |                 |\n| pin             | The control's border view                                                                                               |                               `string`                                | `'round-round'` |\n| placeholder     | Text that appears in the control when it has no value set                                                               |                               `string`                                |                 |\n| qa              | Test ID attribute (`data-qa`)                                                                                           |                               `string`                                |                 |\n| rightContent    | User`s node rendered after the input node and clear button                                                              |                           `React.ReactNode`                           |                 |\n| size            | The size of the control                                                                                                 |                       `\"s\"` `\"m\"` `\"l\"` `\"xl\"`                        |      `\"m\"`      |\n| tabIndex        | The `tabindex` attribute of the control                                                                                 |                               `string`                                |                 |\n| type            | The type of the control                                                                                                 | `\"email\"` `\"number\"` `\"password\"` `\"search\"` `\"tel\"` `\"text\"` `\"url\"` |                 |\n| validationState | Validation state                                                                                                        |                              `\"invalid\"`                              |                 |\n| value           | The value of the control                                                                                                |                               `string`                                |                 |\n| view            | The view of the control                                                                                                 |                         `\"normal\"` `\"clear\"`                          |   `\"normal\"`    |\n\n## CSS API\n\n| Name                                 | Description                                         |\n| :----------------------------------- | :-------------------------------------------------- |\n| `--g-text-input-text-color`          | Text color                                          |\n| `--g-text-input-label-color`         | Label color                                         |\n| `--g-text-input-placeholder-color`   | Placeholder color                                   |\n| `--g-text-input-background-color`    | Background color                                    |\n| `--g-text-input-border-radius`       | Border radius                                       |\n| `--g-text-input-border-width`        | Border width                                        |\n| `--g-text-input-border-color`        | Border color                                        |\n| `--g-text-input-border-color-hover`  | Border color if hovered                             |\n| `--g-text-input-border-color-active` | Border color if active                              |\n| `--g-text-input-focus-outline-color` | Outline color if focused (by default not presented) |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"text-input"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/text.html b/components/uikit/text.html
index 615faf98492..97b60253092 100644
--- a/components/uikit/text.html
+++ b/components/uikit/text.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Text</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Text</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@IsaevAlexandr" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/IsaevAlexandr" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/27916444?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">IsaevAlexandr</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Text" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/tabs"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Tabs</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/text-area"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">TextArea</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"text","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Text\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Text} from '@gravity-ui/uikit';\n```\n\n## Variant\n\nThese are the default variants that can be overridden in the project. See a list of all the\nvariants [here](https://preview.gravity-ui.com/uikit/?path=/story/typography--variants).\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cText variant=\"body-1\"\u003esome text\u003c/Text\u003e\n\u003cText variant=\"caption-2\"\u003esome text\u003c/Text\u003e\n\u003cText variant=\"display-3\"\u003esome text\u003c/Text\u003e\n`}\u003e\n    \u003cUIKit.Text variant=\"body-1\"\u003esome text\u003c/UIKit.Text\u003e\n    \u003cUIKit.Text variant=\"caption-2\"\u003esome text\u003c/UIKit.Text\u003e\n    \u003cUIKit.Text variant=\"display-3\"\u003esome text\u003c/UIKit.Text\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cText variant=\"body-1\"\u003esome text\u003c/Text\u003e\n\u003cText variant=\"caption-2\"\u003esome text\u003c/Text\u003e\n\u003cText variant=\"display-3\"\u003esome text\u003c/Text\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Ellipsis\n\nThis property allows you to hide overflowing text\n\n`false` - used by default.\n\n`true` - hidden overflow content will be replaced with ellipsis `…`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cText ellipsis={false}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente exercitationem aperiam quibusdam libero ipsa veritatis quisquam!\u003c/Text\u003e\n\u003cText ellipsis={true}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente exercitationem aperiam quibusdam libero ipsa veritatis quisquam!\u003c/Text\u003e\n`}\u003e\n    \u003cUIKit.Text ellipsis={false}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente exercitationem aperiam quibusdam libero ipsa veritatis quisquam!\u003c/UIKit.Text\u003e\n    \u003cUIKit.Text ellipsis={true}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente exercitationem aperiam quibusdam libero ipsa veritatis quisquam!\u003c/UIKit.Text\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cText ellipsis={false}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab\n    rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente\n    exercitationem aperiam quibusdam libero ipsa veritatis quisquam!\u003c/Text\u003e\n\u003cText ellipsis={true}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab\n    rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente\n    exercitationem aperiam quibusdam libero ipsa veritatis quisquam!\u003c/Text\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### White Space\n\nThe white-space css property. Can be `nowrap`, `break-spaces`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cText\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit.\u003c/Text\u003e\n\u003cText whiteSpace={\"nowrap\"}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit.\u003c/Text\u003e\n\u003cText whiteSpace={\"break-spaces\"}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit.\u003c/Text\u003e\n`}\u003e\n    \u003cUIKit.Text\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit.\u003c/UIKit.Text\u003e\n    \u003cUIKit.Text whiteSpace={\"nowrap\"}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit.\u003c/UIKit.Text\u003e\n    \u003cUIKit.Text whiteSpace={\"break-spaces\"}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit.\u003c/UIKit.Text\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cText\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit.\u003c/Text\u003e\n\u003cText whiteSpace={\"nowrap\"}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit.\u003c/Text\u003e\n\u003cText whiteSpace={\"break-spaces\"}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit.\u003c/Text\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Word Break\n\nThe word-break css property. Can be `break-all` | `break-word`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cText\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente exercitationem aperiam quibusdam libero ipsa veritatis quisquam!\u003c/Text\u003e\n\u003cText wordBreak=\"break-all\"\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente exercitationem aperiam quibusdam libero ipsa veritatis quisquam!\u003c/Text\u003e\n`}\u003e\n    \u003cUIKit.Text\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente exercitationem aperiam quibusdam libero ipsa veritatis quisquam!\u003c/UIKit.Text\u003e\n    \u003cUIKit.Text wordBreak=\"break-all\"\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente exercitationem aperiam quibusdam libero ipsa veritatis quisquam!\u003c/UIKit.Text\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cText\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab rerum harum hic\n    delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente exercitationem aperiam\n    quibusdam libero ipsa veritatis quisquam!\u003c/Text\u003e\n\u003cText wordBreak=\"break-all\"\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus\n    est, ab rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente\n    exercitationem aperiam quibusdam libero ipsa veritatis quisquam!\u003c/Text\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Color\n\nSpecifies the color of the text. The possible colors are:\n`primary`, `complementary`, `secondary`, `hint`, `info`, `info-heavy`, `positive`, `positive-heavy`, `warning`, `warning-heavy`, `danger`, `danger-heavy`, `utility`, `utility-heavy`, `misc`, `misc-heavy`, `brand`, `link`, `link-hover`, `link-visited`, `link-visited-hover`, `dark-primary`, `dark-complementary`, `dark-secondary`, `light-primary`, `light-complementary`, `light-secondary`, `light-hint`, `inverted-primary`, `inverted-complementary`, `inverted-secondary`, `inverted-hint`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cText color=\"info\"\u003esome text\u003c/Text\u003e\n\u003cText color=\"positive\"\u003esome text\u003c/Text\u003e\n\u003cText color=\"warning\"\u003esome text\u003c/Text\u003e\n`}\u003e\n    \u003cUIKit.Text color=\"info\"\u003esome text\u003c/UIKit.Text\u003e\n    \u003cUIKit.Text color=\"positive\"\u003esome text\u003c/UIKit.Text\u003e\n    \u003cUIKit.Text color=\"warning\"\u003esome text\u003c/UIKit.Text\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cText color=\"info\"\u003esome text\u003c/Text\u003e\n\u003cText color=\"positive\"\u003esome text\u003c/Text\u003e\n\u003cText color=\"warning\"\u003esome text\u003c/Text\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name          | Description                                                               |                   Type                   |  Default   |\n| :------------ | :------------------------------------------------------------------------ | :--------------------------------------: | :--------: |\n| children      | Text content                                                              |            `React.ReactNode`             |            |\n| className     | HTML `class` attribute                                                    |                 `string`                 |            |\n| id            | HTML `id` attribute                                                       |                 `string`                 |            |\n| as            | Ability to override default html tag                                      |         `React.ElementType\u003cany\u003e`         |            |\n| style         | HTML `style` attribute                                                    |          `React.CSSProperties`           |            |\n| variant       | Font of the text                                                          |                 `string`                 | `\"body-1\"` |\n| ellipsis      | Hidden overflow content will be replaced by an ellipsis                   |                `boolean`                 |            |\n| ellipsisLines | The number of whole lines of text after which the content will be cut off |                 `number`                 |            |\n| whiteSpace    | The white-space css property                                              |       `\"nowrap\"` `\"break-spaces\"`        |            |\n| wordBreak     | The word-break css property                                               |       `\"break-all\"` `\"break-word\"`       |            |\n| color         | Color of the text                                                         | `string` (see values in \"Color\" section) |            |\n| qa            | HTML `data-qa` attribute, used in tests                                   |                 `string`                 |            |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"text"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Text</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Text</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@IsaevAlexandr" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/IsaevAlexandr" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/27916444?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">IsaevAlexandr</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Text" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/tabs"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Tabs</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/text-area"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">TextArea</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"text","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Text\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {Text} from '@gravity-ui/uikit';\n```\n\n## Variant\n\nThese are the default variants that can be overridden in the project. See a list of all the\nvariants [here](https://preview.gravity-ui.com/uikit/?path=/story/typography--variants).\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cText variant=\"body-1\"\u003esome text\u003c/Text\u003e\n\u003cText variant=\"caption-2\"\u003esome text\u003c/Text\u003e\n\u003cText variant=\"display-3\"\u003esome text\u003c/Text\u003e\n`}\u003e\n    \u003cUIKit.Text variant=\"body-1\"\u003esome text\u003c/UIKit.Text\u003e\n    \u003cUIKit.Text variant=\"caption-2\"\u003esome text\u003c/UIKit.Text\u003e\n    \u003cUIKit.Text variant=\"display-3\"\u003esome text\u003c/UIKit.Text\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cText variant=\"body-1\"\u003esome text\u003c/Text\u003e\n\u003cText variant=\"caption-2\"\u003esome text\u003c/Text\u003e\n\u003cText variant=\"display-3\"\u003esome text\u003c/Text\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Ellipsis\n\nThis property allows you to hide overflowing text\n\n`false` - used by default.\n\n`true` - hidden overflow content will be replaced with ellipsis `…`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cText ellipsis={false}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente exercitationem aperiam quibusdam libero ipsa veritatis quisquam!\u003c/Text\u003e\n\u003cText ellipsis={true}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente exercitationem aperiam quibusdam libero ipsa veritatis quisquam!\u003c/Text\u003e\n`}\u003e\n    \u003cUIKit.Text ellipsis={false}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente exercitationem aperiam quibusdam libero ipsa veritatis quisquam!\u003c/UIKit.Text\u003e\n    \u003cUIKit.Text ellipsis={true}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente exercitationem aperiam quibusdam libero ipsa veritatis quisquam!\u003c/UIKit.Text\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cText ellipsis={false}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab\n    rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente\n    exercitationem aperiam quibusdam libero ipsa veritatis quisquam!\u003c/Text\u003e\n\u003cText ellipsis={true}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab\n    rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente\n    exercitationem aperiam quibusdam libero ipsa veritatis quisquam!\u003c/Text\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### White Space\n\nThe white-space css property. Can be `nowrap`, `break-spaces`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cText\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit.\u003c/Text\u003e\n\u003cText whiteSpace={\"nowrap\"}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit.\u003c/Text\u003e\n\u003cText whiteSpace={\"break-spaces\"}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit.\u003c/Text\u003e\n`}\u003e\n    \u003cUIKit.Text\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit.\u003c/UIKit.Text\u003e\n    \u003cUIKit.Text whiteSpace={\"nowrap\"}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit.\u003c/UIKit.Text\u003e\n    \u003cUIKit.Text whiteSpace={\"break-spaces\"}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit.\u003c/UIKit.Text\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cText\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit.\u003c/Text\u003e\n\u003cText whiteSpace={\"nowrap\"}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit.\u003c/Text\u003e\n\u003cText whiteSpace={\"break-spaces\"}\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit.\u003c/Text\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Word Break\n\nThe word-break css property. Can be `break-all` | `break-word`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cText\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente exercitationem aperiam quibusdam libero ipsa veritatis quisquam!\u003c/Text\u003e\n\u003cText wordBreak=\"break-all\"\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente exercitationem aperiam quibusdam libero ipsa veritatis quisquam!\u003c/Text\u003e\n`}\u003e\n    \u003cUIKit.Text\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente exercitationem aperiam quibusdam libero ipsa veritatis quisquam!\u003c/UIKit.Text\u003e\n    \u003cUIKit.Text wordBreak=\"break-all\"\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente exercitationem aperiam quibusdam libero ipsa veritatis quisquam!\u003c/UIKit.Text\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cText\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus est, ab rerum harum hic\n    delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente exercitationem aperiam\n    quibusdam libero ipsa veritatis quisquam!\u003c/Text\u003e\n\u003cText wordBreak=\"break-all\"\u003eLorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates asperiores accusamus\n    est, ab rerum harum hic delectus fuga veniam! Hic, atque, quia sunt consectetur eius corrupti, expedita sapiente\n    exercitationem aperiam quibusdam libero ipsa veritatis quisquam!\u003c/Text\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Color\n\nSpecifies the color of the text. The possible colors are:\n`primary`, `complementary`, `secondary`, `hint`, `info`, `info-heavy`, `positive`, `positive-heavy`, `warning`, `warning-heavy`, `danger`, `danger-heavy`, `utility`, `utility-heavy`, `misc`, `misc-heavy`, `brand`, `link`, `link-hover`, `link-visited`, `link-visited-hover`, `dark-primary`, `dark-complementary`, `dark-secondary`, `light-primary`, `light-complementary`, `light-secondary`, `light-hint`, `inverted-primary`, `inverted-complementary`, `inverted-secondary`, `inverted-hint`.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cText color=\"info\"\u003esome text\u003c/Text\u003e\n\u003cText color=\"positive\"\u003esome text\u003c/Text\u003e\n\u003cText color=\"warning\"\u003esome text\u003c/Text\u003e\n`}\u003e\n    \u003cUIKit.Text color=\"info\"\u003esome text\u003c/UIKit.Text\u003e\n    \u003cUIKit.Text color=\"positive\"\u003esome text\u003c/UIKit.Text\u003e\n    \u003cUIKit.Text color=\"warning\"\u003esome text\u003c/UIKit.Text\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cText color=\"info\"\u003esome text\u003c/Text\u003e\n\u003cText color=\"positive\"\u003esome text\u003c/Text\u003e\n\u003cText color=\"warning\"\u003esome text\u003c/Text\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name          | Description                                                               |                   Type                   |  Default   |\n| :------------ | :------------------------------------------------------------------------ | :--------------------------------------: | :--------: |\n| children      | Text content                                                              |            `React.ReactNode`             |            |\n| className     | HTML `class` attribute                                                    |                 `string`                 |            |\n| id            | HTML `id` attribute                                                       |                 `string`                 |            |\n| as            | Ability to override default html tag                                      |         `React.ElementType\u003cany\u003e`         |            |\n| style         | HTML `style` attribute                                                    |          `React.CSSProperties`           |            |\n| variant       | Font of the text                                                          |                 `string`                 | `\"body-1\"` |\n| ellipsis      | Hidden overflow content will be replaced by an ellipsis                   |                `boolean`                 |            |\n| ellipsisLines | The number of whole lines of text after which the content will be cut off |                 `number`                 |            |\n| whiteSpace    | The white-space css property                                              |       `\"nowrap\"` `\"break-spaces\"`        |            |\n| wordBreak     | The word-break css property                                               |       `\"break-all\"` `\"break-word\"`       |            |\n| color         | Color of the text                                                         | `string` (see values in \"Color\" section) |            |\n| qa            | HTML `data-qa` attribute, used in tests                                   |                 `string`                 |            |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"text"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/toaster.html b/components/uikit/toaster.html
index 5533753a000..b5b34381565 100644
--- a/components/uikit/toaster.html
+++ b/components/uikit/toaster.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Toaster</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Toaster</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@ogonkov" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/ogonkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1091927?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">ogonkov</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Toaster" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/text-input"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">TextInput</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/tooltip"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Tooltip</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"toaster","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Toaster\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\nComponent for adjustable notifications.\n\n## Usage with context\n\n```jsx\nimport React from 'react';\nimport ReactDOMClient from 'react-dom/client';\nimport {ToasterComponent, ToasterProvider} from '@gravity-ui/uikit';\n\nconst root = ReactDOMClient.createRoot(document.getElementById('root'));\nroot.render(\n  \u003cToasterProvider\u003e\n    \u003cApp /\u003e\n    \u003cToasterComponent className=\"optional additional classes\" /\u003e\n  \u003c/ToasterProvider\u003e,\n);\n```\n\nThen in your app components you can show toasts with `useToaster` hook.\n\n```jsx\nimport {useToaster} from '@gravity-ui/uikit';\nimport {useEffect} from 'react';\n\nexport function FoobarComponent() {\n  const {add} = useToaster();\n\n  useEffect(() =\u003e {\n    add({\n      title: 'Toaster is here',\n    });\n  }, []);\n\n  return null;\n}\n```\n\nHook returns methods `add`, `update`, `remove` and `removeAll` (see below).\n\n## Usage as HOC\n\nFor class components, you can use the `withToaster` HOC, which will inject the `toaster`\nprop into the component.\n\n```jsx\nimport {Component} from 'react';\nimport {withToaster} from '@gravity-ui/uikit';\n\nclass FoobarComponent extends Component {\n  render() {\n    this.props.toaster.add({});\n  }\n}\n\nconst FoobarWithToaster = withToaster()(FoobarComponent);\n```\n\n## Usage as singleton\n\nToaster has singleton, so when it is initialized in different parts of the application, the same instance will be returned.\nOn initialization, it is possible to transmit a className that will be assigned to dom-element which wrap all toasts.\n\n### React \u003c 18\n\n```js\nimport {Toaster} from '@gravity-ui/uikit';\nconst toaster = new Toaster();\n```\n\nor\n\n```js\nimport {toaster} from '@gravity-ui/uikit/toaster-singleton';\n```\n\n### React 18\n\n```js\nimport ReactDOMClient from 'react-dom/client';\nimport {Toaster} from '@gravity-ui/uikit';\nToaster.injectReactDOMClient(ReactDOMClient);\nconst toaster = new Toaster();\n```\n\nor\n\n```js\nimport {toaster} from '@gravity-ui/uikit/toaster-singleton-react-18';\n```\n\n## Constructor arguments\n\n| Parameter | Type      | Default     | Description                                         |\n| :-------- | :-------- | :---------- | :-------------------------------------------------- |\n| className | `string`  | `undefined` | Custom class name to add to the component container |\n| mobile    | `boolean` | `false`     | Configuration that manages mobile/desktop views     |\n\n## Methods\n\n| Method name                   | Params             | Description                                                                                                                                   |\n| :---------------------------- | :----------------- | :-------------------------------------------------------------------------------------------------------------------------------------------- |\n| add(toastOptions)             | `Object`           | Creates a new notification                                                                                                                    |\n| remove(name)                  | `string`           | Manually deletes an existing notification                                                                                                     |\n| update(name, overrideOptions) | `string`, `Object` | Changes already rendered notification content. In `overrideOptions`, the following fields are optional: `title`, `type`, `content`, `actions` |\n| has(name)                     | `string`           | Checks fora toast with the given name in the list of displayed toasts                                                                         |\n\n## More about `add`\n\nAccepts the argument `toastOptions` with ongoing notification details:\n\n| Parameter  | Type                                    | Required | Default     | Description                                                                                                                                                                                                                              |\n| :--------- | :-------------------------------------- | :------- | :---------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| name       | `string`                                | yes      |             | A unique notification name. Notifications with identical names are collapsed into one                                                                                                                                                    |\n| title      | `string`                                |          |             | Notification title                                                                                                                                                                                                                       |\n| className  | `string`                                |          |             | CSS-class                                                                                                                                                                                                                                |\n| autoHiding | `number` or `false`                     |          | 5000        | Number of ms to delay before hiding the notification. Use `false` to disable toast hiding after timeout.                                                                                                                                 |\n| content    | `node`                                  |          | `undefined` | Notification content. [Anything that can be rendered: numbers, strings, elements or an array](https://reactjs.org/docs/typechecking-with-proptypes.html#proptypes)                                                                       |\n| theme      | `string`                                |          | `\"normal\"`  | A notification theme. Possible values: `\"normal\"`, `\"info\"`, `\"success\"`, `\"warning\"`, `danger`, `\"utility\"`. If `theme` is set to other than `\"normal\"`, the icon will be added into notification title. _By default, there is no icon_ |\n| isClosable | `boolean`                               |          | `true`      | A configuration that manages the visibility of the X icon, which allows the user to close the notification                                                                                                                               |\n| actions    | `ToastAction[]`                         |          | `undefined` | An array of [actions](./types.ts#L9) that display after `content`                                                                                                                                                                        |\n| renderIcon | `(toastProps: ToastProps) =\u003e ReactNode` |          | `undefined` | Used to customize the toast icon. Type-based behavior is used by default                                                                                                                                                                 |\n\nEvery `action` is an object with following parameters:\n\n| Parameter        | Type                                      | Required | Default    | Description                                                             |\n| :--------------- | :---------------------------------------- | :------- | :--------- | :---------------------------------------------------------------------- |\n| label            | `string`                                  | yes      |            | Description of action                                                   |\n| onClick          | `() =\u003e void`                              | yes      |            | On action click handler                                                 |\n| view             | [`ButtonView`](../Button/README.md#props) |          | `outlined` | The appearance of the action, the same as the `view` of the `\u003cButton/\u003e` |\n| removeAfterClick | `boolean`                                 |          | `true`     | If the notification should close after the action is clicked            |\n\n## CSS API\n\n| Name                       | Description     |\n| :------------------------- | :-------------- |\n| `--g-toaster-width`        | Container width |\n| `--g-toaster-item-padding` | Item padding    |\n| `--g-toaster-item-gap`     | Item gap        |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"toaster"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Toaster</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Toaster</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@ogonkov" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/ogonkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1091927?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">ogonkov</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Toaster" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/text-input"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">TextInput</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/tooltip"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Tooltip</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"toaster","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Toaster\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\nComponent for adjustable notifications.\n\n## Usage with context\n\n```jsx\nimport React from 'react';\nimport ReactDOMClient from 'react-dom/client';\nimport {ToasterComponent, ToasterProvider} from '@gravity-ui/uikit';\n\nconst root = ReactDOMClient.createRoot(document.getElementById('root'));\nroot.render(\n  \u003cToasterProvider\u003e\n    \u003cApp /\u003e\n    \u003cToasterComponent className=\"optional additional classes\" /\u003e\n  \u003c/ToasterProvider\u003e,\n);\n```\n\nThen in your app components you can show toasts with `useToaster` hook.\n\n```jsx\nimport {useToaster} from '@gravity-ui/uikit';\nimport {useEffect} from 'react';\n\nexport function FoobarComponent() {\n  const {add} = useToaster();\n\n  useEffect(() =\u003e {\n    add({\n      title: 'Toaster is here',\n    });\n  }, []);\n\n  return null;\n}\n```\n\nHook returns methods `add`, `update`, `remove` and `removeAll` (see below).\n\n## Usage as HOC\n\nFor class components, you can use the `withToaster` HOC, which will inject the `toaster`\nprop into the component.\n\n```jsx\nimport {Component} from 'react';\nimport {withToaster} from '@gravity-ui/uikit';\n\nclass FoobarComponent extends Component {\n  render() {\n    this.props.toaster.add({});\n  }\n}\n\nconst FoobarWithToaster = withToaster()(FoobarComponent);\n```\n\n## Usage as singleton\n\nToaster has singleton, so when it is initialized in different parts of the application, the same instance will be returned.\nOn initialization, it is possible to transmit a className that will be assigned to dom-element which wrap all toasts.\n\n### React \u003c 18\n\n```js\nimport {Toaster} from '@gravity-ui/uikit';\nconst toaster = new Toaster();\n```\n\nor\n\n```js\nimport {toaster} from '@gravity-ui/uikit/toaster-singleton';\n```\n\n### React 18\n\n```js\nimport ReactDOMClient from 'react-dom/client';\nimport {Toaster} from '@gravity-ui/uikit';\nToaster.injectReactDOMClient(ReactDOMClient);\nconst toaster = new Toaster();\n```\n\nor\n\n```js\nimport {toaster} from '@gravity-ui/uikit/toaster-singleton-react-18';\n```\n\n## Constructor arguments\n\n| Parameter | Type      | Default     | Description                                         |\n| :-------- | :-------- | :---------- | :-------------------------------------------------- |\n| className | `string`  | `undefined` | Custom class name to add to the component container |\n| mobile    | `boolean` | `false`     | Configuration that manages mobile/desktop views     |\n\n## Methods\n\n| Method name                   | Params             | Description                                                                                                                                   |\n| :---------------------------- | :----------------- | :-------------------------------------------------------------------------------------------------------------------------------------------- |\n| add(toastOptions)             | `Object`           | Creates a new notification                                                                                                                    |\n| remove(name)                  | `string`           | Manually deletes an existing notification                                                                                                     |\n| update(name, overrideOptions) | `string`, `Object` | Changes already rendered notification content. In `overrideOptions`, the following fields are optional: `title`, `type`, `content`, `actions` |\n| has(name)                     | `string`           | Checks fora toast with the given name in the list of displayed toasts                                                                         |\n\n## More about `add`\n\nAccepts the argument `toastOptions` with ongoing notification details:\n\n| Parameter  | Type                                    | Required | Default     | Description                                                                                                                                                                                                                              |\n| :--------- | :-------------------------------------- | :------- | :---------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| name       | `string`                                | yes      |             | A unique notification name. Notifications with identical names are collapsed into one                                                                                                                                                    |\n| title      | `string`                                |          |             | Notification title                                                                                                                                                                                                                       |\n| className  | `string`                                |          |             | CSS-class                                                                                                                                                                                                                                |\n| autoHiding | `number` or `false`                     |          | 5000        | Number of ms to delay before hiding the notification. Use `false` to disable toast hiding after timeout.                                                                                                                                 |\n| content    | `node`                                  |          | `undefined` | Notification content. [Anything that can be rendered: numbers, strings, elements or an array](https://reactjs.org/docs/typechecking-with-proptypes.html#proptypes)                                                                       |\n| theme      | `string`                                |          | `\"normal\"`  | A notification theme. Possible values: `\"normal\"`, `\"info\"`, `\"success\"`, `\"warning\"`, `danger`, `\"utility\"`. If `theme` is set to other than `\"normal\"`, the icon will be added into notification title. _By default, there is no icon_ |\n| isClosable | `boolean`                               |          | `true`      | A configuration that manages the visibility of the X icon, which allows the user to close the notification                                                                                                                               |\n| actions    | `ToastAction[]`                         |          | `undefined` | An array of [actions](./types.ts#L9) that display after `content`                                                                                                                                                                        |\n| renderIcon | `(toastProps: ToastProps) =\u003e ReactNode` |          | `undefined` | Used to customize the toast icon. Type-based behavior is used by default                                                                                                                                                                 |\n\nEvery `action` is an object with following parameters:\n\n| Parameter        | Type                                      | Required | Default    | Description                                                             |\n| :--------------- | :---------------------------------------- | :------- | :--------- | :---------------------------------------------------------------------- |\n| label            | `string`                                  | yes      |            | Description of action                                                   |\n| onClick          | `() =\u003e void`                              | yes      |            | On action click handler                                                 |\n| view             | [`ButtonView`](../Button/README.md#props) |          | `outlined` | The appearance of the action, the same as the `view` of the `\u003cButton/\u003e` |\n| removeAfterClick | `boolean`                                 |          | `true`     | If the notification should close after the action is clicked            |\n\n## CSS API\n\n| Name                       | Description     |\n| :------------------------- | :-------------- |\n| `--g-toaster-width`        | Container width |\n| `--g-toaster-item-padding` | Item padding    |\n| `--g-toaster-item-gap`     | Item gap        |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"toaster"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/tooltip.html b/components/uikit/tooltip.html
index 0d5f7ba262c..d85eb1e79eb 100644
--- a/components/uikit/tooltip.html
+++ b/components/uikit/tooltip.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Tooltip</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Tooltip</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">amje</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Tooltip" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/toaster"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Toaster</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/user"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">User</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"tooltip","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Tooltip\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\nA simple text tip that uses its children node as an anchor. This component accepts only text content and may be an excellent alternative to the browser title with its small size and increased appearance delay.\n\nTooltip has a light and dark theme.\n\n## Usage\n\n```tsx\nimport {Tooltip} from '@gravity-ui/uikit';\n\n\u003cTooltip content=\"Content\"\u003e\n  \u003cdiv tabIndex={0}\u003eAnchor\u003c/div\u003e\n\u003c/Tooltip\u003e;\n```\n\n## Properties\n\n| Name             | Description                                                                             |                       Type                       | Default |\n| :--------------- | --------------------------------------------------------------------------------------- | :----------------------------------------------: | :-----: |\n| children         | An anchor element for a `Tooltip`. Must accept a `ref` that will provide a DOM element. |               `React.ReactElement`               |         |\n| closeDelay       | Number of ms to delay hiding the `Tooltip` after the hover ends                         |                     `number`                     |   `0`   |\n| openDelay        | Number of ms to delay showing the `Tooltip` after the hover begins                      |                     `number`                     | `1000`  |\n| placement        | `Tooltip` position relative to its anchor                                               | [`PopupPlacement`](../Popup/README.md#placement) |         |\n| qa               | HTML `data-qa` attribute, used in tests                                                 |                     `string`                     |         |\n| content          | Content that will be shown in the `Tooltip`                                             |                `React.ReactNode`                 |         |\n| id               | This prop is used to help implement the accessibility logic.                            |                     `string`                     |         |\n| disablePortal    | Do not use Portal for children                                                          |                    `boolean`                     |         |\n| contentClassName | HTML class attribute for content node                                                   |                     `string`                     |         |\n| className        | HTML class attribute for popup                                                          |                     `string`                     |         |\n| disabled         | Prevent popup from opening                                                              |                    `boolean`                     | `false` |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"tooltip"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Tooltip</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">Tooltip</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">amje</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/Tooltip" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/toaster"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Toaster</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/user"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">User</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"tooltip","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# Tooltip\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\nA simple text tip that uses its children node as an anchor. This component accepts only text content and may be an excellent alternative to the browser title with its small size and increased appearance delay.\n\nTooltip has a light and dark theme.\n\n## Usage\n\n```tsx\nimport {Tooltip} from '@gravity-ui/uikit';\n\n\u003cTooltip content=\"Content\"\u003e\n  \u003cdiv tabIndex={0}\u003eAnchor\u003c/div\u003e\n\u003c/Tooltip\u003e;\n```\n\n## Properties\n\n| Name             | Description                                                                             |                       Type                       | Default |\n| :--------------- | --------------------------------------------------------------------------------------- | :----------------------------------------------: | :-----: |\n| children         | An anchor element for a `Tooltip`. Must accept a `ref` that will provide a DOM element. |               `React.ReactElement`               |         |\n| closeDelay       | Number of ms to delay hiding the `Tooltip` after the hover ends                         |                     `number`                     |   `0`   |\n| openDelay        | Number of ms to delay showing the `Tooltip` after the hover begins                      |                     `number`                     | `1000`  |\n| placement        | `Tooltip` position relative to its anchor                                               | [`PopupPlacement`](../Popup/README.md#placement) |         |\n| qa               | HTML `data-qa` attribute, used in tests                                                 |                     `string`                     |         |\n| content          | Content that will be shown in the `Tooltip`                                             |                `React.ReactNode`                 |         |\n| id               | This prop is used to help implement the accessibility logic.                            |                     `string`                     |         |\n| disablePortal    | Do not use Portal for children                                                          |                    `boolean`                     |         |\n| contentClassName | HTML class attribute for content node                                                   |                     `string`                     |         |\n| className        | HTML class attribute for popup                                                          |                     `string`                     |         |\n| disabled         | Prevent popup from opening                                                              |                    `boolean`                     | `false` |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"tooltip"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/user-label.html b/components/uikit/user-label.html
index d87c6c232bb..ee1e1555f35 100644
--- a/components/uikit/user-label.html
+++ b/components/uikit/user-label.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->UserLabel</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">UserLabel</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@DakEnviy" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/DakEnviy" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/6522772?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">DakEnviy</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/UserLabel" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/user"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">User</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"user-label","readmeContent":"# UserLabel\n\nThe `UserLabel` component can be used to display users or user-related information.\n\n### Type\n\nUsed to manage avatar appearance. Use \"person\" for a personalized entity and \"email\" for an email adresses. Use \"empty\" for cases when you do not need any avatar.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cUserLabel type=\"person\"\u003eCharles Darwin\u003c/UserLabel\u003e\n\u003cUserLabel type=\"email\"\u003eemail@example.com\u003c/UserLabel\u003e\n\u003cUserLabel type=\"empty\"\u003eAlan Turing\u003c/UserLabel\u003e\n`}\n\u003e\n    \u003cUIKit.UserLabel type=\"person\"\u003eCharles Darwin\u003c/UIKit.UserLabel\u003e\n    \u003cUIKit.UserLabel type=\"email\"\u003eemail@example.com\u003c/UIKit.UserLabel\u003e\n    \u003cUIKit.UserLabel type=\"empty\"\u003eAlan Turing\u003c/UIKit.UserLabel\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cUserLabel type=\"person\"\u003eCharles Darwin (person)\u003c/UserLabel\u003e\n\u003cUserLabel type=\"email\"\u003eemail@example.com (email)\u003c/UserLabel\u003e\n\u003cUserLabel type=\"empty\"\u003eAlan Turing (other)\u003c/UserLabel\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Avatar\n\nThis component can be used with a custom avatar. It works only with `type: 'person'`. You are able to provide an image, a props of [Avatar](../Avatar/README.md) component or custom React node.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\nimport {GraduationCap} from '@gravity-ui/icons';\n\n\u003cUserLabel type=\"person\" avatar=\"\u003curl\u003e\"\u003eCharles Darwin\u003c/UserLabel\u003e\n\u003cUserLabel type=\"person\" avatar={{icon: GraduationCap}}\u003eCharles Darwin\u003c/UserLabel\u003e\n`}\n\u003e\n    \u003cUIKit.UserLabel type=\"person\" avatar=\"https://upload.wikimedia.org/wikipedia/commons/thumb/3/33/Charles_Darwin_by_Julia_Margaret_Cameron%2C_c._1868.jpg/193px-Charles_Darwin_by_Julia_Margaret_Cameron%2C_c._1868.jpg\"\u003eCharles Darwin\u003c/UIKit.UserLabel\u003e\n    \u003cUIKit.UserLabel type=\"person\" avatar={{icon: '\u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.836 3.202 1.74 5.386a.396.396 0 0 0 0 .728l5.096 2.184a2.5 2.5 0 0 0 .985.202h.358a2.5 2.5 0 0 0 .985-.202l5.096-2.184a.396.396 0 0 0 0-.728L9.164 3.202A2.5 2.5 0 0 0 8.179 3h-.358a2.5 2.5 0 0 0-.985.202ZM1.5 7.642l1.5.644v3.228a2 2 0 0 0 1.106 1.789l.806.403a7 7 0 0 0 6.193.033l.909-.442a2 2 0 0 0 1.125-1.798V8.226l1.712-.734a1.896 1.896 0 0 0 0-3.484L9.755 1.823A4 4 0 0 0 8.179 1.5h-.358a4 4 0 0 0-1.576.323L1.15 4.008A1.896 1.896 0 0 0 0 5.75v4.5a.75.75 0 0 0 1.5 0V7.643Zm3 3.872V8.929l1.745.748A4 4 0 0 0 7.821 10h.358a4 4 0 0 0 1.576-.323l1.884-.808v2.63a.5.5 0 0 1-.282.45l-.909.442a5.5 5.5 0 0 1-4.865-.027l-.807-.403a.5.5 0 0 1-.276-.447Z\" clip-rule=\"evenodd\"/\u003e\u003c/svg\u003e'}}\u003eCharles Darwin\u003c/UIKit.UserLabel\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nimport {GraduationCap} from '@gravity-ui/icons';\n\n\u003cUserLabel type=\"person\" avatar=\"\u003curl\u003e\"\u003eCharles Darwin\u003c/UserLabel\u003e\n\u003cUserLabel type=\"person\" avatar={{icon: GraduationCap}}\u003eCharles Darwin\u003c/UserLabel\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Interactivity\n\nThis component is also interactive. It can be clickable or closable.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cUserLabel onClick={() =\u003e alert('onClick triggered')}\u003eCharles Darwin\u003c/UserLabel\u003e\n\u003cUserLabel onCloseClick={() =\u003e alert('onCloseClick triggered')}\u003eCharles Darwin\u003c/UserLabel\u003e\n`}\n\u003e\n    \u003cUIKit.UserLabel onClick={() =\u003e alert('onClick triggered')}\u003eCharles Darwin\u003c/UIKit.UserLabel\u003e\n    \u003cUIKit.UserLabel onCloseClick={() =\u003e alert('onCloseClick triggered')}\u003eCharles Darwin\u003c/UIKit.UserLabel\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cUserLabel onClick={() =\u003e alert('onClick triggered')}\u003eCharles Darwin\u003c/UserLabel\u003e\n\u003cUserLabel onCloseClick={() =\u003e alert('onCloseClick triggered')}\u003eCharles Darwin\u003c/UserLabel\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name         | Description                                 |                                    Type                                     |   Default    |\n| :----------- | :------------------------------------------ | :-------------------------------------------------------------------------: | :----------: |\n| type         | Avatar appearance                           |                       `'person'` `'email'` `'empty'`                        |  `'person'`  |\n| avatar       | User avatar                                 | [AvatarProps](../Avatar/README.md#properties) `string` `React.ReactElement` |              |\n| children     | Visible text                                |                              `React.ReactNode`                              |              |\n| view         | UserLabel view                              |                           `'outlined'` `'clear'`                            | `'outlined'` |\n| onClick      | `click` event handler for component itself  |                                 `Function`                                  |              |\n| onCloseClick | `click` event handler for button with cross |                                 `Function`                                  |              |\n| className    | Custom CSS class for root element           |                                  `string`                                   |              |\n| style        | HTML style attribute                        |                            `React.CSSProperties`                            |              |\n| qa           | HTML `data-qa` attribute, used in tests     |                                  `string`                                   |              |\n| size         | Avatar size                                 |                       `'xs'` `'s'` `'m'` `'l'` `'xl'`                       |    `'s'`     |\n\n## CSS API\n\n| Name                         | Description      |\n| :--------------------------- | :--------------- |\n| `--g-user-label-font-size`   | Text font size   |\n| `--g-user-label-line-height` | Text line height |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"user-label"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->UserLabel</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">UserLabel</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@DakEnviy" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/DakEnviy" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/6522772?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">DakEnviy</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/UserLabel" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/user"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">User</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"user-label","readmeContent":"# UserLabel\n\nThe `UserLabel` component can be used to display users or user-related information.\n\n### Type\n\nUsed to manage avatar appearance. Use \"person\" for a personalized entity and \"email\" for an email adresses. Use \"empty\" for cases when you do not need any avatar.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cUserLabel type=\"person\"\u003eCharles Darwin\u003c/UserLabel\u003e\n\u003cUserLabel type=\"email\"\u003eemail@example.com\u003c/UserLabel\u003e\n\u003cUserLabel type=\"empty\"\u003eAlan Turing\u003c/UserLabel\u003e\n`}\n\u003e\n    \u003cUIKit.UserLabel type=\"person\"\u003eCharles Darwin\u003c/UIKit.UserLabel\u003e\n    \u003cUIKit.UserLabel type=\"email\"\u003eemail@example.com\u003c/UIKit.UserLabel\u003e\n    \u003cUIKit.UserLabel type=\"empty\"\u003eAlan Turing\u003c/UIKit.UserLabel\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cUserLabel type=\"person\"\u003eCharles Darwin (person)\u003c/UserLabel\u003e\n\u003cUserLabel type=\"email\"\u003eemail@example.com (email)\u003c/UserLabel\u003e\n\u003cUserLabel type=\"empty\"\u003eAlan Turing (other)\u003c/UserLabel\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Avatar\n\nThis component can be used with a custom avatar. It works only with `type: 'person'`. You are able to provide an image, a props of [Avatar](../Avatar/README.md) component or custom React node.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\nimport {GraduationCap} from '@gravity-ui/icons';\n\n\u003cUserLabel type=\"person\" avatar=\"\u003curl\u003e\"\u003eCharles Darwin\u003c/UserLabel\u003e\n\u003cUserLabel type=\"person\" avatar={{icon: GraduationCap}}\u003eCharles Darwin\u003c/UserLabel\u003e\n`}\n\u003e\n    \u003cUIKit.UserLabel type=\"person\" avatar=\"https://upload.wikimedia.org/wikipedia/commons/thumb/3/33/Charles_Darwin_by_Julia_Margaret_Cameron%2C_c._1868.jpg/193px-Charles_Darwin_by_Julia_Margaret_Cameron%2C_c._1868.jpg\"\u003eCharles Darwin\u003c/UIKit.UserLabel\u003e\n    \u003cUIKit.UserLabel type=\"person\" avatar={{icon: '\u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.836 3.202 1.74 5.386a.396.396 0 0 0 0 .728l5.096 2.184a2.5 2.5 0 0 0 .985.202h.358a2.5 2.5 0 0 0 .985-.202l5.096-2.184a.396.396 0 0 0 0-.728L9.164 3.202A2.5 2.5 0 0 0 8.179 3h-.358a2.5 2.5 0 0 0-.985.202ZM1.5 7.642l1.5.644v3.228a2 2 0 0 0 1.106 1.789l.806.403a7 7 0 0 0 6.193.033l.909-.442a2 2 0 0 0 1.125-1.798V8.226l1.712-.734a1.896 1.896 0 0 0 0-3.484L9.755 1.823A4 4 0 0 0 8.179 1.5h-.358a4 4 0 0 0-1.576.323L1.15 4.008A1.896 1.896 0 0 0 0 5.75v4.5a.75.75 0 0 0 1.5 0V7.643Zm3 3.872V8.929l1.745.748A4 4 0 0 0 7.821 10h.358a4 4 0 0 0 1.576-.323l1.884-.808v2.63a.5.5 0 0 1-.282.45l-.909.442a5.5 5.5 0 0 1-4.865-.027l-.807-.403a.5.5 0 0 1-.276-.447Z\" clip-rule=\"evenodd\"/\u003e\u003c/svg\u003e'}}\u003eCharles Darwin\u003c/UIKit.UserLabel\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\nimport {GraduationCap} from '@gravity-ui/icons';\n\n\u003cUserLabel type=\"person\" avatar=\"\u003curl\u003e\"\u003eCharles Darwin\u003c/UserLabel\u003e\n\u003cUserLabel type=\"person\" avatar={{icon: GraduationCap}}\u003eCharles Darwin\u003c/UserLabel\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n### Interactivity\n\nThis component is also interactive. It can be clickable or closable.\n\n\u003c!--LANDING_BLOCK\n\u003cExampleBlock\n    code={`\n\u003cUserLabel onClick={() =\u003e alert('onClick triggered')}\u003eCharles Darwin\u003c/UserLabel\u003e\n\u003cUserLabel onCloseClick={() =\u003e alert('onCloseClick triggered')}\u003eCharles Darwin\u003c/UserLabel\u003e\n`}\n\u003e\n    \u003cUIKit.UserLabel onClick={() =\u003e alert('onClick triggered')}\u003eCharles Darwin\u003c/UIKit.UserLabel\u003e\n    \u003cUIKit.UserLabel onCloseClick={() =\u003e alert('onCloseClick triggered')}\u003eCharles Darwin\u003c/UIKit.UserLabel\u003e\n\u003c/ExampleBlock\u003e\nLANDING_BLOCK--\u003e\n\n\u003c!--GITHUB_BLOCK--\u003e\n\n```tsx\n\u003cUserLabel onClick={() =\u003e alert('onClick triggered')}\u003eCharles Darwin\u003c/UserLabel\u003e\n\u003cUserLabel onCloseClick={() =\u003e alert('onCloseClick triggered')}\u003eCharles Darwin\u003c/UserLabel\u003e\n```\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n## Properties\n\n| Name         | Description                                 |                                    Type                                     |   Default    |\n| :----------- | :------------------------------------------ | :-------------------------------------------------------------------------: | :----------: |\n| type         | Avatar appearance                           |                       `'person'` `'email'` `'empty'`                        |  `'person'`  |\n| avatar       | User avatar                                 | [AvatarProps](../Avatar/README.md#properties) `string` `React.ReactElement` |              |\n| children     | Visible text                                |                              `React.ReactNode`                              |              |\n| view         | UserLabel view                              |                           `'outlined'` `'clear'`                            | `'outlined'` |\n| onClick      | `click` event handler for component itself  |                                 `Function`                                  |              |\n| onCloseClick | `click` event handler for button with cross |                                 `Function`                                  |              |\n| className    | Custom CSS class for root element           |                                  `string`                                   |              |\n| style        | HTML style attribute                        |                            `React.CSSProperties`                            |              |\n| qa           | HTML `data-qa` attribute, used in tests     |                                  `string`                                   |              |\n| size         | Avatar size                                 |                       `'xs'` `'s'` `'m'` `'l'` `'xl'`                       |    `'s'`     |\n\n## CSS API\n\n| Name                         | Description      |\n| :--------------------------- | :--------------- |\n| `--g-user-label-font-size`   | Text font size   |\n| `--g-user-label-line-height` | Text line height |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"user-label"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/components/uikit/user.html b/components/uikit/user.html
index 6e9a4a5af87..c3252c76d70 100644
--- a/components/uikit/user.html
+++ b/components/uikit/user.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->User</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">User</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@DakEnviy" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/DakEnviy" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/6522772?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">DakEnviy</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/User" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/tooltip"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Tooltip</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/user-label"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">UserLabel</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"user","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# User\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {User} from '@gravity-ui/uikit';\n```\n\nGeneral component for displaying a user avatar with a info block. It uses [Avatar](../Avatar/README.md) component to render the avatar. Also, it accepts custom react node as an avatar.\n\n## Name and description\n\n`User` component has properties `name` and `description` to display a info block.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cUser avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"l\" /\u003e\n`}\n\u003e\n    \u003cUIKit.User avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"l\" /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n## Size\n\nTo control the size of the `User` use the `size` property. The default size is `m`. Possible values: `xs`, `s`, `m`, `l`, `xl`.\n\nThis propeperty passes to the internal `Avatar` component too.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cUser avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"xs\" /\u003e\n\u003cUser avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"s\" /\u003e\n\u003cUser avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"m\" /\u003e\n\u003cUser avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"l\" /\u003e\n\u003cUser avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"xl\" /\u003e\n`}\n\u003e\n    \u003cUIKit.User avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"xs\" /\u003e\n    \u003cUIKit.User avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"s\" /\u003e\n    \u003cUIKit.User avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"m\" /\u003e\n    \u003cUIKit.User avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"l\" /\u003e\n    \u003cUIKit.User avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"xl\" /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n## Properties\n\n| Name            | Description                             |                                Type                                | Default |\n| :-------------- | :-------------------------------------- | :----------------------------------------------------------------: | :-----: |\n| avatar          | User avatar                             | [AvatarProps](../Avatar/README.md#properties) `React.ReactElement` |         |\n| name            | User name                               |                         `React.ReactNode`                          |         |\n| description     | User description                        |                         `React.ReactNode`                          |         |\n| size            | User block size                         |                  `'xs'` `'s'` `'m'` `'l'` `'xl'`                   |   `m`   |\n| aria-label      | `aria-label` for user block             |                              `string`                              |         |\n| aria-labelledby | `aria-labelledby` for user block        |                              `string`                              |         |\n| className       | Custom CSS class for root element       |                              `string`                              |         |\n| style           | HTML style attribute                    |                       `React.CSSProperties`                        |         |\n| qa              | HTML `data-qa` attribute, used in tests |                              `string`                              |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"user"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/45174bcef828b9b6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/45174bcef828b9b6.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/components/%5BlibId%5D/%5BcomponentId%5D-832cd08e6228da76.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">UIKit</span><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->User</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Components</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by component name" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">UIKit</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">6.20.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/arrow-toggle"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">ArrowToggle</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/avatar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Avatar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/icon"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Icon</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/link"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Link</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/list"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Menu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/modal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Modal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/overlay"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Overlay</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pagination"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Pagination</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/palette"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Palette</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/pin-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">PinInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/portal"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Portal</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioButton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">RadioGroup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/sheet"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Sheet</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/slider"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Slider</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextArea</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">TextInput</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/components/uikit/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/uikit/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">UserLabel</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Date Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"><div class="g-box g-card g-card_theme_warning g-card_view_outlined g-card_type_container g-card_size_m gravity-ui-landing-library-version"><span class="g-text g-text_variant_body-1 g-color-text g-color-text_color_warning">2.7.1</span></div></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Date Picker</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/range-calendar"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Range Calendar</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-field"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Field</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/components/date-components/relative-date-picker"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Relative Date Picker</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Navigation</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Bar</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">All Pages Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Aside Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Drawer</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkeys Panel</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Mobile Header</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div><div><div class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_disabled"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Settings</span><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="14" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.664 6.852c.302.203.474.49.516.859h1.164a1.98 1.98 0 0 0-.375-1.14 2.417 2.417 0 0 0-.985-.786c-.414-.19-.892-.285-1.433-.285-.537 0-1.018.096-1.446.29-.427.19-.765.456-1.015.8-.25.344-.375.746-.375 1.207 0 .557.186 1.005.558 1.344.375.338.883.595 1.524.77l.945.257c.287.075.543.163.77.262.229.099.41.224.543.375a.839.839 0 0 1 .203.582c0 .26-.077.488-.23.683a1.523 1.523 0 0 1-.633.453c-.266.107-.57.16-.91.16-.31 0-.596-.045-.856-.136a1.52 1.52 0 0 1-.637-.426 1.237 1.237 0 0 1-.281-.723H9.5c.026.482.163.899.41 1.25.248.35.59.619 1.027.809.438.19.956.285 1.555.285.625 0 1.158-.101 1.598-.305.443-.203.78-.48 1.012-.832.234-.351.351-.753.351-1.207 0-.359-.071-.668-.215-.925a2.02 2.02 0 0 0-.554-.649 3.149 3.149 0 0 0-.746-.422 5.954 5.954 0 0 0-.786-.254l-.78-.203a5.375 5.375 0 0 1-.49-.148 2.688 2.688 0 0 1-.476-.23 1.192 1.192 0 0 1-.355-.348.891.891 0 0 1-.133-.492c0-.227.065-.429.195-.606.133-.18.32-.32.559-.422.24-.104.523-.156.851-.156.459 0 .839.103 1.141.309z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.376 11.813c.313-.615.469-1.35.469-2.204 0-.854-.156-1.587-.469-2.199-.313-.614-.74-1.086-1.285-1.414-.542-.33-1.158-.496-1.848-.496-.692 0-1.311.165-1.855.496-.542.328-.97.8-1.282 1.414-.312.612-.468 1.345-.468 2.2 0 .85.156 1.584.468 2.199.313.614.74 1.087 1.282 1.418.544.328 1.162.492 1.855.492.69 0 1.306-.164 1.848-.492.544-.331.973-.803 1.285-1.415zm-1.043-3.848c.21.445.316.993.316 1.644 0 .651-.105 1.2-.316 1.649-.208.445-.495.784-.86 1.015a2.25 2.25 0 0 1-1.23.344c-.46 0-.872-.114-1.234-.344-.362-.231-.649-.57-.86-1.015-.208-.448-.312-.998-.312-1.649 0-.65.104-1.199.312-1.644.211-.448.498-.787.86-1.016a2.24 2.24 0 0 1 1.234-.347c.459 0 .869.115 1.23.347.365.23.652.568.86 1.016zM32.299 9.61c0 .854-.156 1.588-.469 2.203-.312.611-.74 1.083-1.285 1.414-.542.328-1.158.492-1.848.492-.692 0-1.31-.164-1.855-.492-.542-.331-.969-.804-1.281-1.418-.313-.615-.47-1.348-.47-2.2 0-.854.157-1.587.47-2.199.312-.614.74-1.086 1.28-1.414.545-.33 1.164-.496 1.856-.496.69 0 1.306.165 1.848.496.544.328.973.8 1.285 1.414.313.612.469 1.345.469 2.2zm-1.195 0c0-.652-.106-1.2-.317-1.645-.208-.448-.495-.787-.86-1.016a2.232 2.232 0 0 0-1.23-.347 2.24 2.24 0 0 0-1.234.347c-.362.23-.649.568-.86 1.016-.208.445-.312.993-.312 1.644 0 .651.104 1.2.313 1.649.21.445.497.784.859 1.015.362.23.773.344 1.234.344a2.25 2.25 0 0 0 1.23-.344c.365-.231.652-.57.86-1.015.211-.448.317-.998.317-1.649z" fill="currentColor"></path><path d="M39.151 13.61h1.11v-8h-1.196v5.874h-.074l-4.07-5.875h-1.117v8h1.207V7.742h.074l4.066 5.867z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.8 1.6A4 4 0 0 1 9 0h33a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H9a4 4 0 0 1-3.2-1.6L.4 11.2a2 2 0 0 1 0-2.4l5.4-7.2zM9 1.5h33A2.5 2.5 0 0 1 44.5 4v12a2.5 2.5 0 0 1-2.5 2.5H9a2.5 2.5 0 0 1-2-1l-5.4-7.2a.5.5 0 0 1 0-.6L7 2.5a2.5 2.5 0 0 1 2-1z" fill="currentColor"></path></svg></svg></span></div></div></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-component"><div class="gravity-ui-landing-component__header"><h1 class="gravity-ui-landing-component__title">User</h1><div class="gravity-ui-landing-component__buttons"><div class="gravity-ui-landing-header-maintainer-list"><span class="gravity-ui-landing-header-maintainer-list__title">Maintainer:</span><a title="@DakEnviy" class="g-link g-link_view_normal gravity-ui-landing-header-maintainer-list__maintainer" href="https://github.com/DakEnviy" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-header-maintainer-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/6522772?v=4"/></div><div class="gravity-ui-landing-header-maintainer-list__name">DakEnviy</div></a></div><a class="g-button g-button_view_outlined g-button_size_l g-button_pin_round-round gravity-ui-landing-component__button" href="https://github.com/gravity-ui/uikit/tree/main/src/components/User" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div><div class="gravity-ui-landing-component__content"></div><div class="gravity-ui-landing-component__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/components/uikit/tooltip"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Tooltip</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/components/uikit/user-label"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">UserLabel</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","componentId":"user","readmeContent":"\u003c!--GITHUB_BLOCK--\u003e\n\n# User\n\n\u003c!--/GITHUB_BLOCK--\u003e\n\n```tsx\nimport {User} from '@gravity-ui/uikit';\n```\n\nGeneral component for displaying a user avatar with a info block. It uses [Avatar](../Avatar/README.md) component to render the avatar. Also, it accepts custom react node as an avatar.\n\n## Name and description\n\n`User` component has properties `name` and `description` to display a info block.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cUser avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"l\" /\u003e\n`}\n\u003e\n    \u003cUIKit.User avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"l\" /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n## Size\n\nTo control the size of the `User` use the `size` property. The default size is `m`. Possible values: `xs`, `s`, `m`, `l`, `xl`.\n\nThis propeperty passes to the internal `Avatar` component too.\n\n\u003c!--LANDING_BLOCK\n\n\u003cExampleBlock\n    code={`\n\u003cUser avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"xs\" /\u003e\n\u003cUser avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"s\" /\u003e\n\u003cUser avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"m\" /\u003e\n\u003cUser avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"l\" /\u003e\n\u003cUser avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"xl\" /\u003e\n`}\n\u003e\n    \u003cUIKit.User avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"xs\" /\u003e\n    \u003cUIKit.User avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"s\" /\u003e\n    \u003cUIKit.User avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"m\" /\u003e\n    \u003cUIKit.User avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"l\" /\u003e\n    \u003cUIKit.User avatar={{text: 'Charles Darwin', theme: 'brand'}} name=\"Charles Darwin\" description=\"charles@mail.ai\" size=\"xl\" /\u003e\n\u003c/ExampleBlock\u003e\n\nLANDING_BLOCK--\u003e\n\n## Properties\n\n| Name            | Description                             |                                Type                                | Default |\n| :-------------- | :-------------------------------------- | :----------------------------------------------------------------: | :-----: |\n| avatar          | User avatar                             | [AvatarProps](../Avatar/README.md#properties) `React.ReactElement` |         |\n| name            | User name                               |                         `React.ReactNode`                          |         |\n| description     | User description                        |                         `React.ReactNode`                          |         |\n| size            | User block size                         |                  `'xs'` `'s'` `'m'` `'l'` `'xl'`                   |   `m`   |\n| aria-label      | `aria-label` for user block             |                              `string`                              |         |\n| aria-labelledby | `aria-labelledby` for user block        |                              `string`                              |         |\n| className       | Custom CSS class for root element       |                              `string`                              |         |\n| style           | HTML style attribute                    |                       `React.CSSProperties`                        |         |\n| qa              | HTML `data-qa` attribute, used in tests |                              `string`                              |         |\n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"component":{"actions_openInFigma":"Open in Figma","title":"Components","searchPlaceholder":"Search by component name","color-input_validation-format-error":"Incorrect format","maintainers_one":"Maintainer:","maintainers_other":"Maintainers:","theme":"Switch theme","rtlOn":"Switch RTL on","rtlOff":"Switch RTL off","rtlNotSupported":"RTL not supported"}}},"initialLocale":"en","ns":["common","component"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/components/[libId]/[componentId]","query":{"libId":"uikit","componentId":"user"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design.html b/design.html
index cbe21ab0d1f..399fbf76aec 100644
--- a/design.html
+++ b/design.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/d67b507bd1e4e312.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d67b507bd1e4e312.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design-59ab5a76d9b63b0d.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"}}},"initialLocale":"en","ns":["common"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design","query":{},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/d67b507bd1e4e312.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d67b507bd1e4e312.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design-59ab5a76d9b63b0d.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"}}},"initialLocale":"en","ns":["common"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design","query":{},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/branding.html b/design/branding.html
index 81c142c1e6c..904e76fe5f4 100644
--- a/design/branding.html
+++ b/design/branding.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/d67b507bd1e4e312.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d67b507bd1e4e312.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D-bd97ffa575532ea8.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"branding","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"}}},"initialLocale":"en","ns":["common"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]","query":{"sectionId":"branding"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/d67b507bd1e4e312.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d67b507bd1e4e312.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D-bd97ffa575532ea8.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"branding","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"}}},"initialLocale":"en","ns":["common"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]","query":{"sectionId":"branding"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/branding/basics.html b/design/branding/basics.html
index f5aa257ed81..7973c9a9fca 100644
--- a/design/branding/basics.html
+++ b/design/branding/basics.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">General</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Basics</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Basics</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/branding/resources"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Resources</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/branding/color"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Color</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"branding","articleId":"basics","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"branding","articleId":"basics"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">General</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Basics</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Basics</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/branding/resources"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Resources</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/branding/color"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Color</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"branding","articleId":"basics","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"branding","articleId":"basics"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/branding/branding.html b/design/branding/branding.html
index 65eb2468500..4bdf22f3ecf 100644
--- a/design/branding/branding.html
+++ b/design/branding/branding.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">General</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Branding</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Branding</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/branding/corner-radius"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Corner Radius</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/branding/grid-and-container"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Grid and container</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"branding","articleId":"branding","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"branding","articleId":"branding"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">General</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Branding</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Branding</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/branding/corner-radius"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Corner Radius</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/branding/grid-and-container"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Grid and container</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"branding","articleId":"branding","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"branding","articleId":"branding"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/branding/color.html b/design/branding/color.html
index 4f319777add..903fbb8ab39 100644
--- a/design/branding/color.html
+++ b/design/branding/color.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">General</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Color</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Color</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/branding/basics"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Basics</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/branding/typography"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Typography</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"branding","articleId":"color","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"branding","articleId":"color"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">General</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Color</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Color</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/branding/basics"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Basics</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/branding/typography"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Typography</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"branding","articleId":"color","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"branding","articleId":"color"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/branding/corner-radius.html b/design/branding/corner-radius.html
index 023c9bc724a..e0b360f0709 100644
--- a/design/branding/corner-radius.html
+++ b/design/branding/corner-radius.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">General</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Corner Radius</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Corner Radius</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/branding/typography"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Typography</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/branding/branding"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Branding</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"branding","articleId":"corner-radius","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"branding","articleId":"corner-radius"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">General</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Corner Radius</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Corner Radius</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/branding/typography"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Typography</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/branding/branding"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Branding</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"branding","articleId":"corner-radius","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"branding","articleId":"corner-radius"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/branding/grid-and-container.html b/design/branding/grid-and-container.html
index 2f547932f50..7bfa3b8f198 100644
--- a/design/branding/grid-and-container.html
+++ b/design/branding/grid-and-container.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">General</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Grid and container</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Grid and container</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/branding/branding"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Branding</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/branding/module"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Module and spacing system</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"branding","articleId":"grid-and-container","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"branding","articleId":"grid-and-container"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">General</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Grid and container</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Grid and container</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/branding/branding"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Branding</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/branding/module"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Module and spacing system</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"branding","articleId":"grid-and-container","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"branding","articleId":"grid-and-container"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/branding/module.html b/design/branding/module.html
index bca5ccf9e92..28bb502e17f 100644
--- a/design/branding/module.html
+++ b/design/branding/module.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">General</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Module and spacing system</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Module and spacing system</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/branding/grid-and-container"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Grid and container</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"branding","articleId":"module","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"branding","articleId":"module"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">General</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Module and spacing system</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Module and spacing system</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/branding/grid-and-container"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Grid and container</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"branding","articleId":"module","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"branding","articleId":"module"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/branding/resources.html b/design/branding/resources.html
index 3fa370b8189..b3b564fb6c0 100644
--- a/design/branding/resources.html
+++ b/design/branding/resources.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">General</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Resources</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Resources</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/branding/basics"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Basics</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"branding","articleId":"resources","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"branding","articleId":"resources"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">General</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Resources</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Resources</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/branding/basics"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Basics</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"branding","articleId":"resources","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"branding","articleId":"resources"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/branding/typography.html b/design/branding/typography.html
index 10c6679d2bf..5dfd21d7695 100644
--- a/design/branding/typography.html
+++ b/design/branding/typography.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">General</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Typography</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Typography</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/branding/color"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Color</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/branding/corner-radius"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Corner Radius</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"branding","articleId":"typography","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"branding","articleId":"typography"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">General</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Typography</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Typography</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/branding/color"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Color</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/branding/corner-radius"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Corner Radius</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"branding","articleId":"typography","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"branding","articleId":"typography"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides.html b/design/guides.html
index b9204197722..a6daf63bd72 100644
--- a/design/guides.html
+++ b/design/guides.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/d67b507bd1e4e312.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d67b507bd1e4e312.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D-bd97ffa575532ea8.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"}}},"initialLocale":"en","ns":["common"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]","query":{"sectionId":"guides"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/d67b507bd1e4e312.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d67b507bd1e4e312.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D-bd97ffa575532ea8.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"}}},"initialLocale":"en","ns":["common"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]","query":{"sectionId":"guides"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/action-tooltip.html b/design/guides/action-tooltip.html
index a9c34a69bfd..6d3020fac16 100644
--- a/design/guides/action-tooltip.html
+++ b/design/guides/action-tooltip.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Action Tooltip</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Action Tooltip</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/alert"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Alert</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"action-tooltip","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"action-tooltip"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Action Tooltip</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Action Tooltip</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/alert"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Alert</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"action-tooltip","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"action-tooltip"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/alert.html b/design/guides/alert.html
index 38e8fbb754d..93edee77094 100644
--- a/design/guides/alert.html
+++ b/design/guides/alert.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Alert</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Alert</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/action-tooltip"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Action Tooltip</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/breadcrumbs"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Breadcrumbs</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"alert","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"alert"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Alert</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Alert</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/action-tooltip"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Action Tooltip</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/breadcrumbs"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Breadcrumbs</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"alert","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"alert"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/breadcrumbs.html b/design/guides/breadcrumbs.html
index 88e8bd18e71..7f62bd13a65 100644
--- a/design/guides/breadcrumbs.html
+++ b/design/guides/breadcrumbs.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Breadcrumbs</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Breadcrumbs</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/alert"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Alert</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/button"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Button</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"breadcrumbs","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"breadcrumbs"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Breadcrumbs</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Breadcrumbs</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/alert"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Alert</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/button"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Button</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"breadcrumbs","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"breadcrumbs"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/button.html b/design/guides/button.html
index 417df18a534..f4e9fd3c21e 100644
--- a/design/guides/button.html
+++ b/design/guides/button.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Button</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Button</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/breadcrumbs"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Breadcrumbs</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/card"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Card</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"button","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"button"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Button</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Button</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/breadcrumbs"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Breadcrumbs</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/card"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Card</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"button","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"button"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/card.html b/design/guides/card.html
index 8d62ed0de57..1a09c0cd5d3 100644
--- a/design/guides/card.html
+++ b/design/guides/card.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Card</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Card</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/button"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Button</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/changelog-dialog"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Changelog Dialog</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"card","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"card"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Card</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Card</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/button"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Button</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/changelog-dialog"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Changelog Dialog</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"card","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"card"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/changelog-dialog.html b/design/guides/changelog-dialog.html
index 2ddffd88143..7e1e215562b 100644
--- a/design/guides/changelog-dialog.html
+++ b/design/guides/changelog-dialog.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Changelog Dialog</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Changelog Dialog</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/card"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Card</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/checkbox"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Checkbox</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"changelog-dialog","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"changelog-dialog"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Changelog Dialog</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Changelog Dialog</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/card"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Card</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/checkbox"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Checkbox</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"changelog-dialog","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"changelog-dialog"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/checkbox.html b/design/guides/checkbox.html
index 2bc4b364559..12f49250184 100644
--- a/design/guides/checkbox.html
+++ b/design/guides/checkbox.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Checkbox</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Checkbox</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/changelog-dialog"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Changelog Dialog</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/clipboard-button"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Clipboard Button</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"checkbox","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"checkbox"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Checkbox</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Checkbox</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/changelog-dialog"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Changelog Dialog</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/clipboard-button"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Clipboard Button</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"checkbox","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"checkbox"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/clipboard-button.html b/design/guides/clipboard-button.html
index 82c7c3ce2f7..824fb5e50ec 100644
--- a/design/guides/clipboard-button.html
+++ b/design/guides/clipboard-button.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Clipboard Button</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Clipboard Button</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/checkbox"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Checkbox</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/dialog"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Dialog</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"clipboard-button","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"clipboard-button"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Clipboard Button</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Clipboard Button</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/checkbox"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Checkbox</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/dialog"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Dialog</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"clipboard-button","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"clipboard-button"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/dialog.html b/design/guides/dialog.html
index 16638d83730..2ce2fa1e644 100644
--- a/design/guides/dialog.html
+++ b/design/guides/dialog.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Dialog</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Dialog</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/clipboard-button"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Clipboard Button</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/dropdown-menu"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">DropdownMenu</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"dialog","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"dialog"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Dialog</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Dialog</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/clipboard-button"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Clipboard Button</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/dropdown-menu"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">DropdownMenu</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"dialog","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"dialog"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/dropdown-menu.html b/design/guides/dropdown-menu.html
index 4ae3b05a1c2..65cedde517f 100644
--- a/design/guides/dropdown-menu.html
+++ b/design/guides/dropdown-menu.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->DropdownMenu</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">DropdownMenu</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/dialog"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Dialog</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/hotkey"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Hotkey</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"dropdown-menu","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"dropdown-menu"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->DropdownMenu</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">DropdownMenu</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/dialog"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Dialog</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/hotkey"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Hotkey</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"dropdown-menu","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"dropdown-menu"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/hotkey.html b/design/guides/hotkey.html
index 78b33f241df..e1de0588231 100644
--- a/design/guides/hotkey.html
+++ b/design/guides/hotkey.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Hotkey</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Hotkey</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/dropdown-menu"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">DropdownMenu</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/label"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Label</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"hotkey","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"hotkey"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Hotkey</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Hotkey</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/dropdown-menu"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">DropdownMenu</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/label"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Label</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"hotkey","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"hotkey"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/label.html b/design/guides/label.html
index c390f204c5c..928f682186c 100644
--- a/design/guides/label.html
+++ b/design/guides/label.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Label</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Label</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/hotkey"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Hotkey</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/links"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Links</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"label","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"label"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Label</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Label</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/hotkey"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Hotkey</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/links"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Links</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"label","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"label"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/links.html b/design/guides/links.html
index f98bf077947..14408cf36ba 100644
--- a/design/guides/links.html
+++ b/design/guides/links.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Links</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Links</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/label"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Label</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/list-item"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">List and list-item</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"links","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"links"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Links</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Links</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/label"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Label</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/list-item"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">List and list-item</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"links","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"links"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/list-item.html b/design/guides/list-item.html
index 65cfd44fd55..9d613852400 100644
--- a/design/guides/list-item.html
+++ b/design/guides/list-item.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->List and list-item</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">List and list-item</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/links"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Links</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/loader"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Loader</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"list-item","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"list-item"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->List and list-item</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">List and list-item</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/links"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Links</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/loader"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Loader</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"list-item","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"list-item"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/loader.html b/design/guides/loader.html
index 72578596fd6..0b5ed79937c 100644
--- a/design/guides/loader.html
+++ b/design/guides/loader.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Loader</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Loader</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/list-item"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">List and list-item</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/paginator"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Paginator</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"loader","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"loader"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Loader</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Loader</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/list-item"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">List and list-item</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/paginator"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Paginator</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"loader","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"loader"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/paginator.html b/design/guides/paginator.html
index ee1baa9a6b9..a9c378fab5c 100644
--- a/design/guides/paginator.html
+++ b/design/guides/paginator.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Paginator</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Paginator</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/loader"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Loader</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/popover"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Popover</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"paginator","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"paginator"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Paginator</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Paginator</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/loader"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Loader</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/popover"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Popover</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"paginator","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"paginator"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/popover.html b/design/guides/popover.html
index 855872962cb..474d6a128a4 100644
--- a/design/guides/popover.html
+++ b/design/guides/popover.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Popover</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Popover</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/paginator"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Paginator</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/popup"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Popup</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"popover","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"popover"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Popover</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Popover</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/paginator"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Paginator</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/popup"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Popup</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"popover","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"popover"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/popup.html b/design/guides/popup.html
index 4401fb75755..711592c5595 100644
--- a/design/guides/popup.html
+++ b/design/guides/popup.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Popup</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Popup</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/popover"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Popover</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/progress"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Progress</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"popup","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"popup"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Popup</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Popup</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/popover"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Popover</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/progress"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Progress</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"popup","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"popup"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/progress.html b/design/guides/progress.html
index 938790d2ee8..bb48956fc60 100644
--- a/design/guides/progress.html
+++ b/design/guides/progress.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Progress</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Progress</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/popup"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Popup</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/radio"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Radio</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"progress","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"progress"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Progress</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Progress</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/popup"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Popup</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/radio"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Radio</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"progress","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"progress"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/radio-button.html b/design/guides/radio-button.html
index fbf784a5936..e335ecf2c3c 100644
--- a/design/guides/radio-button.html
+++ b/design/guides/radio-button.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Radio Button</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Radio Button</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/radio"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Radio</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/radio-group"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Radio Group</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"radio-button","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"radio-button"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Radio Button</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Radio Button</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/radio"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Radio</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/radio-group"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Radio Group</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"radio-button","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"radio-button"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/radio-group.html b/design/guides/radio-group.html
index 5722f069781..07056f006db 100644
--- a/design/guides/radio-group.html
+++ b/design/guides/radio-group.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Radio Group</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Radio Group</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/radio-button"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Radio Button</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/select"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Select</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"radio-group","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"radio-group"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Radio Group</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Radio Group</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/radio-button"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Radio Button</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/select"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Select</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"radio-group","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"radio-group"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/radio.html b/design/guides/radio.html
index d1bb480311a..9f846015374 100644
--- a/design/guides/radio.html
+++ b/design/guides/radio.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Radio</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Radio</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/progress"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Progress</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/radio-button"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Radio Button</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"radio","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"radio"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Radio</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Radio</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/progress"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Progress</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/radio-button"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Radio Button</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"radio","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"radio"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/select.html b/design/guides/select.html
index fc6ffb3e1e8..94b0b223636 100644
--- a/design/guides/select.html
+++ b/design/guides/select.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Select</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Select</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/radio-group"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Radio Group</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/skeleton"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Skeleton</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"select","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"select"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Select</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Select</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/radio-group"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Radio Group</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/skeleton"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Skeleton</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"select","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"select"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/skeleton.html b/design/guides/skeleton.html
index 3adf8a86780..5caedfe1414 100644
--- a/design/guides/skeleton.html
+++ b/design/guides/skeleton.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Skeleton</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Skeleton</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/select"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Select</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/spin"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Spin</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"skeleton","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"skeleton"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Skeleton</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Skeleton</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/select"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Select</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/spin"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Spin</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"skeleton","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"skeleton"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/spin.html b/design/guides/spin.html
index 3579bd0ec85..e3b38499ead 100644
--- a/design/guides/spin.html
+++ b/design/guides/spin.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Spin</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Spin</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/skeleton"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Skeleton</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/switch"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Switch</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"spin","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"spin"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Spin</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Spin</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/skeleton"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Skeleton</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/switch"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Switch</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"spin","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"spin"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/switch.html b/design/guides/switch.html
index c008a4b86d7..19c51dc2bbf 100644
--- a/design/guides/switch.html
+++ b/design/guides/switch.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Switch</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Switch</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/spin"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Spin</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/table"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Table</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"switch","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"switch"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Switch</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Switch</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/spin"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Spin</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/table"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Table</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"switch","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"switch"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/table.html b/design/guides/table.html
index cb4db371fe1..24dd833879e 100644
--- a/design/guides/table.html
+++ b/design/guides/table.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Table</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Table</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/switch"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Switch</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/tabs"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Tabs</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"table","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"table"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Table</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Table</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/switch"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Switch</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/tabs"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Tabs</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"table","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"table"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/tabs.html b/design/guides/tabs.html
index 3d9b982ccc1..be7f982a3b2 100644
--- a/design/guides/tabs.html
+++ b/design/guides/tabs.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Tabs</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Tabs</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/table"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Table</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/text-area"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Text Area</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"tabs","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"tabs"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Tabs</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Tabs</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/table"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Table</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/text-area"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Text Area</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"tabs","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"tabs"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/text-area.html b/design/guides/text-area.html
index 6c852bb2641..608af4c61cf 100644
--- a/design/guides/text-area.html
+++ b/design/guides/text-area.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Text Area</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Text Area</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/tabs"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Tabs</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/text-input"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Text Input</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"text-area","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"text-area"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Text Area</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Text Area</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/tabs"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Tabs</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/text-input"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Text Input</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"text-area","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"text-area"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/text-input.html b/design/guides/text-input.html
index 2ae6f923fa1..87d966f6fda 100644
--- a/design/guides/text-input.html
+++ b/design/guides/text-input.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Text Input</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Text Input</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/text-area"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Text Area</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/toaster"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Toaster</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"text-input","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"text-input"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Text Input</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Text Input</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/text-area"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Text Area</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/toaster"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Toaster</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"text-input","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"text-input"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/toaster.html b/design/guides/toaster.html
index 0566abd2a57..cdfc9b1d69c 100644
--- a/design/guides/toaster.html
+++ b/design/guides/toaster.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Toaster</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Toaster</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/text-input"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Text Input</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/tooltip"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Tooltip</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"toaster","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"toaster"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Toaster</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Toaster</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/text-input"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Text Input</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/tooltip"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Tooltip</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"toaster","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"toaster"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/tooltip.html b/design/guides/tooltip.html
index 19a1437d8fb..f25d4ba24f8 100644
--- a/design/guides/tooltip.html
+++ b/design/guides/tooltip.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Tooltip</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Tooltip</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/toaster"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Toaster</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/user"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">User</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"tooltip","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"tooltip"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->Tooltip</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">Tooltip</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/toaster"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Toaster</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/user"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">User</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"tooltip","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"tooltip"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/user-label.html b/design/guides/user-label.html
index 88e6e137df8..09ef6869bf4 100644
--- a/design/guides/user-label.html
+++ b/design/guides/user-label.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->User Label</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">User Label</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/user"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">User</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"user-label","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"user-label"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->User Label</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">User Label</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/user"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">User</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"user-label","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"user-label"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/design/guides/user.html b/design/guides/user.html
index 618990dd1ed..ea33cee6b3f 100644
--- a/design/guides/user.html
+++ b/design/guides/user.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->User</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">User</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/tooltip"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Tooltip</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/user-label"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">User Label</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"user","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"user"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/334332efb6324f58.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/334332efb6324f58.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7532-a43dbd4e5b0b2663.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/design/%5BsectionId%5D/%5BarticleId%5D-37a5176e01af592e.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-navigation-layout"><div class="pc-Grid gravity-ui-landing-navigation-layout__layout-grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-3"><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-control"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-label"><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-section">Components</span><span class="gravity-ui-landing-navigation-layout__mobile-navigation-control-sub-section"> <!-- -->• <!-- -->User</span></div><div class="gravity-ui-landing-navigation-layout__mobile-navigation-control-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout__navigation"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header"><div class="gravity-ui-landing-navigation-layout__mobile-navigation-header-title">Design</div><div tabindex="0" role="button" class="gravity-ui-landing-navigation-layout__mobile-navigation-header-close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L8 6.93934L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967C12.8232 3.76256 12.8232 4.23744 12.5303 4.53033L9.06066 8L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303C12.2374 12.8232 11.7626 12.8232 11.4697 12.5303L8 9.06066L4.53033 12.5303C4.23744 12.8232 3.76256 12.8232 3.46967 12.5303C3.17678 12.2374 3.17678 11.7626 3.46967 11.4697L6.93934 8L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967Z" fill="currentColor"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-navigation"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by articles" value=""/></span></span><div class="gravity-ui-landing-navigation-layout-navigation__items"><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">General</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/resources"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Resources</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/basics"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Basics</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/color"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Color</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/typography"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Typography</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/corner-radius"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Corner Radius</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/branding"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Branding</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/grid-and-container"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Grid and container</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/branding/module"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Module and spacing system</span></a></div></div><div class="gravity-ui-landing-navigation-layout-section-block"><div class="gravity-ui-landing-navigation-layout-section-block__header"><div class="gravity-ui-landing-navigation-layout-section-block__title">Components</div><div class="gravity-ui-landing-navigation-layout-section-block__library-version"></div><div class="gravity-ui-landing-navigation-layout-section-block__arrow gravity-ui-landing-navigation-layout-section-block__arrow_open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-navigation-layout-section-block__sub-sections gravity-ui-landing-navigation-layout-section-block__sub-sections_open"><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/action-tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Action Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/alert"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Alert</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/breadcrumbs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Breadcrumbs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/card"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Card</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/changelog-dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Changelog Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/checkbox"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Checkbox</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/clipboard-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Clipboard Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dialog"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Dialog</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/dropdown-menu"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">DropdownMenu</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/hotkey"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Hotkey</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Label</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/links"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Links</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/list-item"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">List and list-item</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/loader"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Loader</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/paginator"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Paginator</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popover"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popover</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/popup"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Popup</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/progress"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Progress</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-button"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Button</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/radio-group"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Radio Group</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/select"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Select</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/skeleton"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Skeleton</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/spin"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Spin</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/switch"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Switch</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/table"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Table</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tabs"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tabs</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-area"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Area</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/text-input"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Text Input</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/toaster"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Toaster</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/tooltip"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">Tooltip</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section gravity-ui-landing-navigation-layout-section-block__sub-section_active" href="/design/guides/user"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User</span></a><a class="gravity-ui-landing-navigation-layout-section-block__sub-section" href="/design/guides/user-label"><span class="gravity-ui-landing-navigation-layout-section-block__sub-section-text">User Label</span></a></div></div></div></div></div></div><div class="col  col-12 col-lg-9"><div class="gravity-ui-landing-navigation-layout__content"><div class="gravity-ui-landing-design-article"><h1 class="gravity-ui-landing-design-article__title">User</h1><div class="gravity-ui-landing-design-article__navigation"><div class="gravity-ui-landing-article-navigation"><a class="gravity-ui-landing-article-navigation__button" href="/design/guides/tooltip"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Previous</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">Tooltip</span></div></a><a class="gravity-ui-landing-article-navigation__button gravity-ui-landing-article-navigation__button_reverse" href="/design/guides/user-label"><div class="gravity-ui-landing-article-navigation__button-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></div><div style="flex-direction:column;column-gap:4px;row-gap:4px" class="g-box g-flex gravity-ui-landing-article-navigation__content"><span class="g-text g-text_variant_body-short g-color-text g-color-text_color_light-complementary">Next</span><span class="g-text g-text_variant_body-2 g-text_ellipsis g-color-text g-color-text_color_primary gravity-ui-landing-article-navigation__content-title">User Label</span></div></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"sectionId":"guides","articleId":"user","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"design-article":{"title":"Design","searchPlaceholder":"Search by articles"}}},"initialLocale":"en","ns":["common","design-article"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/design/[sectionId]/[articleId]","query":{"sectionId":"guides","articleId":"user"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/icons.html b/icons.html
index ee9d6a0ca16..4c8c3d6f4bb 100644
--- a/icons.html
+++ b/icons.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/691d7a23370ad563.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/691d7a23370ad563.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/534-b8eabdbfd9dc7895.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/icons-2c056648930b98c9.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="pc-Grid gravity-ui-landing-icons"><div class="container-fluid "><div class="row"><div class="col col-12 gravity-ui-landing-icons__heading"><h1 class="gravity-ui-landing-icons__title">Icons</h1><div class="gravity-ui-landing-icons__actions"><a class="g-button g-button_view_outlined-contrast g-button_size_xl g-button_pin_round-round gravity-ui-landing-icons__library-button" href="/libraries/icons" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_end"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10 1.5A.75.75 0 0 0 10 3h1.94L6.97 7.97a.75.75 0 0 0 1.06 1.06L13 4.06V6a.75.75 0 0 0 1.5 0V2.25a.75.75 0 0 0-.75-.75H10ZM7.5 3.25a.75.75 0 0 0-.75-.75H4.5a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V9.25a.75.75 0 0 0-1.5 0v2.25a1.5 1.5 0 0 1-1.5 1.5h-6A1.5 1.5 0 0 1 3 11.5v-6A1.5 1.5 0 0 1 4.5 4h2.25a.75.75 0 0 0 .75-.75Z" clip-rule="evenodd"></path></svg></svg></span></span><span class="g-button__text">Go to library</span></a></div></div></div><div class="row gravity-ui-landing-icons__search"><div class="col col-12"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round g-text-input_has-start-content gravity-ui-landing-icons__search-input"><span class="g-text-input__content"><div class="g-text-input__additional-content g-text-input__additional-content_placement_start"><div class="gravity-ui-landing-icons__search-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 7a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm-.82 4.74a6 6 0 1 1 1.06-1.06l2.79 2.79a.75.75 0 1 1-1.06 1.06l-2.79-2.79Z" clip-rule="evenodd"></path></svg></svg></div></div><input class="g-text-input__control g-text-input__control_type_input" placeholder="Filter by icon name" value=""/></span></span></div></div><div class="row"><div class="col col-12"><div class="gravity-ui-landing-icon-collection"><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.02 11.419 4.691 10H2.808l-.327 1.419a.75.75 0 1 1-1.462-.338L2.407 5.07a1.379 1.379 0 0 1 2.686 0l1.388 6.012a.75.75 0 1 1-1.462.338Zm-1.27-5.5L4.346 8.5H3.154l.596-2.581ZM14.5 4.75a.75.75 0 1 0-1.5 0v6.5a.75.75 0 0 0 1.5 0v-6.5ZM8.25 4a.75.75 0 0 0-.75.75v6.5a.75.75 0 0 0 1.5 0V9.5h.5a2.75 2.75 0 0 0 0-5.5H8.25ZM9.5 8H9V5.5h.5a1.25 1.25 0 0 1 0 2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 11.25V6.672l1.436 3.39a1.129 1.129 0 0 0 2.076.008l1.513-3.492v4.672a.75.75 0 0 0 1.5 0V5.218a1.218 1.218 0 0 0-2.335-.484L4.98 8.679 3.307 4.732A1.201 1.201 0 0 0 1 5.202v6.048a.75.75 0 1 0 1.5 0Zm9.5-6.5a.75.75 0 0 0-1.5 0v6.5c0 .414.336.75.75.75h3.5a.75.75 0 0 0 0-1.5H12V4.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.75 4a.75.75 0 0 1 .75.75v5.75h2.75a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1-.75-.75v-6.5a.75.75 0 0 1 .75-.75Zm-3.21 6.997c.611-.666.96-1.665.96-2.997 0-2.667-1.4-4-3.5-4S1.5 5.333 1.5 8s1.4 4 3.5 4c.448 0 .864-.06 1.24-.182l1.456 1.461a.75.75 0 1 0 1.063-1.058L7.54 10.997ZM7 8c0 1.083-.282 1.675-.567 1.985-.27.294-.708.515-1.433.515-.725 0-1.163-.22-1.433-.515C3.282 9.675 3 9.083 3 8c0-1.082.282-1.675.567-1.985.27-.294.708-.515 1.433-.515.725 0 1.163.22 1.433.515C6.718 6.325 7 6.918 7 8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M13.5 4.75a.75.75 0 0 0-1.5 0v6.5c0 .414.336.75.75.75h2.5a.75.75 0 0 0 0-1.5H13.5V4.75ZM11 8c0 1.32-.257 2.314-.709 2.98l.99.99a.75.75 0 1 1-1.061 1.06l-1.132-1.132a2.43 2.43 0 0 1-.713.102C6.8 12 5.75 10.667 5.75 8S6.8 4 8.375 4 11 5.333 11 8Zm-1.957 2.15c.222-.322.457-.98.457-2.149 0-1.168-.235-1.826-.457-2.149-.175-.254-.366-.35-.668-.35-.302 0-.493.096-.668.35-.222.323-.457.981-.457 2.15 0 1.167.235 1.826.457 2.148.175.254.366.351.668.351.302 0 .493-.097.668-.351ZM2.562 4.002c-.689 0-1.285.249-1.702.713C.453 5.17.277 5.76.277 6.352c0 .732.326 1.28.759 1.658.41.358.908.561 1.305.684.398.122.684.217.89.372.147.113.27.266.27.625 0 .29-.109.469-.253.589a1.08 1.08 0 0 1-.686.222c-.202 0-.438-.093-.658-.293a1.391 1.391 0 0 1-.423-.684.75.75 0 1 0-1.462.333c.127.557.453 1.079.878 1.463.426.386 1.006.681 1.665.681.578 0 1.177-.18 1.647-.57.485-.405.791-1.006.791-1.74 0-.843-.352-1.433-.864-1.82-.434-.33-.962-.492-1.306-.597l-.047-.015c-.31-.095-.579-.221-.76-.38a.65.65 0 0 1-.246-.528c0-.304.09-.512.2-.635.099-.11.27-.215.585-.215.322 0 .498.099.612.206.13.123.233.313.3.56a.75.75 0 1 0 1.449-.386c-.113-.42-.325-.892-.719-1.263-.409-.387-.961-.617-1.642-.617Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1 4.75A.75.75 0 0 1 1.75 4h3.113a1.137 1.137 0 0 1 .96 1.748L2.797 10.5H5.25a.75.75 0 0 1 0 1.5H2.137a1.137 1.137 0 0 1-.96-1.748L4.203 5.5H1.75A.75.75 0 0 1 1 4.75ZM7.75 4a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-1.5 0v-6.5A.75.75 0 0 1 7.75 4Zm3 0a.75.75 0 0 0-.75.75v6.5a.75.75 0 0 0 1.5 0V9.5h.5A2.75 2.75 0 1 0 12 4h-1.25ZM12 8h-.5V5.5h.5A1.25 1.25 0 1 1 12 8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.56 4.403c.27.314.223.784-.015 1.123A2.986 2.986 0 0 0 5 7.25c0 .642.202 1.237.545 1.724.238.339.284.809.015 1.123-.27.315-.75.354-1.015.036A4.482 4.482 0 0 1 3.5 7.25c0-1.097.393-2.102 1.045-2.883.266-.318.745-.279 1.015.036Zm4.88 0c-.27.314-.223.784.015 1.123.344.487.545 1.082.545 1.724 0 .642-.201 1.237-.545 1.724-.238.339-.284.809-.015 1.123.27.315.75.354 1.015.036A4.482 4.482 0 0 0 12.5 7.25a4.482 4.482 0 0 0-1.045-2.883c-.265-.318-.745-.279-1.015.036Zm1.953-2.278c-.27.315-.23.785.05 1.092A5.978 5.978 0 0 1 14 7.25c0 1.553-.59 2.968-1.558 4.033-.278.307-.319.777-.05 1.092.27.314.747.353 1.033.053A7.474 7.474 0 0 0 15.5 7.25c0-2.008-.79-3.832-2.075-5.178-.286-.3-.763-.261-1.032.053Zm-8.786 0c-.27-.314-.746-.353-1.032-.053A7.475 7.475 0 0 0 .5 7.25c0 2.008.79 3.832 2.075 5.178.286.3.763.261 1.032-.053.27-.315.23-.785-.05-1.092A5.978 5.978 0 0 1 2 7.25c0-1.553.59-2.968 1.558-4.033.278-.307.319-.777.05-1.092ZM8.75 8.55a1.5 1.5 0 1 0-1.5 0v5.701a.75.75 0 0 0 1.5 0v-5.7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.48 5.48 0 0 1-.48 2.251 6.965 6.965 0 0 0-.897-2.61c-.64-1.109-1.517-1.984-2.467-2.508l-.013-.008a5.037 5.037 0 0 0-.19-.098c-.634-.314-1.33-.484-2.006-.428.464-.575.995-1.002 1.514-1.259.733-.362 1.356-.353 1.789-.103v-.001A5.498 5.498 0 0 1 13.5 8ZM7.438 2.528A5.5 5.5 0 0 0 2.5 8c0 .5.304 1.044.984 1.497.482.322 1.117.568 1.847.682-.386-.558-.587-1.245-.633-1.951a5.047 5.047 0 0 1-.009-.213v-.012c-.022-1.086.298-2.284.938-3.394a6.966 6.966 0 0 1 1.811-2.08ZM6.189 8.002c.002.043.003.087.006.13.053.815.372 1.35.805 1.6.433.25 1.056.259 1.789-.104l.117-.06.11-.07C9.696 9.043 10 8.5 10 8s-.304-1.044-.984-1.497a3.492 3.492 0 0 0-.11-.071 3.511 3.511 0 0 0-.117-.06C8.056 6.009 7.433 6.018 7 6.268c-.433.25-.752.785-.805 1.6a3.51 3.51 0 0 0-.006.134Zm3.468 2.865.011-.007a4.22 4.22 0 0 0 .18-.115c.59-.392 1.084-.91 1.374-1.523.266.69.37 1.362.333 1.94-.053.816-.372 1.351-.805 1.601A5.474 5.474 0 0 1 8 13.5a5.493 5.493 0 0 1-4.458-2.278c.8.34 1.73.528 2.708.528 1.28 0 2.477-.322 3.407-.883ZM1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 8h11v3a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 11V8Zm10.697-1.5-1.851-2.777a.5.5 0 0 0-.416-.223H5.07a.5.5 0 0 0-.416.223L2.803 6.5h10.394ZM15 7.408V11a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V7.408a3 3 0 0 1 .504-1.664l1.902-2.853A2 2 0 0 1 5.07 2h5.86a2 2 0 0 1 1.664.89l1.902 2.854A3 3 0 0 1 15 7.408ZM9.25 11a.75.75 0 0 0 0-1.5h-2.5a.75.75 0 0 0 0 1.5h2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.75 2a.75.75 0 0 0-1.5 0v5.69L4.53 4.97a.75.75 0 0 0-1.06 1.06l4 4a.75.75 0 0 0 1.06 0l4-4a.75.75 0 0 0-1.06-1.06L8.75 7.69V2ZM4.53 9.47a.75.75 0 0 0-1.06 1.06l4 4a.75.75 0 0 0 1.06 0l4-4a.75.75 0 1 0-1.06-1.06L8 12.94 4.53 9.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14 8.75a.75.75 0 0 0 0-1.5H8.31l2.72-2.72a.75.75 0 1 0-1.06-1.06l-4 4a.75.75 0 0 0 0 1.06l4 4a.75.75 0 1 0 1.06-1.06L8.31 8.75H14ZM6.53 4.53a.75.75 0 0 0-1.06-1.06l-4 4a.75.75 0 0 0 0 1.06l4 4a.75.75 0 0 0 1.06-1.06L3.06 8l3.47-3.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2 7.25a.75.75 0 0 0 0 1.5h5.69l-2.72 2.72a.75.75 0 1 0 1.06 1.06l4-4a.75.75 0 0 0 0-1.06l-4-4a.75.75 0 0 0-1.06 1.06l2.72 2.72H2Zm7.47 4.22a.75.75 0 1 0 1.06 1.06l4-4a.75.75 0 0 0 0-1.06l-4-4a.75.75 0 1 0-1.06 1.06L12.94 8l-3.47 3.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.25 14a.75.75 0 0 0 1.5 0V8.31l2.72 2.72a.75.75 0 1 0 1.06-1.06l-4-4a.75.75 0 0 0-1.06 0l-4 4a.75.75 0 1 0 1.06 1.06l2.72-2.72V14Zm4.22-7.47a.75.75 0 1 0 1.06-1.06l-4-4a.75.75 0 0 0-1.06 0l-4 4a.75.75 0 0 0 1.06 1.06L8 3.06l3.47 3.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 1.25a.75.75 0 0 1 .75.75v10.19l2.72-2.72a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 1 1 1.06-1.06l2.72 2.72V2A.75.75 0 0 1 8 1.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.53 14.78a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 1 1 1.06-1.06l1.22 1.22V4.75a.75.75 0 0 1 1.5 0v7.69l1.22-1.22a.75.75 0 1 1 1.06 1.06l-2.5 2.5ZM14.25 2.5a.75.75 0 0 0 0-1.5H1.75a.75.75 0 0 0 0 1.5h12.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.53 11.78a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.22 1.22V1.75a.75.75 0 1 1 1.5 0v7.69l1.22-1.22a.75.75 0 1 1 1.06 1.06l-2.5 2.5ZM1.75 13.5a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5H1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.53 11.78a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.22 1.22V1.75a.75.75 0 0 1 1.5 0v7.69l1.22-1.22a.75.75 0 1 1 1.06 1.06l-2.5 2.5ZM4.25 4a.75.75 0 1 1 0 1.5H4A1.5 1.5 0 0 0 2.5 7v5A1.5 1.5 0 0 0 4 13.5h8a1.5 1.5 0 0 0 1.5-1.5V7A1.5 1.5 0 0 0 12 5.5h-.25a.75.75 0 0 1 0-1.5H12a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.22 8.53a.75.75 0 0 1 0-1.06l2.5-2.5a.75.75 0 0 1 1.06 1.06L3.56 7.25h7.69a.75.75 0 0 1 0 1.5H3.56l1.22 1.22a.75.75 0 1 1-1.06 1.06l-2.5-2.5Zm12.28 5.72a.75.75 0 0 0 1.5 0V1.75a.75.75 0 0 0-1.5 0v12.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.22 8.53a.75.75 0 0 1 0-1.06l2.5-2.5a.75.75 0 0 1 1.06 1.06L6.56 7.25h7.69a.75.75 0 0 1 0 1.5H6.56l1.22 1.22a.75.75 0 1 1-1.06 1.06l-2.5-2.5ZM2.5 1.75a.75.75 0 0 0-1.5 0v12.5a.75.75 0 0 0 1.5 0V1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.78 3.72a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06L11.44 5H2.75a.75.75 0 1 1 0-1.5h8.69L9.72 1.78A.75.75 0 0 1 10.78.72l3 3ZM2 11.75a.75.75 0 0 1 .22-.53l3-3a.75.75 0 1 1 1.06 1.06L4.56 11h8.69a.75.75 0 0 1 0 1.5H4.56l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1-.22-.53Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.78 7.47a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 1 1-1.06-1.06l1.22-1.22H4.75a.75.75 0 0 1 0-1.5h7.69l-1.22-1.22a.75.75 0 0 1 1.06-1.06l2.5 2.5ZM2.5 1.75a.75.75 0 0 0-1.5 0v12.5a.75.75 0 0 0 1.5 0V1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.78 7.47a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 1 1-1.06-1.06l1.22-1.22H4.75a.75.75 0 0 1 0-1.5h7.69l-1.22-1.22a.75.75 0 0 1 1.06-1.06l2.5 2.5ZM9.5 4.25a.75.75 0 0 1-1.5 0V4a1.5 1.5 0 0 0-1.5-1.5H4A1.5 1.5 0 0 0 2.5 4v8A1.5 1.5 0 0 0 4 13.5h2.5A1.5 1.5 0 0 0 8 12v-.25a.75.75 0 0 1 1.5 0V12a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.5a3 3 0 0 1 3 3v.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.78 7.47a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 1 1-1.06-1.06l1.22-1.22H1.75a.75.75 0 0 1 0-1.5h7.69L8.22 6.03a.75.75 0 0 1 1.06-1.06l2.5 2.5Zm1.72 6.78a.75.75 0 0 0 1.5 0V1.75a.75.75 0 0 0-1.5 0v12.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.78 7.47a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 1 1-1.06-1.06l1.22-1.22H1.75a.75.75 0 0 1 0-1.5h7.69L8.22 6.03a.75.75 0 0 1 1.06-1.06l2.5 2.5ZM4 11.75a.75.75 0 0 1 1.5 0V12A1.5 1.5 0 0 0 7 13.5h5a1.5 1.5 0 0 0 1.5-1.5V4A1.5 1.5 0 0 0 12 2.5H7A1.5 1.5 0 0 0 5.5 4v.25a.75.75 0 0 1-1.5 0V4a3 3 0 0 1 3-3h5a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 1 1-6.445 7.348.75.75 0 1 1 1.487-.194A5.001 5.001 0 1 0 4.43 4.5h1.32a.75.75 0 0 1 0 1.5h-3A.75.75 0 0 1 2 5.25v-3a.75.75 0 0 1 1.5 0v1.06A6.48 6.48 0 0 1 8 1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 1 0 6.445 7.348.75.75 0 1 0-1.487-.194A5.001 5.001 0 1 1 11.57 4.5h-1.32a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-1.5 0v1.06A6.48 6.48 0 0 0 8 1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M11.39 2.503a6.473 6.473 0 0 0-3.383-.984 6.48 6.48 0 0 0-4.515 1.77l.005-.559a.75.75 0 1 0-1.5-.013l-.022 2.5a.75.75 0 0 0 .743.756l2.497.022a.75.75 0 1 0 .013-1.5l-.817-.007a4.983 4.983 0 0 1 3.583-1.469 4.973 4.973 0 0 1 2.602.756.75.75 0 0 0 .795-1.272Zm-9.097 8.716a6.473 6.473 0 0 1-.84-3.422.75.75 0 1 1 1.5.053 4.955 4.955 0 0 0 .646 2.63 4.983 4.983 0 0 0 3.064 2.37l-.403-.712a.75.75 0 0 1 1.306-.738l1.229 2.173a.75.75 0 0 1-.283 1.022l-2.176 1.23a.75.75 0 1 1-.739-1.305l.487-.275a6.48 6.48 0 0 1-3.79-3.026Zm11.258.099a6.473 6.473 0 0 1-2.544 2.438.75.75 0 0 1-.704-1.325 4.974 4.974 0 0 0 1.955-1.875 4.983 4.983 0 0 0 .52-3.838l-.415.705a.75.75 0 1 1-1.292-.762l1.267-2.15a.75.75 0 0 1 1.027-.266l2.154 1.268a.75.75 0 1 1-.761 1.293l-.483-.284a6.48 6.48 0 0 1-.724 4.796Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M8.007 1.52a6.466 6.466 0 0 1 3.384.983.75.75 0 1 1-.795 1.272 4.973 4.973 0 0 0-2.602-.756 4.983 4.983 0 0 0-3.583 1.469l.817.007a.75.75 0 1 1-.013 1.5l-2.497-.022a.75.75 0 0 1-.743-.756l.022-2.5a.75.75 0 1 1 1.5.013l-.005.56a6.48 6.48 0 0 1 4.515-1.77ZM1.453 7.796a6.473 6.473 0 0 0 .84 3.422 6.48 6.48 0 0 0 3.791 3.026l-.487.275a.75.75 0 0 0 .739 1.306l2.176-1.231a.75.75 0 0 0 .283-1.022L7.565 11.4a.75.75 0 0 0-1.305.738l.403.712a4.983 4.983 0 0 1-3.064-2.37 4.973 4.973 0 0 1-.647-2.63.75.75 0 1 0-1.499-.053Zm9.554 5.959a6.473 6.473 0 0 0 2.544-2.438 6.48 6.48 0 0 0 .724-4.796l.483.284a.75.75 0 1 0 .761-1.293l-2.154-1.268a.75.75 0 0 0-1.027.265L11.071 6.66a.75.75 0 0 0 1.292.762l.415-.705a4.983 4.983 0 0 1-.52 3.838 4.974 4.974 0 0 1-1.955 1.876.75.75 0 1 0 .704 1.324ZM7.003 5.284a1.056 1.056 0 0 1 1.994 0l1.45 4.142a.75.75 0 0 1-1.416.496L8.9 9.543H7.1l-.132.379a.75.75 0 0 1-1.416-.496l1.45-4.142ZM8 6.975l.374 1.068h-.748L8 6.975Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M4.61 2.503a6.473 6.473 0 0 1 3.383-.984 6.48 6.48 0 0 1 4.515 1.77l-.004-.559a.75.75 0 1 1 1.5-.013l.021 2.5a.75.75 0 0 1-.743.756l-2.497.022a.75.75 0 1 1-.013-1.5l.817-.007a4.983 4.983 0 0 0-3.583-1.469 4.973 4.973 0 0 0-2.602.756.75.75 0 0 1-.795-1.272Zm9.097 8.716a6.48 6.48 0 0 0 .84-3.422.75.75 0 1 0-1.5.053 4.973 4.973 0 0 1-.646 2.63 4.983 4.983 0 0 1-3.064 2.37l.403-.712a.75.75 0 0 0-1.306-.738l-1.229 2.173a.75.75 0 0 0 .283 1.022l2.176 1.23a.75.75 0 1 0 .739-1.305l-.487-.275a6.48 6.48 0 0 0 3.79-3.026Zm-11.258.099a6.473 6.473 0 0 0 2.544 2.438.75.75 0 0 0 .704-1.325 4.973 4.973 0 0 1-1.955-1.875 4.983 4.983 0 0 1-.52-3.838l.415.705a.75.75 0 1 0 1.292-.762l-1.267-2.15a.75.75 0 0 0-1.027-.266L.481 5.513a.75.75 0 1 0 .761 1.293l.483-.284a6.48 6.48 0 0 0 .724 4.796Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6 7.5H3.33a.33.33 0 0 0-.252.542l4.42 5.225a.656.656 0 0 0 1.003 0l4.42-5.225a.33.33 0 0 0-.251-.542H10V3a.5.5 0 0 0-.5-.5h-3A.5.5 0 0 0 6 3v4.5ZM4.5 3a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3h1.17a1.83 1.83 0 0 1 1.397 3.011l-4.421 5.225a2.156 2.156 0 0 1-3.292 0L1.933 9.011A1.83 1.83 0 0 1 3.329 6H4.5V3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.5 9H4.029l3.499 4.276a.61.61 0 0 0 .944 0L11.971 9H9.5V5.75a.25.25 0 0 0-.25-.25h-2.5a.25.25 0 0 0-.25.25V9Zm2.75-5H6.749A1.75 1.75 0 0 0 5 5.75V7.5H3.974a1.474 1.474 0 0 0-1.14 2.407l3.533 4.319a2.11 2.11 0 0 0 3.266 0l3.534-4.319a1.474 1.474 0 0 0-1.14-2.407H11V5.75A1.75 1.75 0 0 0 9.25 4Zm-7.5-1.5a.75.75 0 0 1 0-1.5h12.5a.75.75 0 0 1 0 1.5H1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.5 6H4.029l3.499 4.276a.61.61 0 0 0 .944 0L11.971 6H9.5V2.75a.25.25 0 0 0-.25-.25h-2.5a.25.25 0 0 0-.25.25V6Zm1.498 7.5H1.75a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5H7.998Zm0-1.5a2.11 2.11 0 0 1-1.631-.774L2.833 6.907A1.474 1.474 0 0 1 3.973 4.5H5V2.75C5 1.784 5.784 1 6.75 1h2.5c.966 0 1.75.784 1.75 1.75V4.5h1.026a1.474 1.474 0 0 1 1.14 2.407l-3.533 4.319c-.4.49-1 .774-1.632.774H8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.5 6V3.33a.33.33 0 0 0-.543-.252L2.732 7.499a.656.656 0 0 0 0 1.002l5.225 4.421a.33.33 0 0 0 .543-.252V10H13a.5.5 0 0 0 .5-.5v-3A.5.5 0 0 0 13 6H8.5ZM13 4.5a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-3v1.17a1.83 1.83 0 0 1-3.012 1.397L1.763 9.646a2.156 2.156 0 0 1 0-3.292l5.225-4.421A1.83 1.83 0 0 1 10 3.33V4.5h3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7 6.5V4.029L2.724 7.528a.61.61 0 0 0 0 .944L7 11.971V9.5h3.25a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25H7Zm5 2.75V6.749A1.75 1.75 0 0 0 10.25 5H8.5V3.974a1.474 1.474 0 0 0-2.407-1.14L1.774 6.366a2.11 2.11 0 0 0 0 3.266l4.319 3.534a1.474 1.474 0 0 0 2.407-1.14V11h1.75A1.75 1.75 0 0 0 12 9.25Zm1.5-7.5a.75.75 0 0 1 1.5 0v12.5a.75.75 0 0 1-1.5 0V1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10 6.5V4.029L5.724 7.528a.61.61 0 0 0 0 .944L10 11.971V9.5h3.25a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25H10ZM2.5 7.998V1.75a.75.75 0 0 0-1.5 0v12.5a.75.75 0 0 0 1.5 0V7.998Zm1.5 0c0-.632.284-1.23.774-1.631l4.319-3.534a1.474 1.474 0 0 1 2.407 1.14V5h1.75c.966 0 1.75.784 1.75 1.75v2.5A1.75 1.75 0 0 1 13.25 11H11.5v1.026a1.474 1.474 0 0 1-2.407 1.14L4.774 9.634c-.49-.4-.774-1-.774-1.632V8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.5 10v2.67a.33.33 0 0 0 .542.252l5.225-4.421a.656.656 0 0 0 0-1.002L8.042 3.078a.33.33 0 0 0-.543.252V6H3a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h4.5ZM3 11.5a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3V3.33a1.83 1.83 0 0 1 3.01-1.397l5.226 4.421a2.156 2.156 0 0 1 0 3.292L9.01 14.067a1.83 1.83 0 0 1-3.012-1.397V11.5H3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9 9.5v2.471l4.276-3.499a.61.61 0 0 0 0-.944L9 4.029V6.5H5.75a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25H9ZM4 6.75v2.501A1.75 1.75 0 0 0 5.75 11H7.5v1.026a1.474 1.474 0 0 0 2.407 1.14l4.319-3.533a2.11 2.11 0 0 0 0-3.266L9.907 2.833A1.474 1.474 0 0 0 7.5 3.973V5H5.75A1.75 1.75 0 0 0 4 6.75Zm-1.5 7.5a.75.75 0 0 1-1.5 0V1.75a.75.75 0 0 1 1.5 0v12.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6 9.5v2.471l4.276-3.499a.61.61 0 0 0 0-.944L6 4.029V6.5H2.75a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25H6Zm7.5-1.498v6.248a.75.75 0 0 0 1.5 0V1.75a.75.75 0 0 0-1.5 0v6.252Zm-1.5 0a2.11 2.11 0 0 1-.774 1.631l-4.319 3.534a1.474 1.474 0 0 1-2.407-1.14V11H2.75A1.75 1.75 0 0 1 1 9.25v-2.5C1 5.784 1.784 5 2.75 5H4.5V3.974a1.474 1.474 0 0 1 2.407-1.14l4.319 3.533c.49.4.774 1 .774 1.632V8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7 9v2.665a.335.335 0 0 1-.55.257L1.73 7.988a.635.635 0 0 1 0-.976l4.72-3.934a.335.335 0 0 1 .55.257V6h1.5c1.584 0 3.182.571 4.241 1.692.9.951 1.549 2.446 1.31 4.723-.65-1.026-1.365-1.837-2.201-2.413C10.802 9.278 9.677 9 8.5 9H7Zm3 1.731c1.162.396 2.165 1.337 3.151 3.106.223.4.64.663 1.098.663.552 0 1.04-.376 1.143-.917C16.598 7.237 12.322 4.5 8.501 4.5V3.335a1.835 1.835 0 0 0-3.01-1.41L.768 5.86a2.135 2.135 0 0 0 0 3.28l4.721 3.935a1.835 1.835 0 0 0 3.01-1.41V10.5c.533 0 1.03.07 1.5.231Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9 9v2.665a.335.335 0 0 0 .55.257l4.72-3.934a.635.635 0 0 0 0-.976L9.55 3.078a.335.335 0 0 0-.55.257V6H7.5c-1.584 0-3.182.571-4.241 1.692-.9.951-1.549 2.446-1.31 4.723.65-1.026 1.365-1.837 2.201-2.413C5.198 9.278 6.323 9 7.5 9H9Zm-3 1.731c-1.162.396-2.165 1.337-3.151 3.106-.223.4-.64.663-1.098.663-.552 0-1.04-.376-1.143-.917C-.598 7.237 3.678 4.5 7.499 4.5V3.335a1.835 1.835 0 0 1 3.01-1.41l4.722 3.935a2.135 2.135 0 0 1 0 3.28l-4.721 3.935a1.835 1.835 0 0 1-3.01-1.41V10.5c-.533 0-1.03.07-1.5.231Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10 8.5h2.67a.33.33 0 0 0 .252-.542L8.5 2.733a.656.656 0 0 0-1.002 0l-4.42 5.225a.33.33 0 0 0 .252.542H6V13a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V8.5Zm1.5 4.5a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2v-3H3.33a1.83 1.83 0 0 1-1.398-3.01l4.42-5.225a2.156 2.156 0 0 1 3.293 0l4.42 5.225A1.83 1.83 0 0 1 12.67 10H11.5v3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.5 7h2.471L8.472 2.724a.61.61 0 0 0-.944 0L4.029 7H6.5v3.25c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25V7Zm-2.75 5h2.501A1.75 1.75 0 0 0 11 10.25V8.5h1.026a1.474 1.474 0 0 0 1.14-2.407L9.634 1.774a2.11 2.11 0 0 0-3.266 0L2.833 6.093A1.474 1.474 0 0 0 3.973 8.5H5v1.75c0 .966.784 1.75 1.75 1.75Zm7.5 1.5a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1 0-1.5h12.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.5 10h2.471L8.472 5.724a.61.61 0 0 0-.944 0L4.029 10H6.5v3.25c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25V10ZM8.002 2.5h6.248a.75.75 0 0 0 0-1.5H1.75a.75.75 0 0 0 0 1.5h6.252Zm0 1.5a2.11 2.11 0 0 1 1.631.774l3.534 4.319a1.474 1.474 0 0 1-1.14 2.407H11v1.75A1.75 1.75 0 0 1 9.25 15h-2.5A1.75 1.75 0 0 1 5 13.25V11.5H3.974a1.474 1.474 0 0 1-1.14-2.407l3.533-4.319c.4-.49 1-.774 1.632-.774H8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.28 4.78a.75.75 0 0 0 0-1.06l-2.5-2.5a.75.75 0 1 0-1.06 1.06L6.94 3.5H1.75a.75.75 0 1 0 0 1.5h5.19L5.72 6.22a.75.75 0 1 0 1.06 1.06l2.5-2.5Zm-.06 3.94-2.5 2.5a.75.75 0 0 0 0 1.06l2.5 2.5a.75.75 0 1 0 1.06-1.06L9.06 12.5h5.19a.75.75 0 0 0 0-1.5H9.06l1.22-1.22a.75.75 0 1 0-1.06-1.06ZM14 4.25a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0ZM3.75 13.5a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 1.5a6.501 6.501 0 0 1 6.445 5.649.75.75 0 1 1-1.488.194A5.001 5.001 0 0 0 4.43 4.5h1.32a.75.75 0 0 1 0 1.5h-3A.75.75 0 0 1 2 5.25v-3a.75.75 0 1 1 1.5 0v1.06A6.48 6.48 0 0 1 8 1.5Zm5.25 13a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-.75-.75h-3a.75.75 0 1 0 0 1.5h1.32a5.001 5.001 0 0 1-8.528-2.843.75.75 0 1 0-1.487.194 6.501 6.501 0 0 0 10.945 3.84v1.059c0 .414.336.75.75.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 1.5a6.47 6.47 0 0 1 2.709.59L9.552 3.245A4.996 4.996 0 0 0 8 3a4.983 4.983 0 0 0-3.57 1.5h1.32a.75.75 0 0 1 0 1.5h-3A.75.75 0 0 1 2 5.25v-3a.75.75 0 1 1 1.5 0v1.06A6.48 6.48 0 0 1 8 1.5Zm4.026 3.534-6.991 6.992C5.865 12.638 6.89 13 8 13a4.983 4.983 0 0 0 3.57-1.5h-1.32a.75.75 0 0 1 0-1.5h3a.75.75 0 0 1 .75.75v3a.75.75 0 1 1-1.5 0v-1.06A6.48 6.48 0 0 1 8 14.5a6.472 6.472 0 0 1-4.035-1.404l-.935.934a.75.75 0 0 1-1.06-1.06l11-11a.75.75 0 0 1 1.06 1.06l-.934.935a6.472 6.472 0 0 1 1.349 3.184.75.75 0 1 1-1.488.194 4.972 4.972 0 0 0-.93-2.309ZM3.043 8.657c.04.308.109.607.203.895L2.09 10.708a6.46 6.46 0 0 1-.534-1.857.75.75 0 0 1 1.487-.194Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 1.5a6.501 6.501 0 0 0-6.445 5.649.75.75 0 1 0 1.488.194A5.001 5.001 0 0 1 11.57 4.5h-1.32a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-1.5 0v1.06A6.48 6.48 0 0 0 8 1.5Zm-5.25 13a.75.75 0 0 1-.75-.75v-3a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 0 1.5H4.43a5.001 5.001 0 0 0 8.528-2.843.75.75 0 1 1 1.487.194A6.501 6.501 0 0 1 3.5 12.691v1.059a.75.75 0 0 1-.75.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.904 3.965a6.472 6.472 0 0 0-1.349 3.184.75.75 0 1 0 1.488.194 4.97 4.97 0 0 1 .93-2.309l6.992 6.992A4.978 4.978 0 0 1 8 13a4.983 4.983 0 0 1-3.57-1.5h1.32a.75.75 0 0 0 0-1.5h-3a.75.75 0 0 0-.75.75v3a.75.75 0 0 0 1.5 0v-1.06A6.48 6.48 0 0 0 8 14.5a6.472 6.472 0 0 0 4.035-1.404l.935.934a.75.75 0 1 0 1.06-1.06l-11-11a.75.75 0 0 0-1.06 1.06l.934.935Zm9.85 5.587 1.156 1.156a6.457 6.457 0 0 0 .534-1.857.75.75 0 1 0-1.487-.194c-.04.308-.109.607-.203.895ZM5.291 2.09l1.157 1.157A4.996 4.996 0 0 1 8 3a4.98 4.98 0 0 1 3.57 1.5h-1.32a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-1.5 0v1.06A6.48 6.48 0 0 0 8 1.5a6.47 6.47 0 0 0-2.709.59Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 14.75a.75.75 0 0 1-.75-.75V3.81L4.53 6.53a.75.75 0 0 1-1.06-1.06l4-4a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1-1.06 1.06L8.75 3.81V14a.75.75 0 0 1-.75.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.72 2.22a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1-1.06 1.06L5 4.56v8.69a.75.75 0 0 1-1.5 0V4.56L1.78 6.28A.75.75 0 0 1 .72 5.22l3-3ZM11.75 14a.75.75 0 0 1-.53-.22l-3-3a.75.75 0 1 1 1.06-1.06L11 11.44V2.75a.75.75 0 0 1 1.5 0v8.69l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-.53.22Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.47 1.22a.75.75 0 0 1 1.06 0l2.5 2.5a.75.75 0 1 1-1.06 1.06L8.75 3.56v7.69a.75.75 0 0 1-1.5 0V3.56L6.03 4.78a.75.75 0 0 1-1.06-1.06l2.5-2.5ZM1.75 13.5a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5H1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.47 1.22a.75.75 0 0 1 1.06 0l2.5 2.5a.75.75 0 1 1-1.06 1.06L8.75 3.56v7.69a.75.75 0 0 1-1.5 0V3.56L6.03 4.78a.75.75 0 0 1-1.06-1.06l2.5-2.5ZM4.25 6.5a.75.75 0 0 1 0 1.5H4a1.5 1.5 0 0 0-1.5 1.5V12A1.5 1.5 0 0 0 4 13.5h8a1.5 1.5 0 0 0 1.5-1.5V9.5A1.5 1.5 0 0 0 12 8h-.25a.75.75 0 0 1 0-1.5H12a3 3 0 0 1 3 3V12a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V9.5a3 3 0 0 1 3-3h.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.47 1.22a.75.75 0 0 1 1.06 0l2.5 2.5a.75.75 0 1 1-1.06 1.06L8.75 3.56v3.738l-1.5-1.5V3.56L6.131 4.679l-1.06-1.06 2.399-2.4Zm-.22 8.84v1.19a.75.75 0 0 0 1.453.263l1.986 1.987H4A1.5 1.5 0 0 1 2.5 12V9.5A1.5 1.5 0 0 1 4 8h1.19l2.06 2.06ZM3.704 6.515 1.97 4.78a.75.75 0 0 1 1.06-1.06l11 11a.75.75 0 1 1-1.06 1.06l-.786-.785A3.11 3.11 0 0 1 12 15H4a3 3 0 0 1-3-3V9.5a3 3 0 0 1 2.704-2.986Zm9.795 5.533 1.22 1.22A2.98 2.98 0 0 0 15 12.001V9.5a3 3 0 0 0-3-3h-.25a.75.75 0 0 0 0 1.5H12a1.5 1.5 0 0 1 1.5 1.5v2.547Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10 1.5A.75.75 0 0 0 10 3h1.94L6.97 7.97a.75.75 0 0 0 1.06 1.06L13 4.06V6a.75.75 0 0 0 1.5 0V2.25a.75.75 0 0 0-.75-.75H10ZM7.5 3.25a.75.75 0 0 0-.75-.75H4.5a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V9.25a.75.75 0 0 0-1.5 0v2.25a1.5 1.5 0 0 1-1.5 1.5h-6A1.5 1.5 0 0 1 3 11.5v-6A1.5 1.5 0 0 1 4.5 4h2.25a.75.75 0 0 0 .75-.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.47 4.22a.75.75 0 0 1 1.06 0l2.5 2.5a.75.75 0 1 1-1.06 1.06L8.75 6.56v7.69a.75.75 0 0 1-1.5 0V6.56L6.03 7.78a.75.75 0 0 1-1.06-1.06l2.5-2.5Zm6.78-1.72a.75.75 0 0 0 0-1.5H1.75a.75.75 0 0 0 0 1.5h12.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.72 13.53a.75.75 0 0 0 1.06 0l3-3a.75.75 0 1 0-1.06-1.06L6 11.19V7a3.25 3.25 0 0 1 6.5 0v1A.75.75 0 0 0 14 8V7a4.75 4.75 0 1 0-9.5 0v4.19L2.78 9.47a.75.75 0 0 0-1.06 1.06l3 3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.47 4.72a.75.75 0 0 0 0 1.06l3 3a.75.75 0 0 0 1.06-1.06L4.81 6H9a3.25 3.25 0 0 1 0 6.5H8A.75.75 0 0 0 8 14h1a4.75 4.75 0 1 0 0-9.5H4.81l1.72-1.72a.75.75 0 0 0-1.06-1.06l-3 3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.53 11.28a.75.75 0 0 0 0-1.06l-3-3a.75.75 0 1 0-1.06 1.06L11.19 10H7a3.25 3.25 0 0 1 0-6.5h1A.75.75 0 0 0 8 2H7a4.75 4.75 0 0 0 0 9.5h4.19l-1.72 1.72a.75.75 0 1 0 1.06 1.06l3-3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.28 13.53a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 1 1 1.06-1.06L10 11.19V7a3.25 3.25 0 0 0-6.5 0v1A.75.75 0 0 1 2 8V7a4.75 4.75 0 0 1 9.5 0v4.19l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.47 11.28a.75.75 0 0 1 0-1.06l3-3a.75.75 0 0 1 1.06 1.06L4.81 10H9a3.25 3.25 0 0 0 0-6.5H8A.75.75 0 0 1 8 2h1a4.75 4.75 0 1 1 0 9.5H4.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.53 4.72a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06L11.19 6H7a3.25 3.25 0 0 0 0 6.5h1A.75.75 0 0 1 8 14H7a4.75 4.75 0 1 1 0-9.5h4.19L9.47 2.78a.75.75 0 0 1 1.06-1.06l3 3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 2.5a5.5 5.5 0 1 0 3.52 9.726.75.75 0 0 1 .96 1.153A7 7 0 1 1 15 8a2.5 2.5 0 0 1-4.083 1.935A3.5 3.5 0 1 1 11.5 8a1 1 0 1 0 2 0A5.5 5.5 0 0 0 8 2.5ZM10 8a2 2 0 1 0-4 0 2 2 0 0 0 4 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.323 12.383a5.5 5.5 0 0 1-7.706-7.706l7.706 7.706Zm1.06-1.06L4.677 3.617a5.5 5.5 0 0 1 7.706 7.706ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 3.25A.75.75 0 0 1 2 2.5h12A.75.75 0 0 1 14 4H2a.75.75 0 0 1-.75-.75Zm0 4.75A.75.75 0 0 1 2 7.25h12a.75.75 0 0 1 0 1.5H2A.75.75 0 0 1 1.25 8ZM2 12a.75.75 0 0 0 0 1.5h12a.75.75 0 0 0 0-1.5H2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1 12.75c0 .414.336.75.75.75h12.5a.75.75 0 0 0 0-1.5H1.75a.75.75 0 0 0-.75.75ZM3 8c0 .414.336.75.75.75h8.5a.75.75 0 0 0 0-1.5h-8.5A.75.75 0 0 0 3 8Zm3.75-4a.75.75 0 0 1 0-1.5h2.5a.75.75 0 0 1 0 1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1 12.75c0 .414.336.75.75.75h12.5a.75.75 0 0 0 0-1.5H1.75a.75.75 0 0 0-.75.75ZM1 8c0 .414.336.75.75.75h8.5a.75.75 0 0 0 0-1.5h-8.5A.75.75 0 0 0 1 8Zm.75-4a.75.75 0 0 1 0-1.5h2.5a.75.75 0 0 1 0 1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.22 13.28a.75.75 0 0 0 1.06 0l2-2a.75.75 0 1 0-1.06-1.06l-.72.72V3.25a.75.75 0 0 0-1.5 0v7.69l-.72-.72a.75.75 0 1 0-1.06 1.06l2 2ZM7.75 12a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5h-7.5Zm0-3.25a.75.75 0 0 1 0-1.5h5.5a.75.75 0 0 1 0 1.5h-5.5Zm0-4.75a.75.75 0 0 1 0-1.5h2.5a.75.75 0 0 1 0 1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.22 2.72a.75.75 0 0 1 1.06 0l2 2a.75.75 0 0 1-1.06 1.06l-.72-.72v7.69a.75.75 0 0 1-1.5 0V5.06l-.72.72A.75.75 0 0 1 .22 4.72l2-2ZM7 12.75c0 .414.336.75.75.75h7.5a.75.75 0 0 0 0-1.5h-7.5a.75.75 0 0 0-.75.75Zm.75-4a.75.75 0 0 1 0-1.5h5.5a.75.75 0 0 1 0 1.5h-5.5Zm0-4.75a.75.75 0 0 1 0-1.5h2.5a.75.75 0 0 1 0 1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M15 12.75a.75.75 0 0 1-.75.75H1.75a.75.75 0 0 1 0-1.5h12.5a.75.75 0 0 1 .75.75ZM15 8a.75.75 0 0 1-.75.75h-8.5a.75.75 0 0 1 0-1.5h8.5A.75.75 0 0 1 15 8Zm-.75-4a.75.75 0 0 0 0-1.5h-2.5a.75.75 0 0 0 0 1.5h2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1 3.25a.75.75 0 0 1 .75-.75h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 3.25ZM3 8a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 3 8Zm3.75 4a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1 3.25a.75.75 0 0 1 .75-.75h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 3.25ZM1 8a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 1 8Zm.75 4a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.22 13.28a.75.75 0 0 0 1.06 0l2-2a.75.75 0 1 0-1.06-1.06l-.72.72V3.25a.75.75 0 0 0-1.5 0v7.69l-.72-.72a.75.75 0 1 0-1.06 1.06l2 2ZM7 3.25a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 7 3.25Zm.75 4a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5h-5.5Zm0 4.75a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.22 2.72a.75.75 0 0 1 1.06 0l2 2a.75.75 0 0 1-1.06 1.06l-.72-.72v7.69a.75.75 0 0 1-1.5 0V5.06l-.72.72A.75.75 0 0 1 .22 4.72l2-2ZM7.75 4a.75.75 0 0 1 0-1.5h7.5a.75.75 0 0 1 0 1.5h-7.5Zm0 3.25a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5h-5.5Zm0 4.75a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M15 3.25a.75.75 0 0 0-.75-.75H1.75a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 .75-.75ZM15 8a.75.75 0 0 0-.75-.75h-8.5a.75.75 0 0 0 0 1.5h8.5A.75.75 0 0 0 15 8Zm-.75 4a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1 0-1.5h2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.75 3.25a.75.75 0 0 1 .75-.75h11a.75.75 0 0 1 0 1.5h-11a.75.75 0 0 1-.75-.75Zm.75 3a.75.75 0 0 0 0 1.5h11a.75.75 0 0 0 0-1.5h-11Zm0 3.75a.75.75 0 0 0 0 1.5h4.25a.75.75 0 0 0 0-1.5H2.5Zm11 3.116a1 1 0 0 0 0-1.732l-3-1.732a1 1 0 0 0-1.5.866v3.464a1 1 0 0 0 1.5.866l3-1.732Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.75 2.5a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75ZM4 8a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H4.75A.75.75 0 0 1 4 8Zm-4 4.75A.75.75 0 0 1 .75 12h10.5a.75.75 0 0 1 0 1.5H.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m4.665 7.822.62-3.096a2.77 2.77 0 0 1 5.43 0l.62 3.096a4.782 4.782 0 0 0 1.305 2.44l.194.193a.567.567 0 0 1-.273.953l-.821.19a16.63 16.63 0 0 1-7.48 0l-.82-.19a.567.567 0 0 1-.274-.953l.194-.193a4.774 4.774 0 0 0 1.305-2.44Zm-1.47-.294.619-3.096a4.27 4.27 0 0 1 8.372 0l.62 3.096c.126.634.438 1.216.895 1.673l.194.194a2.066 2.066 0 0 1-.997 3.475l-.821.19c-.701.16-1.41.28-2.12.358a2 2 0 0 1-3.913 0 18.134 18.134 0 0 1-2.12-.359l-.822-.19a2.067 2.067 0 0 1-.997-3.474L2.3 9.2c.457-.457.769-1.04.895-1.673Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill-rule="evenodd" clip-rule="evenodd"><path fill="currentColor" d="M8 2.5a2.77 2.77 0 0 0-2.716 2.226l-.619 3.096a4.774 4.774 0 0 1-1.305 2.44l-.194.193a.566.566 0 0 0 .273.953l.821.19a16.63 16.63 0 0 0 7.48 0l.82-.19a.567.567 0 0 0 .274-.953l-.194-.193a4.774 4.774 0 0 1-1.305-2.44l-.068-.337a.75.75 0 0 1 1.471-.295l.068.338c.126.634.438 1.216.895 1.673l.194.194a2.066 2.066 0 0 1-.997 3.475l-.821.19c-.701.16-1.41.28-2.12.358a2 2 0 0 1-3.913 0 18.134 18.134 0 0 1-2.12-.359l-.822-.19a2.067 2.067 0 0 1-.997-3.474L2.3 9.2c.457-.457.769-1.04.895-1.673l.62-3.096a4.27 4.27 0 0 1 5.4-3.256.75.75 0 1 1-.427 1.438A2.766 2.766 0 0 0 8 2.5Z"></path><path fill="#F33" d="M12.5 5.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"></path></g></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.74 4.8 1.97 3.03a.75.75 0 0 1 1.06-1.06l11 11a.75.75 0 1 1-1.06 1.06l-.957-.956c-.68.154-1.367.269-2.057.344a2 2 0 0 1-3.912 0 18.134 18.134 0 0 1-2.12-.359l-.822-.19a2.067 2.067 0 0 1-.997-3.474L2.3 9.2c.457-.457.769-1.04.895-1.673L3.741 4.8Zm6.996 6.997a16.632 16.632 0 0 1-6.476-.2l-.82-.189a.567.567 0 0 1-.274-.953l.194-.193a4.774 4.774 0 0 0 1.305-2.44l.35-1.747 5.721 5.722Zm.599-3.975c.028.14.061.277.101.412l3.025 3.024a2.068 2.068 0 0 0-.566-1.863L13.7 9.2a3.274 3.274 0 0 1-.895-1.673l-.62-3.096a4.27 4.27 0 0 0-6.96-2.408L6.292 3.09a2.77 2.77 0 0 1 4.424 1.637l.619 3.095Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M1.522 10.68a2.14 2.14 0 0 0 2.11 1.82 2.125 2.125 0 1 0-2.11-1.82ZM3.64 14h-.015a3.626 3.626 0 0 1-3.558-2.927 3.6 3.6 0 0 1 .256-2.212L2.98 2.98a2.516 2.516 0 0 1 4.802 1.237L7.673 5.6a1.474 1.474 0 0 1 .655 0l-.11-1.382a2.516 2.516 0 0 1 4.801-1.237l2.658 5.88a3.6 3.6 0 0 1 .256 2.213A3.626 3.626 0 0 1 12.375 14h-.015a3.64 3.64 0 0 1-3.628-3.35l-.174-2.176A.963.963 0 0 0 8 8.312a.963.963 0 0 0-.558.162l-.174 2.176A3.64 3.64 0 0 1 3.64 14Zm-.015-7.25c.91 0 1.742.336 2.379.89l.283-3.542a1.016 1.016 0 0 0-1.94-.5L2.89 6.825a3.64 3.64 0 0 1 .736-.075Zm10.853 3.93a2.125 2.125 0 1 0-2.11 1.82 2.14 2.14 0 0 0 2.11-1.82Zm-2.826-7.082 1.459 3.227a3.61 3.61 0 0 0-3.115.815l-.283-3.542a1.016 1.016 0 0 1 1.94-.5Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.25 2.25A.75.75 0 0 0 3.5 3v10c0 .414.336.75.75.75H9.5a3.25 3.25 0 0 0 1.477-6.146A3.25 3.25 0 0 0 8.5 2.25H4.25Zm3.5 5a1.75 1.75 0 1 0 0-3.5h-2v3.5h2Zm-2 1.5v3.5h3a1.75 1.75 0 1 0 0-3.5h-3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.5 11.937V13a.5.5 0 0 0 .5.5h7a1.5 1.5 0 0 0 1.5-1.5v-.401A2.987 2.987 0 0 1 11 12H4c-.173 0-.34-.022-.5-.063ZM2 10V3a1.987 1.987 0 0 1 .686-1.508A1.994 1.994 0 0 1 4 1h7a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H4a2 2 0 0 1-2-2v-3Zm1.5 0a.5.5 0 0 0 .5.5h7A1.5 1.5 0 0 0 12.5 9V4A1.5 1.5 0 0 0 11 2.5H4a.498.498 0 0 0-.5.5v7Zm2-4.75a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m8 9.524.976.837 2.988 2.56a.325.325 0 0 0 .536-.246V4.5A1.5 1.5 0 0 0 11 3H5a1.5 1.5 0 0 0-1.5 1.5v8.175a.325.325 0 0 0 .536.247l2.988-2.56L8 9.523ZM14 4.5a3 3 0 0 0-3-3H5a3 3 0 0 0-3 3v8.175a1.825 1.825 0 0 0 3.013 1.386L8 11.5l2.987 2.56A1.825 1.825 0 0 0 14 12.676V4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M11 1.5a3 3 0 0 1 3 3v8.546a1.454 1.454 0 0 1-2.411 1.094L8 11l-3.589 3.14A1.454 1.454 0 0 1 2 13.046V4.5a3 3 0 0 1 3-3h6Z"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.345 2.634c.09.046.18.094.268.145L8 3l.387-.221a6.699 6.699 0 0 1 6.32-.175c.486.242.793.74.793 1.283v8.938c0 .65-.526 1.175-1.175 1.175h-.04c-.187 0-.37-.05-.529-.146a4.793 4.793 0 0 0-4.61-.177l-.199.1A2.123 2.123 0 0 1 8 14h-.117a1.624 1.624 0 0 1-.726-.171l-.233-.117a4.937 4.937 0 0 0-4.748.183.741.741 0 0 1-.381.105h-.12A1.175 1.175 0 0 1 .5 12.825V3.887c0-.544.307-1.04.793-1.284a6.699 6.699 0 0 1 6.052.03Zm1.405 9.572V4.3l.382-.218A5.199 5.199 0 0 1 14 3.927v8.357a6.293 6.293 0 0 0-5.25-.078Zm-1.5.005V4.298l-.382-.218A5.199 5.199 0 0 0 2 3.927v8.365a6.437 6.437 0 0 1 5.25-.082Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 10.421V5.475l-2 .714V8.25a.75.75 0 0 1-1.5 0V6.725l-2.25.804v6.088l4.777-1.792a1.5 1.5 0 0 0 .973-1.404Zm-2.254-5.734 1.6-.571a1.5 1.5 0 0 0-.175-.104L9.499 2.427a1.5 1.5 0 0 0-1.197-.063l-.941.353 3.724 1.862c.06.03.113.066.16.108ZM5.444 3.435l3.878 1.94-2.273.811-3.805-1.903c.072-.042.149-.078.23-.109l1.97-.739Zm.806 4.029L2.5 5.589v5.057a1.5 1.5 0 0 0 .83 1.341l2.92 1.46V7.465ZM1 5.579c0-.436.094-.856.266-1.236a.752.752 0 0 1 .2-.37c.342-.54.855-.968 1.48-1.203L7.777.96a3 3 0 0 1 2.394.125l3.172 1.586A3 3 0 0 1 15 5.354v5.067a3 3 0 0 1-1.947 2.809l-4.828 1.81a3 3 0 0 1-2.395-.125l-3.172-1.586A3 3 0 0 1 1 10.646V5.579Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.25 2H6.5a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-.75v1.75a.75.75 0 0 1-1.5 0V2ZM6.5.5A2.5 2.5 0 0 0 4 3v3c0 .356.074.694.208 1H3A2.5 2.5 0 0 0 .5 9.5v3A2.5 2.5 0 0 0 3 15h10a2.5 2.5 0 0 0 2.5-2.5v-3A2.5 2.5 0 0 0 13 7h-1.208c.134-.306.208-.644.208-1V3A2.5 2.5 0 0 0 9.5.5h-3Zm.75 9a1 1 0 0 0-1-1h-1v1.75a.75.75 0 0 1-1.5 0V8.5H3a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3.25a1 1 0 0 0 1-1v-3Zm1.5 3a1 1 0 0 0 1 1H13a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-.75v1.75a.75.75 0 0 1-1.5 0V8.5h-1a1 1 0 0 0-1 1v3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.25 12a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm-.75-1.372a2.251 2.251 0 1 0 1.5 0v-.378a3 3 0 0 0-3-3H8.75V5.372a2.25 2.25 0 1 0-1.5 0V7.25H5a3 3 0 0 0-3 3v.378a2.251 2.251 0 1 0 1.5 0v-.378A1.5 1.5 0 0 1 5 8.75h2.25v1.878a2.251 2.251 0 1 0 1.5 0V8.75H11a1.5 1.5 0 0 1 1.5 1.5v.378ZM2.75 12a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm4.5.75a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0ZM8 2.5A.75.75 0 1 0 8 4a.75.75 0 0 0 0-1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 2.75a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Zm-1.372.75a2.251 2.251 0 1 0 0-1.5h-.378a3 3 0 0 0-3 3v2.25H5.372a2.25 2.25 0 1 0 0 1.5H7.25V11a3 3 0 0 0 3 3h.378a2.251 2.251 0 1 0 0-1.5h-.378a1.5 1.5 0 0 1-1.5-1.5V8.75h1.878a2.251 2.251 0 1 0 0-1.5H8.75V5a1.5 1.5 0 0 1 1.5-1.5h.378ZM12 13.25a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Zm.75-4.5a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5ZM2.5 8A.75.75 0 1 0 4 8a.75.75 0 0 0-1.5 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 2.75a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0ZM12.75.5A2.25 2.25 0 0 0 10.628 2h-.378a3 3 0 0 0-3 3v2.19L5.03 4.97a.75.75 0 0 0-1.06 1.06l1.22 1.22H1.75a.75.75 0 0 0 0 1.5h3.44L3.97 9.97a.75.75 0 1 0 1.06 1.06l2.22-2.22V11a3 3 0 0 0 3 3h.378a2.251 2.251 0 1 0 0-1.5h-.378a1.5 1.5 0 0 1-1.5-1.5V8.75h1.878a2.251 2.251 0 1 0 0-1.5H8.75V5a1.5 1.5 0 0 1 1.5-1.5h.378a2.251 2.251 0 1 0 2.122-3ZM12 13.25a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Zm.75-4.5a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9 2.5H7a.5.5 0 0 0-.5.5v1h3V3a.5.5 0 0 0-.5-.5ZM5 3v1H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3h-1V3a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2Zm4.5 2.5H12A1.5 1.5 0 0 1 13.5 7v4a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 11V7A1.5 1.5 0 0 1 4 5.5h5.5ZM4.75 7a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.442 13.033c-.278.307-.319.777-.05 1.092.27.314.747.353 1.033.053a7.5 7.5 0 1 0-10.85 0c.286.3.763.261 1.032-.053.27-.315.23-.785-.05-1.092a6 6 0 1 1 8.884 0Zm-.987-1.15c-.265.318-.745.279-1.015-.036-.27-.314-.223-.784.015-1.123a3 3 0 1 0-4.91 0c.238.339.284.809.015 1.123-.27.315-.75.354-1.015.036a4.5 4.5 0 1 1 6.91 0ZM8 10.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M11.995.667a.75.75 0 1 0-1.49.166L11.19 7h-.867c-1.64 0-2.896 1.449-3.197 3.06a12.556 12.556 0 0 1-1.2 3.44C5.434 14.448 5 15 5 15h8.5s2.08-1.734 2.488-5.49C16.14 8.094 14.91 7 13.488 7H12.7L11.995.667ZM3.75 2.5a.75.75 0 1 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-4.5ZM.75 6a.75.75 0 1 0 0 1.5h5.5a.75.75 0 0 0 0-1.5H.75ZM1 10.25a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1-.75-.75Zm6.593 3.25c.393-.866.78-1.94 1.008-3.165C8.819 9.167 9.646 8.5 10.322 8.5h3.167c.332 0 .618.13.797.303a.63.63 0 0 1 .21.545c-.175 1.622-.708 2.779-1.173 3.514a6.003 6.003 0 0 1-.461.638h-.999c.539-.706.887-1.728.887-2.75H12c-.351 1.229-1.072 2.088-2.162 2.75H7.593Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.922 9.842c.051.283.078.582.078.896 0 1.907-1.387 3.66-3.79 3.894a4.782 4.782 0 0 1-4.208-1.774 1.99 1.99 0 0 1-.21-.333c-.231-.461-.292-1-.292-1.528.312.047.599.045.852 0 .635-.112 1.061-.487 1.148-1C2.73 8.637 3.572 7 5.76 7c.15 0 .294.01.435.028l3.417-4.784a2.971 2.971 0 1 1 4.145 4.145L8.922 9.842Zm-.56-1.444 2.819-2.013A2.686 2.686 0 0 0 9.615 4.82L7.626 7.605c.285.215.533.481.737.793Zm4.066-2.904.457-.326a1.471 1.471 0 1 0-2.052-2.052l-.326.457a4.188 4.188 0 0 1 1.921 1.921Zm-8.449 4.753c.086-.507.272-.962.54-1.264.225-.254.572-.483 1.242-.483.517 0 .913.197 1.198.523.297.34.541.906.541 1.715 0 1.121-.786 2.24-2.435 2.4a3.3 3.3 0 0 1-2.63-.922c.76-.337 1.374-.965 1.544-1.969Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.615 4.888c.814-.375.885-.714.885-.888 0-.174-.071-.513-.885-.888C10.8 2.737 9.538 2.5 8 2.5c-1.538 0-2.799.237-3.615.612-.814.375-.885.714-.885.888 0 .174.071.513.885.888C5.2 5.263 6.462 5.5 8 5.5c1.538 0 2.799-.237 3.615-.612ZM8 7c1.688 0 3.213-.26 4.304-.779a12.67 12.67 0 0 1-.085.431l-1.18 5.51a.86.86 0 0 1-.039.094 1.544 1.544 0 0 1-.31.433c-.306.306-1.03.811-2.69.811s-2.384-.505-2.69-.81a1.535 1.535 0 0 1-.31-.434.867.867 0 0 1-.038-.095l-.022-.1c.109-.017.219-.038.33-.063 1.518-.331 3.284-1.253 5.221-2.931a.75.75 0 1 0-.982-1.134c-1.813 1.572-3.36 2.338-4.56 2.6-.11.024-.219.044-.324.06l-.844-3.94c-.03-.144-.059-.287-.085-.432C4.786 6.741 6.312 7 8 7Zm-4.93 3.496-.697-3.254c-.28.426-.434.846-.49 1.227-.107.72.13 1.323.592 1.7.158.13.356.244.596.327ZM2.062 5.314A14.027 14.027 0 0 1 2 4c0-2 2.686-3 6-3s6 1 6 3c0 .997-.105 1.992-.314 2.967L12.5 12.5S12 15 8 15s-4.5-2.5-4.5-2.5l-.084-.394c-.736-.091-1.378-.356-1.89-.775C.611 10.583.223 9.434.398 8.25c.15-1.02.708-2.049 1.662-2.936Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.773 7.412c-.064.064-.27.249-1.017-.027-.75-.277-1.706-.928-2.695-1.918-.99-.99-1.64-1.945-1.918-2.695-.276-.747-.091-.953-.027-1.017.064-.064.27-.249 1.017.027.094.035.19.075.29.121.7.324 1.54.93 2.405 1.797.99.99 1.641 1.945 1.918 2.695.276.747.091.953.027 1.017ZM7 6.528c.85.85 1.738 1.535 2.581 1.972H1.694v-.027a1.292 1.292 0 0 1 .1-.507l2.802-4.33c.056-.087.114-.174.172-.26C5.16 4.383 5.956 5.485 7 6.529Zm3.89-3.889c2.147 2.148 3.24 4.537 1.944 5.834a12.976 12.976 0 0 1-2.127 1.719L6.352 13.01s-1.945 1.296-4.537-1.296C-.778 9.12.518 7.175.518 7.175L3.336 2.82A12.98 12.98 0 0 1 5.056.694C6.351-.602 8.74.491 10.888 2.64Zm1.86 12.36c.966 0 1.75-.765 1.75-1.71 0-1.234-1.17-2.76-1.512-3.178a.304.304 0 0 0-.237-.111.31.31 0 0 0-.24.112c-.34.422-1.511 1.96-1.511 3.178 0 .944.784 1.71 1.75 1.71Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M5.865.031a.75.75 0 0 1 .918.53l.531 1.981a5.554 5.554 0 0 1 2.384.225 2.5 2.5 0 1 1 3.535 3.535 5.496 5.496 0 0 1 .225 2.384l1.98.53a.75.75 0 0 1-.388 1.45l-1.98-.53a5.49 5.49 0 0 1-.687 1.187l1.45 1.45a.75.75 0 0 1-1.06 1.06l-1.45-1.45a5.493 5.493 0 0 1-1.188.687l.53 1.98a.75.75 0 1 1-1.448.388l-.531-1.98a5.5 5.5 0 0 1-6.144-6.143l-1.98-.532A.75.75 0 0 1 .95 5.334l1.98.531c.18-.426.411-.824.687-1.188l-1.45-1.45a.75.75 0 1 1 1.06-1.06l1.45 1.45a5.494 5.494 0 0 1 1.188-.687L5.335.95a.75.75 0 0 1 .53-.919ZM8 12a4 4 0 1 0-3.309-1.752L8.42 6.52a.75.75 0 0 1 1.06 1.06l-3.728 3.73c.64.435 1.414.69 2.248.69Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="currentColor"><path fill-rule="evenodd" d="M6.26 15.109a4 4 0 0 0 3.48 0l.13-.063a2 2 0 0 0 1.13-1.8v-.468c0-1.352.776-2.557 1.54-3.673a5.5 5.5 0 1 0-9.08 0C4.224 10.221 5 11.425 5 12.778v.467a2 2 0 0 0 1.13 1.801l.13.063Zm2.828-1.35.13-.064a.5.5 0 0 0 .282-.45v-.467c0-.17.009-.337.025-.5a5.328 5.328 0 0 1-3.05 0c.016.163.025.33.025.5v.467a.5.5 0 0 0 .282.45l.13.063a2.5 2.5 0 0 0 2.176 0Zm-4.39-5.501c.394.576.891 1.302 1.263 2.148a3.793 3.793 0 0 0 4.078 0c.372-.846.869-1.572 1.264-2.148a4 4 0 1 0-6.605 0Z" clip-rule="evenodd"></path><path d="M8 3.5A.75.75 0 0 0 8 5a1 1 0 0 1 1 1 .75.75 0 0 0 1.5 0A2.5 2.5 0 0 0 8 3.5Z"></path></g></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.5 12V4A1.5 1.5 0 0 1 5 2.5h6A1.5 1.5 0 0 1 12.5 4v8a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12ZM5 15a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5Zm.5-11a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2h-5Zm1 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM8 12a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm3.5-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-6-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM9 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm1.5 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.25 5.497a.75.75 0 0 1-.75-.75V4A1.5 1.5 0 0 0 3 5.5v1h10v-1A1.5 1.5 0 0 0 11.5 4v.75a.75.75 0 0 1-1.5 0V4H6v.747a.75.75 0 0 1-.75.75ZM10 2.5H6v-.752a.75.75 0 1 0-1.5 0V2.5a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-6a3 3 0 0 0-3-3v-.75a.75.75 0 0 0-1.5 0v.75ZM3 8v3.5A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5V8H3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.273 5h1.05l.36-.987.248-.684A.5.5 0 0 1 6.401 3h3.198a.5.5 0 0 1 .47.33l.249.683.359.987H12a1.5 1.5 0 0 1 1.5 1.5V11a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 11V6.5A1.5 1.5 0 0 1 4 5h.273ZM6.4 1.5a2 2 0 0 0-1.88 1.317l-.248.683H4a3 3 0 0 0-3 3V11a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V6.5a3 3 0 0 0-3-3h-.273l-.248-.683A2 2 0 0 0 9.599 1.5H6.401Zm3.099 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm1.5 0a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.5 11H4.419l-.342 1.026-.158.474H2V9.52c.496.129 1.213.23 2.25.23a.75.75 0 1 0 0-1.5c-1.073 0-1.682-.12-1.998-.217a1.765 1.765 0 0 1-.204-.075 1.82 1.82 0 0 1 .485-.87c.074-.073.145-.15.214-.228C4.272 7.293 6.15 7.5 8 7.5c1.849 0 3.728-.207 5.253-.64.069.079.14.155.214.228.241.242.408.544.485.87-.045.02-.111.047-.204.075-.316.097-.925.217-1.998.217a.75.75 0 0 0 0 1.5c1.037 0 1.754-.101 2.25-.23v2.98h-1.919l-.158-.474L11.581 11H5.5Zm6.924-5.472C11.144 5.838 9.584 6 8 6c-1.584 0-3.144-.162-4.424-.472.031-.075.06-.15.088-.226l.448-1.257c.18-.505.57-.806.96-.863a20.756 20.756 0 0 1 5.855 0c.392.057.78.358.96.863l.45 1.257c.027.076.056.151.087.226Zm-1.652 7.788L10.5 12.5h-5l-.272.816a1 1 0 0 1-.949.684H1.5a1 1 0 0 1-1-1V8.375c0-.88.35-1.725.972-2.347a3.32 3.32 0 0 0 .43-.528H1.25a.75.75 0 1 1 0-1.5h1.286l.164-.46c.343-.96 1.148-1.696 2.157-1.842a22.256 22.256 0 0 1 6.286 0c1.009.146 1.814.882 2.157 1.843l.164.459h1.286a.75.75 0 0 1 0 1.5h-.651c.124.19.268.367.429.528a3.32 3.32 0 0 1 .972 2.347V13a1 1 0 0 1-1 1h-2.78a1 1 0 0 1-.948-.684Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 4v8a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h6A1.5 1.5 0 0 1 12.5 4ZM11 1a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h6ZM9.5 6c0 .176-.03.345-.086.502L9.5 6.5a1.5 1.5 0 1 1-1.228 2.361c.08.667.382 1.293.862 1.773L9.5 11v.5h-3V11l.366-.366c.48-.48.782-1.106.862-1.773a1.5 1.5 0 1 1-1.142-2.359A1.5 1.5 0 1 1 9.5 6Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 4v8a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h6A1.5 1.5 0 0 1 12.5 4ZM11 1a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h6ZM5 8.25v-.5A5.564 5.564 0 0 0 7.75 4h.5A5.564 5.564 0 0 0 11 7.75v.5A5.564 5.564 0 0 0 8.25 12h-.5A5.564 5.564 0 0 0 5 8.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 4v8a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h6A1.5 1.5 0 0 1 12.5 4ZM11 1a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h6ZM4.75 7.333c0-1.148.734-2.084 1.846-2.084.613 0 1.253.595 1.404 1.501.15-.915.791-1.5 1.404-1.5 1.112 0 1.846.935 1.846 2.083 0 1.895-1.69 3.1-3.1 3.878a.307.307 0 0 1-.3-.001c-1.412-.786-3.1-1.973-3.1-3.877Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 4v8a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h6A1.5 1.5 0 0 1 12.5 4ZM11 1a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h6ZM9.296 9.5C10.279 9.5 11 8.803 11 7.855c0-1.308-1.38-2.246-2.464-2.983-.19-.13-.372-.254-.536-.372-.162.117-.342.24-.53.368C6.384 5.608 5 6.55 5 7.855 5 8.803 5.721 9.5 6.704 9.5c.388 0 .716-.124.974-.345a3.018 3.018 0 0 1-.812 1.479L6.5 11v.5h3V11l-.366-.366a3.018 3.018 0 0 1-.812-1.479c.258.221.587.345.974.345Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.177 6.705A.73.73 0 0 1 4.729 5.5h6.542a.73.73 0 0 1 .552 1.205L8.8 10.214a1 1 0 0 1-.757.347h-.084a1 1 0 0 1-.757-.347L4.177 6.705Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.295 4.177a.73.73 0 0 1 1.205.552v6.542a.73.73 0 0 1-1.205.552L5.786 8.8a1 1 0 0 1-.347-.757v-.084a1 1 0 0 1 .347-.757l3.509-3.024Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.705 11.823a.73.73 0 0 1-1.205-.552V4.729a.73.73 0 0 1 1.205-.552L10.214 7.2a1 1 0 0 1 .347.757v.084a1 1 0 0 1-.347.757l-3.509 3.024Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 6.273a.727.727 0 0 0-.18-.479L8.8 2.342A1 1 0 0 0 8.046 2h-.092a1 1 0 0 0-.753.341L4.18 5.794A.727.727 0 0 0 4.727 7h6.546A.727.727 0 0 0 12 6.273ZM4 9.727c0 .176.064.346.18.479l3.02 3.453a1 1 0 0 0 .753.341h.092a1 1 0 0 0 .753-.341l3.021-3.454A.727.727 0 0 0 11.273 9H4.727A.727.727 0 0 0 4 9.727Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.823 9.295a.73.73 0 0 1-.552 1.205H4.729a.73.73 0 0 1-.552-1.205L7.2 5.786a1 1 0 0 1 .757-.347h.084a1 1 0 0 1 .757.347l3.024 3.509Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M10.257 4.2a.858.858 0 0 1-.86.274l-3.103-.776a2.81 2.81 0 0 0-2.796.876L1.242 7.152A3 3 0 0 0 .5 9.127V12a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V3.309a1.933 1.933 0 0 0-3.4-1.258l-1.31 1.528-.533.622ZM14 6.48V3.31a.433.433 0 0 0-.762-.282l-1.842 2.15a2.358 2.358 0 0 1-2.362.753L5.93 5.154a1.31 1.31 0 0 0-1.303.408L2.37 8.139a1.5 1.5 0 0 0-.37.988v.685l2.304-1.44a2.59 2.59 0 0 1 2.458-.155l1.923.888a1.578 1.578 0 0 0 1.777-.317l.22-.22 1.575-1.574A1.862 1.862 0 0 1 14 6.479ZM2 12c0 .277.226.501.5.501h11a.5.5 0 0 0 .5-.5V8.337a.4.4 0 0 0-.683-.283L11.523 9.85a3.078 3.078 0 0 1-3.466.618L6.134 9.58a1.09 1.09 0 0 0-1.035.066L2.352 11.36a.752.752 0 0 0-.352.637Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M13.5 12.5h-11A.5.5 0 0 1 2 12v-1.611l2.812-1.985a1.25 1.25 0 0 1 1.414-.019l1.753 1.169a2.75 2.75 0 0 0 3.757-.681L14 5.728V12a.5.5 0 0 1-.5.5Zm.22-8.95-3.201 4.446a1.25 1.25 0 0 1-1.708.31L7.058 7.137a2.75 2.75 0 0 0-3.111.042L2 8.553V4a.5.5 0 0 1 .5-.5h11c.079 0 .153.018.22.05ZM.5 9.992V4a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2V9.991Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M6 4v1a.5.5 0 0 1-.5.5h-3A.5.5 0 0 1 2 5V4a.5.5 0 0 1 .5-.5h3A.5.5 0 0 1 6 4ZM2 7.5v1a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-7a.5.5 0 0 0-.5.5ZM2 11v1a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5Zm-1.5.503V4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v1c0 .173-.022.34-.063.5H9.5a2 2 0 0 1 2 2v1c0 .173-.022.34-.063.5H13.5a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2v-.497Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M14 12a.5.5 0 0 1-.5.5h-11A.5.5 0 0 1 2 12v-1a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5v1Zm0-3.5a.5.5 0 0 1-.5.5H12a.5.5 0 0 1-.5-.5v-1A.5.5 0 0 1 12 7h1.5a.5.5 0 0 1 .5.5v1ZM14 5V4a.5.5 0 0 0-.5-.5H8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h5.5A.5.5 0 0 0 14 5ZM2.5 3.5A.5.5 0 0 0 2 4v1a.5.5 0 0 0 .5.5h3A.5.5 0 0 0 6 5V4a.5.5 0 0 0-.5-.5h-3Zm-.5 4v1a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-7a.5.5 0 0 0-.5.5ZM.5 12a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2h-11a2 2 0 0 0-2 2v8Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3.5h2a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5V4a.5.5 0 0 1 .5-.5Zm-2.5 9a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5H7a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h2Zm-4.5 0A.5.5 0 0 0 5 12v-2a.5.5 0 0 0-.5-.5h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2Zm-1 1.5h-1a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h2c.173 0 .34.022.5.063V7a2 2 0 0 1 2-2h2c.173 0 .34.022.5.063V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-10Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M11 4a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5V4Zm-2 8.5a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5H7a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h2Zm-4.5 0A.5.5 0 0 0 5 12v-2a.5.5 0 0 0-.5-.5h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2ZM2 7.5V4a.5.5 0 0 1 .5-.5h2A.5.5 0 0 1 5 4v3.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5Zm5-4h2a.5.5 0 0 1 .5.5v.5A.5.5 0 0 1 9 5H7a.5.5 0 0 1-.5-.5V4a.5.5 0 0 1 .5-.5ZM7 2H2.5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H7Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.111 2.18a7 7 0 1 1 7.778 11.64A7 7 0 0 1 4.111 2.18ZM8 6.02a1.98 1.98 0 1 0 0 3.96 1.98 1.98 0 0 0 0-3.96Zm-.75-3.469a5.5 5.5 0 1 0 6.199 6.199h-2.05a3.481 3.481 0 0 1-5.86 1.71A3.48 3.48 0 0 1 7.25 4.603v-2.05Zm1.5 0v2.05a3.48 3.48 0 0 1 2.648 2.649h2.05A5.498 5.498 0 0 0 8.75 2.551Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M15.326 1.27a.75.75 0 0 1-.096 1.056l-3.674 3.062a2.75 2.75 0 0 1-2.55.522l-2.869-.86a1.25 1.25 0 0 0-1.214.285l-3.16 2.962A.75.75 0 1 1 .737 7.203l3.16-2.963a2.75 2.75 0 0 1 2.671-.628l2.868.86c.402.121.837.032 1.16-.236l3.674-3.062a.75.75 0 0 1 1.056.096Zm.113 6.185a.75.75 0 0 1-.393.984l-4.398 1.885a2.75 2.75 0 0 1-2.313-.068L6.186 9.182a1.25 1.25 0 0 0-1.238.068l-3.29 2.13a.75.75 0 0 1-.815-1.26l3.29-2.129a2.75 2.75 0 0 1 2.724-.15l2.149 1.073a1.25 1.25 0 0 0 1.051.031l4.398-1.884a.75.75 0 0 1 .984.394ZM1.25 12.5a.75.75 0 0 0 0 1.5h13.5a.75.75 0 0 0 0-1.5H1.25Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M16 4a.75.75 0 0 0-1.4-.375l-1.176 2.037-1.288-2.06A.75.75 0 0 0 10.75 4v4.25a.75.75 0 0 0 1.5 0V6.613l.564.901a.75.75 0 0 0 1.286-.022l.4-.694v1.45a.75.75 0 0 0 1.5 0V4ZM2.828 4a.75.75 0 0 0-1.218-.586L.282 4.477a.75.75 0 1 0 .937 1.171l.11-.088v2.69a.75.75 0 1 0 1.5 0V4Zm4.583.75a.695.695 0 0 0-.656.464l-.085.242a.75.75 0 1 1-1.415-.498l.085-.242A2.195 2.195 0 0 1 7.411 3.25h.257A1.858 1.858 0 0 1 8.776 6.6l-1.213.9h1.375a.75.75 0 1 1 0 1.5H5.975a.975.975 0 0 1-.581-1.758L7.88 5.395a.358.358 0 0 0-.213-.645H7.41Zm7.44 5.226a.778.778 0 1 1 .598 1.436l-4.717 1.968a2.85 2.85 0 0 1-2.374-.081l-2.263-1.132a1.296 1.296 0 0 0-1.262.057l-3.624 2.243a.778.778 0 1 1-.818-1.323l3.623-2.243a2.852 2.852 0 0 1 2.776-.126l2.264 1.132c.337.169.73.182 1.079.037l4.718-1.968ZM4.75 8.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M14.98 1.826a.75.75 0 0 0-.96-1.152L10.376 3.71a1.25 1.25 0 0 1-1.196.225l-2.155-.718a2.75 2.75 0 0 0-2.973.837L.926 7.767a.75.75 0 1 0 1.148.966l3.125-3.712a1.25 1.25 0 0 1 1.352-.38l2.155.718a2.75 2.75 0 0 0 2.63-.496l3.644-3.037ZM13.5 8h-2a.5.5 0 0 0-.5.5V13a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V8.5a.5.5 0 0 0-.5-.5Zm-4 5a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5v-2.5A.5.5 0 0 1 7 10h2a.5.5 0 0 1 .5.5V13ZM5 13a.5.5 0 0 1-.5.5h-2A.5.5 0 0 1 2 13v-.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v.5Zm-2.5 2h11a2 2 0 0 0 2-2V8.5a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v.063A2.004 2.004 0 0 0 9 8.5H7a2 2 0 0 0-2 2v.063a2.005 2.005 0 0 0-.5-.063h-2a2 2 0 0 0-2 2v.5a2 2 0 0 0 2 2Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.45 8.75a5.501 5.501 0 1 1-6.2-6.2V8c0 .414.336.75.75.75h5.45Zm0-1.5h-4.7v-4.7a5.503 5.503 0 0 1 4.7 4.7ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 3H4.5A1.5 1.5 0 0 0 3 4.5v4h5V3Zm1.5 0v5.5H13v-4A1.5 1.5 0 0 0 11.5 3h-2ZM3 11.5V10h3v3H4.5A1.5 1.5 0 0 1 3 11.5Zm8.25 1.5H7.5v-3h3.75v3ZM4.5 1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.488 3.43a.75.75 0 0 1 .081 1.058l-6 7a.75.75 0 0 1-1.1.042l-3.5-3.5A.75.75 0 0 1 4.03 6.97l2.928 2.927 5.473-6.385a.75.75 0 0 1 1.057-.081Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M7.71.058c-1.62.676-2.758 1.724-3.414 3.04l-.033.066a6.542 6.542 0 0 0-.624 2.516c-.026.493-.005.998.058 1.51l.002.01.002.016A4.002 4.002 0 0 0 5 15a3.985 3.985 0 0 0 3.317-1.764c.038-.056.075-.114.11-.173A4.002 4.002 0 0 0 11 14a4 4 0 1 0-1.391-7.752 4.105 4.105 0 0 1-.747-.327 3.322 3.322 0 0 1-.423-.285 2.792 2.792 0 0 1-.818-1.039c-.303-.67-.355-1.519-.048-2.477.13.362.292.693.48.995a4.52 4.52 0 0 0 2.006 1.753c.3.137.615.243.941.322a6.44 6.44 0 0 0 1.062.163c.36.025.728.024 1.1 0l.024-.002a9.551 9.551 0 0 0 .937-.111.75.75 0 0 0 .617-.863 5.859 5.859 0 0 0-.267-1.032 4.559 4.559 0 0 0-.965-1.59 4.662 4.662 0 0 0-1.22-.918C11.068.191 9.553.001 8.018 0a.752.752 0 0 0-.307.058Zm1.605 2.247a3.028 3.028 0 0 0 1.113 1.072l.02.01c.227.125.476.226.745.303.546.156 1.174.212 1.87.166a2.951 2.951 0 0 0-1.238-1.555 3.594 3.594 0 0 0-.238-.138 4.458 4.458 0 0 0-.707-.296C10.33 1.69 9.7 1.582 9 1.533a10.43 10.43 0 0 0-.045-.003 4.328 4.328 0 0 0 .028.08c.094.258.205.489.332.695ZM5.867 3.363c0 .2.011.399.036.594a4.367 4.367 0 0 0 .365 1.29 4.204 4.204 0 0 0 .679 1.035c.215.243.46.463.731.659.14.1.288.195.442.283a4.016 4.016 0 0 0-.548.713 3.999 3.999 0 0 0-2.387-.933 7.487 7.487 0 0 1-.055-.694 6.515 6.515 0 0 1 .009-.591 5.04 5.04 0 0 1 .466-1.886l.008-.016a4.337 4.337 0 0 1 .254-.454ZM8.608 9.27a3.98 3.98 0 0 1 .365 2.193 2.5 2.5 0 1 0 .229-3.201l-.002.002a2.48 2.48 0 0 0-.592 1.006ZM7.5 11.037V11a2.5 2.5 0 1 0 0 .037Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.97 5.47a.75.75 0 0 1 1.06 0L8 9.44l3.97-3.97a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0l-4.5-4.5a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.867 6.097a.75.75 0 0 1 1.036-.23L8 9.111l5.097-3.244a.75.75 0 0 1 .806 1.266l-5.5 3.5a.75.75 0 0 1-.806 0l-5.5-3.5a.75.75 0 0 1-.23-1.036Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.53 2.97a.75.75 0 0 1 0 1.06L6.56 8l3.97 3.97a.75.75 0 1 1-1.06 1.06l-4.5-4.5a.75.75 0 0 1 0-1.06l4.5-4.5a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.47 13.03a.75.75 0 0 1 0-1.06L9.44 8 5.47 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.5 2.75a.75.75 0 0 0-1.5 0v10.5a.75.75 0 0 0 1.5 0V2.75Zm14.5 0a.75.75 0 0 0-1.5 0v10.5a.75.75 0 0 0 1.5 0V2.75ZM3.47 4.97a.75.75 0 0 0 0 1.06L5.44 8 3.47 9.97a.75.75 0 1 0 1.06 1.06l2.5-2.5a.75.75 0 0 0 0-1.06l-2.5-2.5a.75.75 0 0 0-1.06 0Zm9.06 1.06a.75.75 0 0 0-1.06-1.06l-2.5 2.5a.75.75 0 0 0 0 1.06l2.5 2.5a.75.75 0 1 0 1.06-1.06L10.56 8l1.97-1.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.141 3.58a.75.75 0 0 0-1.06 1.061L4.439 8l-3.353 3.354a.75.75 0 1 0 1.06 1.06L6.03 8.53a.75.75 0 0 0 0-1.06L2.141 3.58Zm11.718 8.84a.75.75 0 0 0 1.06-1.061L11.561 8l3.353-3.354a.75.75 0 0 0-1.06-1.06L9.97 7.47a.75.75 0 0 0 0 1.06l3.889 3.89Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 2a.75.75 0 0 1 .75.75v10.5a.75.75 0 0 1-1.5 0V2.75A.75.75 0 0 1 8 2ZM2.22 4.97a.75.75 0 0 0 0 1.06L4.19 8 2.22 9.97a.75.75 0 1 0 1.06 1.06l2.5-2.5a.75.75 0 0 0 0-1.06l-2.5-2.5a.75.75 0 0 0-1.06 0Zm11.56 1.06a.75.75 0 0 0-1.06-1.06l-2.5 2.5a.75.75 0 0 0 0 1.06l2.5 2.5a.75.75 0 1 0 1.06-1.06L11.81 8l1.97-1.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M15.25 6.993a.75.75 0 0 0 0-1.5H10.5V.75a.75.75 0 1 0-1.5 0v5.493c0 .414.336.75.75.75h5.5ZM.75 9.007a.75.75 0 1 0 0 1.5H5.5v4.743a.75.75 0 0 0 1.5 0V9.757a.75.75 0 0 0-.75-.75H.75Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.42 2.141a.75.75 0 1 0-1.061-1.06L8 4.439 4.646 1.086a.75.75 0 1 0-1.06 1.06L7.47 6.03a.75.75 0 0 0 1.06 0l3.89-3.889ZM3.58 13.86a.75.75 0 0 0 1.061 1.06L8 11.561l3.354 3.353a.75.75 0 0 0 1.06-1.06L8.53 9.97a.75.75 0 0 0-1.06 0l-3.89 3.889Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.03 3.47a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 0 0-1.06-1.06L8 6.44 5.03 3.47Zm0 5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 0 0-1.06-1.06L8 11.44 5.03 8.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.903 3.617a.75.75 0 1 0-.806 1.266l5.5 3.5a.75.75 0 0 0 .806 0l5.5-3.5a.75.75 0 1 0-.806-1.266L8 6.861 2.903 3.617Zm0 4.5a.75.75 0 1 0-.806 1.266l5.5 3.5a.75.75 0 0 0 .806 0l5.5-3.5a.75.75 0 1 0-.806-1.266L8 11.361 2.903 8.117Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 2a.75.75 0 0 1 .75.75v10.5a.75.75 0 0 1-1.5 0V2.75A.75.75 0 0 1 8 2ZM4.78 4.97a.75.75 0 0 1 0 1.06L2.81 8l1.97 1.97a.75.75 0 1 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1 0-1.06l2.5-2.5a.75.75 0 0 1 1.06 0Zm6.44 1.06a.75.75 0 0 1 1.06-1.06l2.5 2.5a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 1 1-1.06-1.06L13.19 8l-1.97-1.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M11.891 3.58a.75.75 0 0 0-1.06 1.061L14.188 8l-3.353 3.354a.75.75 0 1 0 1.06 1.06L15.78 8.53a.75.75 0 0 0 0-1.06l-3.889-3.89ZM4.11 12.42a.75.75 0 0 0 1.06-1.061L1.811 8l3.353-3.354a.75.75 0 1 0-1.06-1.06L.22 7.47a.75.75 0 0 0 0 1.06l3.889 3.89Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.5 2.75a.75.75 0 0 0-1.5 0v10.5a.75.75 0 0 0 1.5 0V2.75Zm14.5 0a.75.75 0 0 0-1.5 0v10.5a.75.75 0 0 0 1.5 0V2.75ZM6.53 4.97a.75.75 0 0 1 0 1.06L4.56 8l1.97 1.97a.75.75 0 1 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1 0-1.06l2.5-2.5a.75.75 0 0 1 1.06 0Zm2.94 1.06a.75.75 0 0 1 1.06-1.06l2.5 2.5a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 1 1-1.06-1.06L11.44 8 9.47 6.03Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.754 2.004a.75.75 0 0 0 0 1.5h4.75v4.742a.75.75 0 0 0 1.5 0V2.754a.75.75 0 0 0-.75-.75h-5.5Zm.492 11.992a.75.75 0 0 0 0-1.5h-4.75V7.754a.75.75 0 0 0-1.5 0v5.492a.75.75 0 0 0 .75.75h5.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M3.58 4.109a.75.75 0 0 0 1.061 1.06L8 1.811l3.354 3.353a.75.75 0 0 0 1.06-1.06L8.53.22a.75.75 0 0 0-1.06 0L3.58 4.109Zm8.84 7.782a.75.75 0 1 0-1.061-1.06l-3.36 3.358-3.353-3.353a.75.75 0 1 0-1.06 1.06L7.47 15.78a.75.75 0 0 0 1.06 0l3.89-3.889Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.53 5.03a.75.75 0 0 0-1.06-1.06l-3.5 3.5a.75.75 0 0 0 0 1.06l3.5 3.5a.75.75 0 1 0 1.06-1.06L9.56 8l2.97-2.97Zm-5 0a.75.75 0 0 0-1.06-1.06l-3.5 3.5a.75.75 0 0 0 0 1.06l3.5 3.5a.75.75 0 0 0 1.06-1.06L4.56 8l2.97-2.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.47 10.97a.75.75 0 1 0 1.06 1.06l3.5-3.5a.75.75 0 0 0 0-1.06l-3.5-3.5a.75.75 0 0 0-1.06 1.06L6.44 8l-2.97 2.97Zm5 0a.75.75 0 1 0 1.06 1.06l3.5-3.5a.75.75 0 0 0 0-1.06l-3.5-3.5a.75.75 0 0 0-1.06 1.06L11.44 8l-2.97 2.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.97 12.53a.75.75 0 1 0 1.06-1.06l-3.5-3.5a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 1 0 1.06 1.06L8 9.56l2.97 2.97Zm0-5a.75.75 0 1 0 1.06-1.06l-3.5-3.5a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L8 4.56l2.97 2.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.097 12.383a.75.75 0 0 0 .806-1.266l-5.5-3.5a.75.75 0 0 0-.806 0l-5.5 3.5a.75.75 0 1 0 .806 1.266L8 9.139l5.097 3.244Zm0-4.5a.75.75 0 0 0 .806-1.266l-5.5-3.5a.75.75 0 0 0-.806 0l-5.5 3.5a.75.75 0 0 0 .806 1.266L8 4.639l5.097 3.244Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.03 10.53a.75.75 0 0 1-1.06 0L8 6.56l-3.97 3.97a.75.75 0 1 1-1.06-1.06l4.5-4.5a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1 0 1.06Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.867 9.903a.75.75 0 0 0 1.036.23L8 6.889l5.097 3.244a.75.75 0 0 0 .806-1.266l-5.5-3.5a.75.75 0 0 0-.806 0l-5.5 3.5a.75.75 0 0 0-.23 1.036Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 5a.75.75 0 0 0-1.5 0v4.19l-.72-.72a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.06 0l2-2a.75.75 0 1 0-1.06-1.06l-.72.72V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm.75-10a.75.75 0 0 0-1.5 0v4.19l-.72-.72a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.06 0l2-2a.75.75 0 1 0-1.06-1.06l-.72.72V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-4 .75a.75.75 0 0 0 0-1.5H6.81l.72-.72a.75.75 0 0 0-1.06-1.06l-2 2a.75.75 0 0 0 0 1.06l2 2a.75.75 0 1 0 1.06-1.06l-.72-.72H11Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm3-6.25a.75.75 0 0 0 0-1.5H6.81l.72-.72a.75.75 0 0 0-1.06-1.06l-2 2a.75.75 0 0 0 0 1.06l2 2a.75.75 0 1 0 1.06-1.06l-.72-.72H11Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM5 7.25a.75.75 0 0 0 0 1.5h4.19l-.72.72a.75.75 0 0 0 1.06 1.06l2-2a.75.75 0 0 0 0-1.06l-2-2a.75.75 0 0 0-1.06 1.06l.72.72H5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM5 7.25a.75.75 0 0 0 0 1.5h4.19l-.72.72a.75.75 0 0 0 1.06 1.06l2-2a.75.75 0 0 0 0-1.06l-2-2a.75.75 0 0 0-1.06 1.06l.72.72H5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-7.75 3a.75.75 0 0 0 1.5 0V6.81l.72.72a.75.75 0 1 0 1.06-1.06l-2-2a.75.75 0 0 0-1.06 0l-2 2a.75.75 0 1 0 1.06 1.06l.72-.72V11Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm-.75-4a.75.75 0 0 0 1.5 0V6.81l.72.72a.75.75 0 1 0 1.06-1.06l-2-2a.75.75 0 0 0-1.06 0l-2 2a.75.75 0 1 0 1.06 1.06l.72-.72V11Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-3.9-1.55a.75.75 0 1 0-1.2-.9L7.419 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08l3-4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm3.1-8.55a.75.75 0 1 0-1.2-.9L7.419 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08l3-4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 8a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0ZM1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8Zm5.03-1.28a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l2.5-2.5a.75.75 0 1 0-1.06-1.06L8 8.69 6.03 6.72Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1ZM6.03 6.72a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l2.5-2.5a.75.75 0 1 0-1.06-1.06L8 8.69 6.03 6.72Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 2.5a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11ZM8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1Zm1.28 5.03a.75.75 0 0 0-1.06-1.06l-2.5 2.5a.75.75 0 0 0 0 1.06l2.5 2.5a.75.75 0 1 0 1.06-1.06L7.31 8l1.97-1.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M15 8A7 7 0 1 0 1 8a7 7 0 0 0 14 0ZM9.28 6.03a.75.75 0 0 0-1.06-1.06l-2.5 2.5a.75.75 0 0 0 0 1.06l2.5 2.5a.75.75 0 1 0 1.06-1.06L7.31 8l1.97-1.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11ZM8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14ZM6.72 9.97a.75.75 0 0 0 1.06 1.06l2.5-2.5a.75.75 0 0 0 0-1.06l-2.5-2.5a.75.75 0 0 0-1.06 1.06L8.69 8 6.72 9.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Zm5.72 1.97a.75.75 0 1 0 1.06 1.06l2.5-2.5a.75.75 0 0 0 0-1.06l-2.5-2.5a.75.75 0 0 0-1.06 1.06L8.69 8 6.72 9.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 2.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11ZM8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1ZM5.72 4.97a.75.75 0 0 1 1.06 0L8 6.19l1.22-1.22a.75.75 0 1 1 1.06 1.06L8.53 7.78a.75.75 0 0 1-1.06 0L5.72 6.03a.75.75 0 0 1 0-1.06Zm1.06 3.75a.75.75 0 0 0-1.06 1.06l1.75 1.75a.75.75 0 0 0 1.06 0l1.75-1.75a.75.75 0 1 0-1.06-1.06L8 9.94 6.78 8.72Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 0-11 0 5.5 5.5 0 0 0 11 0ZM15 8A7 7 0 1 0 1 8a7 7 0 0 0 14 0Zm-3.97-2.28a.75.75 0 0 1 0 1.06L9.81 8l1.22 1.22a.75.75 0 1 1-1.06 1.06L8.22 8.53a.75.75 0 0 1 0-1.06l1.75-1.75a.75.75 0 0 1 1.06 0ZM7.28 6.78a.75.75 0 0 0-1.06-1.06L4.47 7.47a.75.75 0 0 0 0 1.06l1.75 1.75a.75.75 0 1 0 1.06-1.06L6.06 8l1.22-1.22Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 8a5.5 5.5 0 1 0 11 0 5.5 5.5 0 0 0-11 0ZM1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Zm3.97 2.28a.75.75 0 0 1 0-1.06L6.19 8 4.97 6.78a.75.75 0 0 1 1.06-1.06l1.75 1.75a.75.75 0 0 1 0 1.06l-1.75 1.75a.75.75 0 0 1-1.06 0Zm3.75-1.06a.75.75 0 1 0 1.06 1.06l1.75-1.75a.75.75 0 0 0 0-1.06L9.78 5.72a.75.75 0 0 0-1.06 1.06L9.94 8 8.72 9.22Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm2.28-3.97a.75.75 0 0 1-1.06 0L8 9.81l-1.22 1.22a.75.75 0 1 1-1.06-1.06l1.75-1.75a.75.75 0 0 1 1.06 0l1.75 1.75a.75.75 0 0 1 0 1.06ZM9.22 7.28a.75.75 0 1 0 1.06-1.06L8.53 4.47a.75.75 0 0 0-1.06 0L5.72 6.22a.75.75 0 0 0 1.06 1.06L8 6.06l1.22 1.22Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM9.97 9.28a.75.75 0 1 0 1.06-1.06l-2.5-2.5a.75.75 0 0 0-1.06 0l-2.5 2.5a.75.75 0 0 0 1.06 1.06L8 7.31l1.97 1.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm1.97-5.72a.75.75 0 1 0 1.06-1.06l-2.5-2.5a.75.75 0 0 0-1.06 0l-2.5 2.5a.75.75 0 0 0 1.06 1.06L8 7.31l1.97 1.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.906 1.085a7.047 7.047 0 0 1 2.188 0 .75.75 0 0 1-.232 1.482 5.546 5.546 0 0 0-1.724 0 .75.75 0 0 1-.232-1.482ZM4.933 2.502a.75.75 0 0 1-.166 1.048c-.466.34-.878.75-1.217 1.217a.75.75 0 0 1-1.213-.882 7.036 7.036 0 0 1 1.548-1.548.75.75 0 0 1 1.048.165Zm6.135 0a.75.75 0 0 1 1.047-.165 7.037 7.037 0 0 1 1.548 1.548.75.75 0 0 1-1.213.882 5.533 5.533 0 0 0-1.217-1.217.75.75 0 0 1-.165-1.048ZM1.943 6.28a.75.75 0 0 1 .624.857 5.546 5.546 0 0 0 0 1.724.75.75 0 0 1-1.482.232 7.047 7.047 0 0 1 0-2.188.75.75 0 0 1 .858-.625Zm12.114 0a.75.75 0 0 1 .858.625 7.048 7.048 0 0 1 0 2.188.75.75 0 1 1-1.482-.232 5.54 5.54 0 0 0 0-1.724.75.75 0 0 1 .624-.857ZM2.502 11.068a.75.75 0 0 1 1.048.165c.34.466.75.878 1.217 1.217a.75.75 0 0 1-.882 1.213 7.037 7.037 0 0 1-1.548-1.548.75.75 0 0 1 .165-1.047Zm10.996 0a.75.75 0 0 1 .165 1.047 7.037 7.037 0 0 1-1.548 1.548.75.75 0 0 1-.883-1.213 5.53 5.53 0 0 0 1.218-1.217.75.75 0 0 1 1.048-.165Zm-7.217 2.99a.75.75 0 0 1 .857-.625 5.54 5.54 0 0 0 1.724 0 .75.75 0 0 1 .232 1.482 7.048 7.048 0 0 1-2.188 0 .75.75 0 0 1-.625-.857Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 4.25a.75.75 0 0 0-1.5 0v.339a2.477 2.477 0 0 0-1.007.47 1.95 1.95 0 0 0-.74 1.546c0 .764.474 1.265.94 1.559.456.287 1.007.448 1.448.547.462.102.843.191 1.118.341.228.125.275.224.275.376 0 .102-.04.217-.248.341-.224.135-.577.229-.982.229-.344 0-.683-.114-.953-.29-.281-.184-.42-.388-.457-.506a.75.75 0 1 0-1.43.452c.171.543.591 1 1.068 1.31.284.185.612.335.968.429v.357a.75.75 0 0 0 1.5 0v-.313c.375-.067.74-.19 1.058-.382.53-.319.976-.864.976-1.627 0-.864-.51-1.394-1.055-1.692-.478-.26-1.056-.389-1.46-.478l-.053-.012c-.386-.086-.736-.202-.973-.352-.227-.142-.24-.236-.24-.29a.45.45 0 0 1 .18-.375c.134-.108.403-.227.87-.227.47 0 .742.11.9.218a.832.832 0 0 1 .316.41.75.75 0 0 0 1.407-.52 2.331 2.331 0 0 0-.878-1.13 2.713 2.713 0 0 0-1.048-.417V4.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm1-4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM8.75 5a.75.75 0 0 0-1.5 0v2.5a.75.75 0 0 0 1.5 0V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-6 2.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM8.75 5a.75.75 0 0 0-1.5 0v2.5a.75.75 0 0 0 1.5 0V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm1-9.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-.25 3a.75.75 0 0 0-1.5 0V11a.75.75 0 0 0 1.5 0V8.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm1-9.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM8 7.75a.75.75 0 0 1 .75.75V11a.75.75 0 0 1-1.5 0V8.5A.75.75 0 0 1 8 7.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM6.458 8c0-.8.2-1.289.445-1.569C7.136 6.165 7.487 6 8 6c.368 0 .648.086.857.222.205.134.384.345.51.672a.75.75 0 0 0 1.4-.538c-.226-.59-.593-1.066-1.09-1.39C9.181 4.643 8.604 4.5 8 4.5c-.862 0-1.657.293-2.226.944-.557.637-.816 1.523-.816 2.556 0 1.033.259 1.92.816 2.556.569.65 1.364.944 2.226.944.605 0 1.182-.143 1.676-.466.498-.324.865-.8 1.091-1.39a.75.75 0 0 0-1.4-.538c-.126.327-.305.538-.51.672-.209.136-.49.222-.857.222-.513 0-.864-.165-1.097-.431-.245-.28-.445-.77-.445-1.569Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM6.75 5a.75.75 0 0 0-.75.75v5a.75.75 0 0 0 1.5 0v-1.5h1.75a.75.75 0 0 0 0-1.5H7.5V6.5h2.25a.75.75 0 0 0 0-1.5h-3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM7 5.5a.75.75 0 0 0-1.5 0v5a.75.75 0 0 0 1.5 0V8.75h2v1.75a.75.75 0 0 0 1.5 0v-5a.75.75 0 0 0-1.5 0v1.75H7V5.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM6.75 5a.75.75 0 0 0-.75.75v5a.75.75 0 0 0 1.5 0V9.5h1a2.25 2.25 0 0 0 0-4.5H6.75Zm2.5 2.25A.75.75 0 0 1 8.5 8h-1V6.5h1a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM5.75 5.5a.75.75 0 0 1 .75-.75h1.75a2.25 2.25 0 0 1 1.38 4.028l.771 1.35a.75.75 0 0 1-1.302.744L8.172 9.25H7.25v1.25a.75.75 0 0 1-1.5 0v-5Zm1.5 2.25h1a.75.75 0 0 0 0-1.5h-1v1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.054 4.502c-.708 0-1.34.18-1.811.558a1.95 1.95 0 0 0-.74 1.545c0 .764.474 1.265.94 1.559.457.287 1.007.448 1.448.547.462.102.844.191 1.119.341.227.125.274.224.274.376 0 .102-.04.217-.248.341-.224.135-.577.229-.982.229-.344 0-.682-.114-.952-.29-.282-.184-.42-.388-.457-.506a.75.75 0 1 0-1.43.452c.17.543.59 1 1.067 1.31a3.273 3.273 0 0 0 1.772.534c.602 0 1.24-.134 1.754-.443.53-.319.976-.864.976-1.627 0-.864-.51-1.394-1.055-1.692-.478-.26-1.056-.389-1.46-.478l-.053-.012c-.386-.086-.736-.202-.973-.352-.227-.142-.24-.236-.24-.29a.45.45 0 0 1 .18-.375c.134-.108.403-.227.87-.227.47 0 .742.11.9.218a.832.832 0 0 1 .316.41.75.75 0 0 0 1.407-.52A2.33 2.33 0 0 0 9.8 4.98c-.455-.31-1.037-.478-1.745-.478Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM6 5a.75.75 0 0 0 0 1.5h1.25v4.25a.75.75 0 0 0 1.5 0V6.5H10A.75.75 0 0 0 10 5H6Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM5.712 5.763a.75.75 0 1 0-1.424.474l1.5 4.5a.75.75 0 0 0 1.424 0L8 8.372l.788 2.365a.75.75 0 0 0 1.423 0l1.5-4.5a.75.75 0 1 0-1.422-.474L9.5 8.128l-.788-2.365a.75.75 0 0 0-1.424 0L6.5 8.128l-.788-2.365Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM6.221 7.298a.707.707 0 0 0-1 0A2.461 2.461 0 1 0 8.7 10.78a.707.707 0 0 0 0-1l-.06-.06a.707.707 0 0 0-1 0 .961.961 0 0 1-1.36-1.36.707.707 0 0 0 0-1l-.06-.06Zm3.497 1.344a.707.707 0 0 1 0-1.001.961.961 0 0 0-1.359-1.36.707.707 0 0 1-1 0l-.06-.06a.707.707 0 0 1 0-1 2.461 2.461 0 1 1 3.48 3.48.707.707 0 0 1-1 0l-.06-.06Zm-.781-.518a.75.75 0 0 0-1.061-1.06l-.813.812a.75.75 0 0 0 1.061 1.06l.813-.812Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-9.5-.75a.75.75 0 0 0 0 1.5h5a.75.75 0 0 0 0-1.5h-5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM5.5 7.25a.75.75 0 0 0 0 1.5h5a.75.75 0 0 0 0-1.5h-5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM9.5 8c0 .923-.236 1.396-.44 1.622C8.875 9.828 8.565 10 8 10c-.565 0-.875-.172-1.06-.378C6.736 9.396 6.5 8.923 6.5 8c0-.923.236-1.395.44-1.621C7.125 6.173 7.435 6 8 6c.565 0 .875.173 1.06.379.204.226.44.698.44 1.621ZM11 8c0 2.333-1.2 3.5-3 3.5S5 10.333 5 8s1.2-3.5 3-3.5 3 1.167 3 3.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM9 5.5a.75.75 0 0 0-1.23-.576l-1.5 1.25a.75.75 0 1 0 .96 1.152l.27-.225V10.5a.75.75 0 0 0 1.5 0v-5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M6.569 7.088a5.344 5.344 0 0 1 1.544-.181c.623.017 1.311.15 1.869.502.596.375 1.018.993 1.018 1.841 0 1.405-1.39 2.25-3 2.25-.885 0-1.688-.289-2.254-.95-.55-.641-.788-1.529-.788-2.55 0-1.033.259-1.92.816-2.556C6.343 4.794 7.138 4.5 8 4.5c1.17 0 1.793.308 2.335.58a.75.75 0 1 1-.67 1.34l-.012-.005C9.201 6.19 8.823 6 8 6c-.513 0-.864.165-1.097.431a1.665 1.665 0 0 0-.334.657ZM8.07 8.406a3.71 3.71 0 0 0-1.271.18 1.648 1.648 0 0 0-.282.126c.074.403.21.68.367.862.22.257.564.426 1.116.426 1.265 0 1.5-.586 1.5-.75 0-.277-.109-.44-.318-.573-.248-.156-.639-.258-1.112-.271Z"></path><path d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Z"></path></g></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM6.5 5a.75.75 0 1 0 0 1.5h2.174l-1.378 3.74a.75.75 0 0 0 1.408.52l1.75-4.75A.75.75 0 0 0 9.75 5H6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm1.443-5.436A.692.692 0 0 0 9.5 9.25a.692.692 0 0 0-.057-.314.413.413 0 0 0-.14-.153C9.124 8.655 8.723 8.5 8 8.5s-1.124.155-1.303.283a.413.413 0 0 0-.14.153.692.692 0 0 0-.057.314c0 .172.033.265.057.314a.413.413 0 0 0 .14.153c.179.128.58.283 1.303.283s1.124-.155 1.303-.283a.413.413 0 0 0 .14-.153Zm-3.647-1.98C5.29 7.957 5 8.513 5 9.25c0 1.5 1.2 2.25 3 2.25s3-.75 3-2.25c0-.736-.289-1.292-.796-1.667.192-.291.296-.652.296-1.083 0-1.333-1-2-2.5-2s-2.5.667-2.5 2c0 .43.104.792.296 1.083ZM8 7c.556 0 .817-.127.903-.193a.173.173 0 0 0 .06-.069A.567.567 0 0 0 9 6.5a.567.567 0 0 0-.038-.238.173.173 0 0 0-.059-.069C8.817 6.127 8.556 6 8 6s-.817.127-.903.193a.173.173 0 0 0-.06.069A.567.567 0 0 0 7 6.5c0 .144.026.214.038.238.01.022.024.042.059.069.086.066.347.193.903.193Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Z"></path><path d="M9.491 8.81a5.344 5.344 0 0 1-1.527.289c-.623.025-1.319-.059-1.9-.37-.62-.334-1.085-.921-1.144-1.767C4.822 5.56 6.151 4.621 7.756 4.51c.883-.062 1.704.17 2.315.79.594.601.892 1.47.963 2.49.072 1.03-.124 1.932-.635 2.606-.523.688-1.295 1.037-2.155 1.097-1.167.08-1.81-.183-2.37-.416a.75.75 0 1 1 .575-1.385l.012.005c.467.194.857.356 1.678.3.512-.037.85-.225 1.065-.508.122-.16.226-.382.287-.678Zm-.334-1.48a1.65 1.65 0 0 0 .273-.144c-.102-.397-.258-.663-.427-.834-.237-.24-.592-.386-1.142-.347-1.262.088-1.456.689-1.444.853a.611.611 0 0 0 .357.549c.258.138.655.212 1.128.193a3.71 3.71 0 0 0 1.255-.27Z"></path></g></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm1.75-9.75a1 1 0 0 1 1 1v3.5a1 1 0 1 1-2 0v-3.5a1 1 0 0 1 1-1Zm-2.5 1a1 1 0 0 0-2 0v3.5a1 1 0 1 0 2 0v-3.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-7.75 3.031L11 8.866a1 1 0 0 0 0-1.732L7.25 4.969a1 1 0 0 0-1.5.866v4.33a1 1 0 0 0 1.5.866Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 5.5a.75.75 0 0 0-1.5 0v1.75H5.5a.75.75 0 0 0 0 1.5h1.75v1.75a.75.75 0 0 0 1.5 0V8.75h1.75a.75.75 0 0 0 0-1.5H8.75V5.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm.75-9.5a.75.75 0 0 0-1.5 0v1.75H5.5a.75.75 0 0 0 0 1.5h1.75v1.75a.75.75 0 0 0 1.5 0V8.75h1.75a.75.75 0 0 0 0-1.5H8.75V5.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM6.44 4.54c.43-.354.994-.565 1.56-.565 1.217 0 2.34.82 2.34 2.14 0 .377-.079.745-.298 1.1-.208.339-.513.614-.875.867-.217.153-.326.257-.379.328-.038.052-.038.07-.038.089a.75.75 0 0 1-1.5 0c0-.794.544-1.286 1.057-1.645.28-.196.4-.332.458-.426a.543.543 0 0 0 .074-.312c0-.3-.243-.641-.839-.641a.997.997 0 0 0-.608.223c-.167.138-.231.287-.231.418a.75.75 0 1 1-1.5 0c0-.674.345-1.22.78-1.577ZM8 12a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill-rule="evenodd" clip-rule="evenodd"><path fill="currentColor" d="M2.5 8a5.5 5.5 0 0 1 6.38-5.43.75.75 0 0 0 .24-1.48 7 7 0 1 0 5.792 5.792.75.75 0 1 0-1.482.237A5.5 5.5 0 1 1 2.5 8Zm3.94-3.46c.43-.354.994-.565 1.56-.565 1.217 0 2.34.82 2.34 2.14 0 .377-.079.745-.298 1.1-.208.339-.513.614-.875.867-.217.153-.326.257-.379.328-.038.052-.038.07-.038.089a.75.75 0 0 1-1.5 0c0-.794.544-1.286 1.056-1.645.28-.196.402-.332.46-.425a.543.543 0 0 0 .073-.313c0-.3-.243-.641-.839-.641a.997.997 0 0 0-.608.224c-.167.137-.231.286-.231.417a.75.75 0 1 1-1.5 0c0-.673.345-1.22.78-1.577ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path><path fill="#F33" d="M12.5 5.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"></path></g></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM6.44 4.54c.43-.354.994-.565 1.56-.565 1.217 0 2.34.82 2.34 2.14 0 .377-.079.745-.298 1.1-.208.339-.513.614-.875.867-.217.153-.326.257-.379.328-.038.052-.038.07-.038.089a.75.75 0 0 1-1.5 0c0-.794.544-1.286 1.056-1.645.28-.196.402-.332.46-.425a.543.543 0 0 0 .073-.313c0-.3-.243-.641-.839-.641a.997.997 0 0 0-.608.224c-.167.137-.231.286-.231.417a.75.75 0 0 1-1.5 0c0-.673.345-1.22.78-1.577ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM6.75 4a.75.75 0 0 0-.75.75v2.5h-.125a.75.75 0 0 0 0 1.5H6v.5h-.125a.75.75 0 0 0 0 1.5H6v.5a.75.75 0 0 0 1.5 0v-.5H9a.75.75 0 0 0 0-1.5H7.5v-.5h1.125a2.375 2.375 0 1 0 0-4.75H6.75Zm1.875 3.25H7.5V5.5h1.125a.875.875 0 1 1 0 1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.047 7.125A3 3 0 1 0 4.5 1.5a3 3 0 0 0-1.453 5.625ZM4.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-1.453 8.125A3 3 0 1 0 4.5 8.5a3 3 0 0 0-1.453 5.625ZM4.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm7 1.5a3 3 0 1 1 0-6 3 3 0 1 1 0 6Zm1.5-3a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm-.75-9.25a.75.75 0 0 0-1.5 0v1.501h-1.5a.75.75 0 1 0 0 1.5h1.501v1.502a.75.75 0 0 0 1.5 0V5.25h1.501a.75.75 0 0 0 0-1.5h-1.5v-1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M10.502 4.392a2.75 2.75 0 1 0-5.004-2.285 2.75 2.75 0 0 0 5.004 2.285Zm-4.75 2.466a2.76 2.76 0 0 0-1.36-1.36 2.75 2.75 0 1 0 1.36 1.36Zm1.106 3.39a2.76 2.76 0 0 0-1.36 1.36 2.75 2.75 0 1 0 1.36-1.36Zm3.39-1.106a2.753 2.753 0 0 0 1.36 1.36 2.75 2.75 0 1 0-1.36-1.36ZM8 2a1.25 1.25 0 1 0 0 2.5A1.25 1.25 0 0 0 8 2Zm6 6a1.25 1.25 0 1 0-2.5 0A1.25 1.25 0 0 0 14 8Zm-6 3.5A1.25 1.25 0 1 0 8 14a1.25 1.25 0 0 0 0-2.5ZM4.5 8A1.25 1.25 0 1 0 2 8a1.25 1.25 0 0 0 2.5 0Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.047 7.125A3 3 0 1 0 4.5 1.5a3 3 0 0 0-1.453 5.625ZM4.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm5.547 1.125A3 3 0 1 0 11.5 1.5a3 3 0 0 0-1.453 5.625ZM11.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-7 8.5a3 3 0 1 1 0-6 3 3 0 0 1 0 6Zm1.5-3a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm4.047 2.625A3 3 0 1 0 11.5 8.5a3 3 0 0 0-1.453 5.625ZM11.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.069 5.55A2.497 2.497 0 0 0 5 3.5a2.5 2.5 0 1 0-3.931 2.05ZM2.5 4.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm11 1.5A2.497 2.497 0 0 1 11 3.5 2.5 2.5 0 1 1 13.5 6Zm1-2.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6.069 8.55A2.497 2.497 0 0 0 10 6.5a2.5 2.5 0 1 0-3.931 2.05ZM7.5 7.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM12 14a2.497 2.497 0 0 1-2.5-2.5A2.5 2.5 0 1 1 12 14Zm1-2.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM4.5 16A2.497 2.497 0 0 1 2 13.5 2.5 2.5 0 1 1 4.5 16Zm1-2.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 8a5.5 5.5 0 0 1 8.14-4.827.75.75 0 1 0 .72-1.315 7 7 0 0 0-9.502 9.502.75.75 0 0 0 1.315-.72A5.472 5.472 0 0 1 2.5 8Zm11.642-3.36a.75.75 0 1 0-1.315.72 5.5 5.5 0 0 1-7.466 7.466.75.75 0 1 0-.722 1.316 7 7 0 0 0 9.502-9.502ZM9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.576 11.854a4 4 0 1 1 0-7.707A5.482 5.482 0 0 0 5 8c0 1.5.601 2.861 1.576 3.854ZM8 12.9a5.5 5.5 0 1 1 0-9.8 5.5 5.5 0 1 1 0 9.8Zm1.424-8.754A4.003 4.003 0 0 1 14.5 8a4 4 0 0 1-5.076 3.854A5.483 5.483 0 0 0 11 8c0-1.5-.601-2.861-1.576-3.854ZM8 4.877C8.914 5.61 9.5 6.737 9.5 8c0 1.263-.586 2.39-1.5 3.123A3.993 3.993 0 0 1 6.5 8c0-1.263.586-2.39 1.5-3.123Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM5.25 6.25a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1v3.5a1 1 0 0 1-1 1h-3.5a1 1 0 0 1-1-1v-3.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM6.53 5.47a.75.75 0 0 0-1.06 1.06L6.94 8 5.47 9.47a.75.75 0 1 0 1.06 1.06L8 9.06l1.47 1.47a.75.75 0 1 0 1.06-1.06L9.06 8l1.47-1.47a.75.75 0 1 0-1.06-1.06L8 6.94 6.53 5.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM6.53 5.47a.75.75 0 0 0-1.06 1.06L6.94 8 5.47 9.47a.75.75 0 1 0 1.06 1.06L8 9.06l1.47 1.47a.75.75 0 1 0 1.06-1.06L9.06 8l1.47-1.47a.75.75 0 1 0-1.06-1.06L8 6.94 6.53 5.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 4.5a.75.75 0 0 0-1.5 0V8a.75.75 0 0 0 .3.6l2 1.5a.75.75 0 1 0 .9-1.2l-1.7-1.275V4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1 1 7.348 6.445.75.75 0 1 1-.194-1.487A5.001 5.001 0 1 0 4.5 11.57v-1.32a.75.75 0 0 1 1.5 0v3a.75.75 0 0 1-.75.75h-3a.75.75 0 0 1 0-1.5h1.06A6.48 6.48 0 0 1 1.5 8ZM8 4.25a.75.75 0 0 1 .75.75v2.625l1.033.775a.75.75 0 1 1-.9 1.2l-1.333-1a.75.75 0 0 1-.3-.6V5A.75.75 0 0 1 8 4.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm.75-10.5a.75.75 0 0 0-1.5 0V8a.75.75 0 0 0 .3.6l2 1.5a.75.75 0 1 0 .9-1.2l-1.7-1.275V4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 6.25a3.25 3.25 0 0 1 6.051-1.65 4.497 4.497 0 0 0-2.35 1.34A.75.75 0 0 0 9.3 6.96a2.99 2.99 0 0 1 2.3-.958A3 3 0 0 1 11.5 12H3.75a2.25 2.25 0 0 1-.002-4.5h.03a.75.75 0 0 0 .747-.843A3.289 3.289 0 0 1 4.5 6.25ZM7.75 1.5a4.75 4.75 0 0 0-4.747 4.574A3.751 3.751 0 0 0 3.75 13.5h7.75a4.5 4.5 0 0 0 .687-8.948A4.751 4.751 0 0 0 7.75 1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M4.5 5.25a3.25 3.25 0 0 1 6.398-.811.75.75 0 0 0 .702.563A3 3 0 0 1 11.5 11h-.75a.75.75 0 0 0 0 1.5h.75a4.5 4.5 0 0 0 .687-8.948 4.751 4.751 0 0 0-9.184 1.522A3.751 3.751 0 0 0 3.75 12.5h1.5a.75.75 0 0 0 0-1.5H3.751a2.25 2.25 0 0 1-.003-4.5h.03a.75.75 0 0 0 .747-.843A3.289 3.289 0 0 1 4.5 5.25Zm4.25 3.31.72.72a.75.75 0 1 0 1.06-1.06l-2-2a.75.75 0 0 0-1.06 0l-2 2a.75.75 0 0 0 1.06 1.06l.72-.72v6.69a.75.75 0 0 0 1.5 0V8.56Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 6.25a3.25 3.25 0 0 1 6.398-.811.75.75 0 0 0 .702.563A3 3 0 0 1 11.5 12H3.75a2.25 2.25 0 0 1-.002-4.5h.03a.75.75 0 0 0 .747-.843A3.289 3.289 0 0 1 4.5 6.25ZM7.75 1.5a4.75 4.75 0 0 0-4.747 4.574A3.751 3.751 0 0 0 3.75 13.5h7.75a4.5 4.5 0 0 0 .687-8.948A4.751 4.751 0 0 0 7.75 1.5Zm2.85 5.75a.75.75 0 1 0-1.2-.9L7.369 9.058 6.28 7.97a.75.75 0 1 0-1.06 1.06l1.7 1.7a.75.75 0 0 0 1.13-.08l2.55-3.4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 5.25a3.25 3.25 0 0 1 6.398-.811.75.75 0 0 0 .702.563 2.986 2.986 0 0 1 1.94.798c.591.549.96 1.33.96 2.2A.75.75 0 0 0 16 8a4.49 4.49 0 0 0-1.44-3.3 4.489 4.489 0 0 0-2.373-1.148 4.751 4.751 0 0 0-9.184 1.522A3.751 3.751 0 0 0 3.75 12.5h.5a.75.75 0 0 0 0-1.5h-.5a2.25 2.25 0 0 1-.002-4.5h.03a.75.75 0 0 0 .747-.843A3.289 3.289 0 0 1 4.5 5.25Zm8.509 5.939a2.223 2.223 0 0 1-1.66-2.138l-.68-.256a2.38 2.38 0 0 1-2.748.816l-.406.569c.57.788.57 1.87 0 2.657l.406.569a2.38 2.38 0 0 1 2.747.816l.68-.255a2.223 2.223 0 0 1 1.66-2.139v-.639Zm-.113-2.396a.715.715 0 0 0-.418-.921l-1.798-.674a.865.865 0 0 0-1.114.506.87.87 0 0 1-1.32.395.884.884 0 0 0-1.23.2L5.94 9.805a.771.771 0 0 0 .18 1.076c.43.307.43.948 0 1.255a.771.771 0 0 0-.18 1.076l1.076 1.506a.884.884 0 0 0 1.23.2.87.87 0 0 1 1.32.395.865.865 0 0 0 1.114.506l1.798-.674a.715.715 0 0 0 .418-.92.715.715 0 0 1 .67-.966h.134a.808.808 0 0 0 .809-.809v-1.883a.808.808 0 0 0-.809-.808h-.134a.715.715 0 0 1-.67-.966Zm-1.833 2.709a1.052 1.052 0 1 1-2.103 0 1.052 1.052 0 0 1 2.103 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 5.25a3.25 3.25 0 0 1 6.398-.811.75.75 0 0 0 .702.563 2.986 2.986 0 0 1 1.94.798c.591.549.96 1.33.96 2.2A.75.75 0 0 0 16 8a4.49 4.49 0 0 0-1.44-3.3 4.489 4.489 0 0 0-2.373-1.148 4.751 4.751 0 0 0-9.184 1.522A3.751 3.751 0 0 0 3.75 12.5h.5a.75.75 0 0 0 0-1.5h-.5a2.25 2.25 0 0 1-.002-4.5h.03a.75.75 0 0 0 .747-.843A3.289 3.289 0 0 1 4.5 5.25Zm7.123 8.25 1.406-2.5-1.406-2.5H8.877L7.471 11l1.406 2.5h2.746Zm2.713-1.765a1.5 1.5 0 0 0 0-1.47l-1.406-2.5A1.5 1.5 0 0 0 11.623 7H8.877a1.5 1.5 0 0 0-1.307.765l-1.406 2.5a1.5 1.5 0 0 0 0 1.47l1.406 2.5A1.5 1.5 0 0 0 8.877 15h2.746a1.5 1.5 0 0 0 1.307-.765l1.406-2.5ZM11.25 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M4.977 4.563a3.208 3.208 0 0 0-.196.053l.062.006A4.062 4.062 0 0 0 2.49 8.06a3.234 3.234 0 0 0 .743 6.38h6.414a3.854 3.854 0 0 0 3.851-3.744 3.855 3.855 0 0 0-.69-7.406 4.061 4.061 0 0 0-7.817 1.267 5.299 5.299 0 0 0-.014.006Zm8.256 4.611a2.353 2.353 0 0 0-1.008-4.44.75.75 0 0 1-.702-.563 2.562 2.562 0 0 0-4.979.079 4.061 4.061 0 0 1 3.765 2.54 3.86 3.86 0 0 1 2.924 2.384Zm-9.25-.864a2.56 2.56 0 0 1 5.04-.639.75.75 0 0 0 .702.563 2.353 2.353 0 0 1-.078 4.706H3.233a1.733 1.733 0 0 1-.002-3.466h.024a.75.75 0 0 0 .748-.843 2.593 2.593 0 0 1-.02-.32Zm5.72 4.632H9.7h.004Zm-.11 1.496H9.59h.003Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.218 3.216a.75.75 0 1 0-1.436-.431l-3 10a.75.75 0 0 0 1.436.43l3-10ZM4.53 4.97a.75.75 0 0 1 0 1.06L2.56 8l1.97 1.97a.75.75 0 0 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1 0-1.06l2.5-2.5a.75.75 0 0 1 1.06 0Zm6.94 6.06a.75.75 0 0 1 0-1.06L13.44 8l-1.97-1.97a.75.75 0 0 1 1.06-1.06l2.5 2.5a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 0 1-1.06 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.25 1.75v2.32a4.001 4.001 0 0 0 0 7.86v2.32a.75.75 0 0 0 1.5 0v-2.32a4.001 4.001 0 0 0 0-7.86V1.75a.75.75 0 0 0-1.5 0ZM8 10.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.25 7.25h-2.32a4.001 4.001 0 0 0-7.86 0H1.75a.75.75 0 0 0 0 1.5h2.32a4.001 4.001 0 0 0 7.86 0h2.32a.75.75 0 0 0 0-1.5ZM5.5 8a2.5 2.5 0 1 0 5 0 2.5 2.5 0 0 0-5 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M8 3.25h-.008a1.25 1.25 0 1 0 .016 0H8Zm.75-2.5v1.104a2.751 2.751 0 0 1 0 5.292v1.708a2.751 2.751 0 0 1 0 5.293v1.103a.75.75 0 0 1-1.5 0v-1.104a2.751 2.751 0 0 1 0-5.292V7.147a2.751 2.751 0 0 1 0-5.293V.75a.75.75 0 0 1 1.5 0Zm-.745 12h-.01a1.25 1.25 0 1 1 .01 0Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.22 14.03s-.001 0 0 0a.75.75 0 0 0 1.06-1.06l-.47-.47H10a3.016 3.016 0 0 0 1.507-.405A2.999 2.999 0 0 0 13 9.5V6.896h.003a2.735 2.735 0 0 0 .785-.366 2.75 2.75 0 1 0-2.288.366V9.5A1.5 1.5 0 0 1 10 11h-.19l.47-.47s0 .001 0 0a.75.75 0 0 0-1.06-1.06l-.47.47-1.28 1.28a.75.75 0 0 0 0 1.06l1.75 1.75ZM5.72 1.97a.75.75 0 0 1 1.06 0l.47.47 1.28 1.28a.748.748 0 0 1 0 1.06L6.78 6.53c.001 0 0 0 0 0a.751.751 0 0 1-1.06-1.06L6.19 5H6a1.5 1.5 0 0 0-1.5 1.5v2.604a2.757 2.757 0 0 1 2 2.646 2.738 2.738 0 0 1-1.212 2.28 2.737 2.737 0 0 1-1.538.47A2.747 2.747 0 0 1 1 11.75a2.751 2.751 0 0 1 2-2.646V6.5a2.999 2.999 0 0 1 3-3h.19l-.47-.47a.75.75 0 0 1 0-1.06Zm-.908 9.121A1.246 1.246 0 0 1 5 11.75a1.25 1.25 0 1 1-.188-.659ZM11 4.25a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.504 5.897a2.751 2.751 0 1 1 1.503-.002A1.5 1.5 0 0 0 6.5 7.25h3a1.5 1.5 0 0 0 1.493-1.355 2.751 2.751 0 1 1 1.503.002A3 3 0 0 1 9.5 8.75h-.75v1.354a2.751 2.751 0 1 1-1.5 0V8.75H6.5a3 3 0 0 1-2.996-2.853ZM3 3.25a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0Zm3.75 9.5a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0Zm3.75-9.5a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.312 11.091a1.25 1.25 0 1 0-2.123 1.316 1.25 1.25 0 0 0 2.123-1.316ZM3.188 4.909a1.25 1.25 0 1 1 2.125-1.318 1.25 1.25 0 0 1-2.125 1.318ZM5 6.896v2.208a2.751 2.751 0 1 1-1.5 0V6.896A2.751 2.751 0 1 1 6.896 3.5H9.5a3 3 0 0 1 3 3v2.604a2.751 2.751 0 1 1-1.5 0V6.5A1.5 1.5 0 0 0 9.5 5H6.896A2.756 2.756 0 0 1 5 6.896Zm7.812 4.195a1.25 1.25 0 1 1-2.125 1.318 1.25 1.25 0 0 1 2.125-1.318Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.788 3.121a1.25 1.25 0 1 1-1.076 2.257 1.25 1.25 0 0 1 1.076-2.257ZM3.5 6.896a2.751 2.751 0 1 1 3.347-3.554L8.219 1.97A.75.75 0 0 1 9.28 3.03l-.47.47h.69a3.04 3.04 0 0 1 1.139.224A3 3 0 0 1 12.5 6.5v2.604l.068.02a2.751 2.751 0 0 1-.818 5.376A2.75 2.75 0 0 1 11 9.104V6.5A1.501 1.501 0 0 0 9.5 5h-.69l.47.47a.75.75 0 0 1-1.06 1.06L6.847 5.157a2.737 2.737 0 0 1-.88 1.242c-.282.225-.61.397-.967.497v2.208l.068.02a2.751 2.751 0 1 1-1.568-.02V6.896Zm-.312 4.195a1.246 1.246 0 0 0-.182.787 1.25 1.25 0 1 0 .182-.787Zm7.5 0a1.247 1.247 0 0 0-.181.787 1.25 1.25 0 1 0 .18-.787Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.967 6.399a2.765 2.765 0 0 0 .88-1.242L8.22 6.53a.75.75 0 1 0 1.06-1.06L8.81 5h.69A1.501 1.501 0 0 1 11 6.5v2.75a.747.747 0 0 0 .75.75.748.748 0 0 0 .75-.75V6.5a3 3 0 0 0-3-3h-.69l.47-.47a.75.75 0 0 0-1.06-1.06L6.847 3.343A2.755 2.755 0 0 0 4.25 1.5a2.75 2.75 0 0 0-.753 5.396H3.5V7.5a.75.75 0 0 0 1.5 0v-.603c.357-.101.685-.273.967-.498Zm-.75 3.133a.75.75 0 0 0-.747.188h-.001l-1.75 1.75a.75.75 0 0 0 0 1.06l1.75 1.75a.75.75 0 0 0 1.061-1.06l-.47-.47h7.69a.75.75 0 0 0 0-1.5H5.06l.47-.469a.75.75 0 0 0-.313-1.249Zm-.43-6.41a1.25 1.25 0 1 1-1.075 2.256 1.25 1.25 0 0 1 1.076-2.257Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.53 5.788A2.765 2.765 0 0 1 5 6.896V9.25a.75.75 0 0 1-1.5 0V6.896h-.003a2.736 2.736 0 0 1-.785-.366 2.75 2.75 0 1 1 4.134-3.188L8.22 1.97a.75.75 0 0 1 1.06 1.06l-.47.47h.69a3.04 3.04 0 0 1 1.139.224A3 3 0 0 1 12.5 6.5v.75a.75.75 0 0 1-1.5 0V6.5A1.501 1.501 0 0 0 9.5 5h-.69l.47.47a.75.75 0 0 1-1.06 1.06L6.847 5.157v.001a2.738 2.738 0 0 1-.317.63ZM5.5 4.25a1.25 1.25 0 1 0-2.5 0 1.25 1.25 0 0 0 2.5 0Zm4.97 6.53a.75.75 0 1 1 1.06-1.06l1.75 1.75a.75.75 0 0 1 0 1.06l-1.75 1.75a.75.75 0 1 1-1.06-1.06l.47-.47H3.25a.75.75 0 0 1 0-1.5h7.69l-.47-.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.967 6.399a2.765 2.765 0 0 0 .88-1.24v-.002L8.22 6.53a.75.75 0 0 0 1.06-1.06L8.81 5h.69A1.501 1.501 0 0 1 11 6.5v1.75a.75.75 0 0 0 1.5 0V6.5a3 3 0 0 0-3-3h-.69l.47-.47a.75.75 0 0 0-1.06-1.06L6.847 3.343A2.755 2.755 0 0 0 4.25 1.5a2.75 2.75 0 0 0-.75 5.396v2.208a2.751 2.751 0 1 0 1.5 0V6.896c.357-.1.685-.272.967-.497Zm4.063 4.07a.75.75 0 1 0-1.06 1.061l2 2a.75.75 0 0 0 1.13-.08l3-4a.75.75 0 0 0-1.2-.9l-2.481 3.308-1.389-1.388Zm-6.842.622A1.246 1.246 0 0 0 3 11.75a1.25 1.25 0 1 0 .188-.659Zm1.6-7.97a1.25 1.25 0 1 1-1.076 2.257 1.25 1.25 0 0 1 1.076-2.257Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.967 6.399a2.765 2.765 0 0 0 .88-1.24v-.002L8.22 6.53a.75.75 0 0 0 1.06-1.06L8.81 5h.69A1.501 1.501 0 0 1 11 6.5v1.75a.75.75 0 1 0 1.5 0V6.5a3 3 0 0 0-3-3h-.69l.47-.47a.75.75 0 0 0-1.06-1.06L6.847 3.343A2.755 2.755 0 0 0 4.25 1.5a2.75 2.75 0 0 0-.753 5.396H3.5v2.208a2.751 2.751 0 1 0 1.5 0V6.896c.357-.1.685-.272.967-.497Zm3.253 6.82a.75.75 0 1 0 1.06 1.061l1.47-1.47 1.47 1.47a.75.75 0 1 0 1.06-1.06l-1.47-1.47 1.47-1.47a.75.75 0 1 0-1.06-1.06l-1.47 1.47-1.47-1.47a.749.749 0 1 0-1.06 1.06l1.47 1.47-1.47 1.47Zm-6.032-2.128A1.246 1.246 0 0 0 3 11.75a1.25 1.25 0 1 0 .188-.659Zm1.6-7.97a1.25 1.25 0 1 1-1.076 2.257 1.25 1.25 0 0 1 1.076-2.257Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.312 4.909A1.25 1.25 0 1 1 3.19 3.593a1.25 1.25 0 0 1 2.123 1.316Zm-2.124 6.182a1.25 1.25 0 1 0 2.125 1.318 1.25 1.25 0 0 0-2.125-1.318ZM5 9.104V6.896a2.751 2.751 0 1 0-1.5 0v2.208A2.751 2.751 0 1 0 6.896 12.5H9.5a3 3 0 0 0 3-2.98V6.895a2.751 2.751 0 1 0-1.5 0V9.5A1.5 1.5 0 0 1 9.5 11H6.896A2.756 2.756 0 0 0 5 9.104Zm7.812-4.195a1.25 1.25 0 1 0-2.125-1.318 1.25 1.25 0 0 0 2.125 1.318Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m4.843 10.944-.194 2.335a.204.204 0 0 0 .339.17l2.21-1.964.589.013L8 11.5c1.695 0 3.087-.44 4.02-1.177.89-.702 1.48-1.76 1.48-3.323s-.59-2.62-1.48-3.323C11.087 2.94 9.695 2.5 8 2.5c-1.695 0-3.087.44-4.02 1.177C3.09 4.38 2.5 5.437 2.5 7c0 1.648.656 2.742 1.648 3.448l.695.496Zm1.141 3.625 1.77-1.572C7.834 13 7.916 13 8 13c3.866 0 7-2 7-6s-3.134-6-7-6-7 2-7 6c0 2.117.878 3.674 2.277 4.67l-.123 1.484a1.704 1.704 0 0 0 2.83 1.415Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.98 3.677C4.913 2.94 6.305 2.5 8 2.5a9.1 9.1 0 0 1 .924.046.75.75 0 0 0 .152-1.492A10.6 10.6 0 0 0 8 1c-1.933 0-3.683.5-4.95 1.5C1.784 3.5 1 5 1 7c0 2.117.878 3.674 2.277 4.67l-.123 1.484a1.704 1.704 0 0 0 2.83 1.415l1.77-1.572C7.834 13 7.916 13 8 13c1.933 0 3.683-.5 4.95-1.5C14.216 10.5 15 9 15 7a.75.75 0 0 0-1.5 0c0 1.563-.59 2.62-1.48 3.323C11.087 11.06 9.695 11.5 8 11.5c-.072 0-.143 0-.213-.002l-.295-.007-.295-.006-.22.195-1.99 1.768a.204.204 0 0 1-.338-.17l.159-1.909.035-.425-.348-.248-.347-.248C3.156 9.742 2.5 8.648 2.5 7c0-1.563.59-2.62 1.48-3.323ZM12.5 5.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13c3.866 0 7-2 7-6s-3.134-6-7-6-7 2-7 6c0 2.16.914 3.737 2.364 4.73l.09 2.161a1.157 1.157 0 0 0 1.857.872l2.322-1.77c.122.005.244.007.367.007Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m4.772 11.795.071-.851-.695-.496C3.156 9.742 2.5 8.648 2.5 7c0-1.563.59-2.62 1.48-3.323C4.913 2.94 6.305 2.5 8 2.5c1.695 0 3.087.44 4.02 1.177.89.702 1.48 1.76 1.48 3.323s-.59 2.62-1.48 3.323C11.087 11.06 9.695 11.5 8 11.5c-.072 0-.143 0-.213-.002l-.59-.013-.44.391-1.77 1.572a.204.204 0 0 1-.338-.17l.123-1.483Zm2.981 1.202L5.984 14.57a1.704 1.704 0 0 1-2.83-1.415l.123-1.484C1.877 10.674 1 9.117 1 7c0-4 3.134-6 7-6s7 2 7 6-3.134 6-7 6c-.083 0-.165 0-.247-.003ZM8.75 5a.75.75 0 0 0-1.5 0v1.25H6a.75.75 0 0 0 0 1.5h1.25V9a.75.75 0 0 0 1.5 0V7.75H10a.75.75 0 0 0 0-1.5H8.75V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10 9.5h.621l.44.44 1.51 1.51a.174.174 0 0 0 .295-.136l-.112-1.454-.062-.809.642-.495C14.037 8.016 14.5 7.211 14.5 6c0-1.214-.465-2.019-1.17-2.56-.754-.578-1.902-.94-3.33-.94-1.428 0-2.576.362-3.33.94C5.966 3.98 5.5 4.786 5.5 6s.465 2.019 1.17 2.56c.754.578 1.902.94 3.33.94Zm.52 2.02.99.99a1.673 1.673 0 0 0 2.851-1.312l-.111-1.453C15.33 8.91 16 7.663 16 6c0-3.333-2.686-5-6-5-2.127 0-3.995.687-5.06 2.06C2.131 3.384 0 5.03 0 8c0 1.663.669 2.911 1.75 3.745l-.111 1.453A1.673 1.673 0 0 0 4.49 14.51L6 13c1.803 0 3.42-.493 4.52-1.48ZM4.143 4.736C4.05 5.126 4 5.548 4 6c0 2.905 2.04 4.544 4.759 4.918-.717.366-1.654.582-2.759.582h-.621l-.44.44-1.51 1.51a.174.174 0 0 1-.295-.136l.112-1.454.062-.809-.642-.495C1.963 10.016 1.5 9.211 1.5 8c0-1.214.465-2.019 1.17-2.56.391-.3.887-.541 1.473-.704Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.235 3.296 1.97 3.03a.75.75 0 0 1 1.06-1.06l11 11a.75.75 0 0 1-1.06 1.06l-1.621-1.62c-.995.393-2.136.59-3.349.59-.083 0-.165 0-.247-.003L5.984 14.57a1.704 1.704 0 0 1-2.83-1.416l.123-1.484C1.877 10.674 1 9.117 1 7c0-1.526.456-2.76 1.235-3.704Zm7.93 7.93a8.14 8.14 0 0 1-2.378.272l-.59-.013-.44.391-1.77 1.572a.204.204 0 0 1-.338-.169l.123-1.484.071-.851-.695-.496C3.156 9.742 2.5 8.648 2.5 7c0-1.12.303-1.98.802-2.637l6.863 6.862ZM13.5 7c0 1.075-.28 1.91-.742 2.556l1.07 1.07C14.568 9.693 15 8.484 15 7c0-4-3.134-6-7-6-1.172 0-2.276.184-3.247.551l1.194 1.194A8.231 8.231 0 0 1 8 2.5c1.695 0 3.087.44 4.02 1.177.89.702 1.48 1.76 1.48 3.323Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-6.09 2.303-2.899.805a.909.909 0 0 1-1.12-1.119l.806-2.9A2 2 0 0 1 7.09 5.697l2.9-.805a.909.909 0 0 1 1.12 1.119l-.806 2.9a2 2 0 0 1-1.392 1.392ZM9 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 2.5H8A1.5 1.5 0 0 0 6.5 4v1H8a3 3 0 0 1 3 3v1.5h1A1.5 1.5 0 0 0 13.5 8V4A1.5 1.5 0 0 0 12 2.5ZM11 11h1a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v1H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-1ZM4 6.5h4A1.5 1.5 0 0 1 9.5 8v4A1.5 1.5 0 0 1 8 13.5H4A1.5 1.5 0 0 1 2.5 12V8A1.5 1.5 0 0 1 4 6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 2.5h4A1.5 1.5 0 0 1 13.5 4v4A1.5 1.5 0 0 1 12 9.5h-1V8a3 3 0 0 0-3-3H6.5V4A1.5 1.5 0 0 1 8 2.5Zm4 8.5h-1v1a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h1V4a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3ZM8 6.5H4A1.5 1.5 0 0 0 2.5 8v4A1.5 1.5 0 0 0 4 13.5h4A1.5 1.5 0 0 0 9.5 12V8A1.5 1.5 0 0 0 8 6.5Zm-1.47 6.03a.75.75 0 0 1-1.06-1.06l.72-.72H4a.75.75 0 0 1 0-1.5h2.19l-.72-.72a.75.75 0 0 1 1.06-1.06l2 2a.75.75 0 0 1 0 1.06l-2 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="currentColor"><path d="m8 9.076.085-.107a.751.751 0 1 0-1.171-.937L5.438 9.877 5.03 9.47a.747.747 0 0 0-1.06 0 .75.75 0 0 0 0 1.06l.407.408.593.592a.75.75 0 0 0 1.116-.061l.522-.654h.001L8 9.074Z"></path><path fill-rule="evenodd" d="M12 11a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v1H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-1h1ZM4 6.5A1.5 1.5 0 0 0 2.5 8v4A1.5 1.5 0 0 0 4 13.5h4A1.5 1.5 0 0 0 9.5 12V8A1.498 1.498 0 0 0 8 6.5H4ZM13.5 4A1.5 1.5 0 0 0 12 2.5H8A1.5 1.5 0 0 0 6.5 4v1H8a3 3 0 0 1 3 3v1.5h1A1.498 1.498 0 0 0 13.5 8V4Z" clip-rule="evenodd"></path></g></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 6.5A1.5 1.5 0 0 0 2.5 8v4A1.5 1.5 0 0 0 4 13.5h4A1.5 1.5 0 0 0 9.5 12V8A1.498 1.498 0 0 0 8 6.5H4Zm6-1.56.97-.97a.75.75 0 0 1 1.06 1.06s.001 0 0 0l-.97.97.97.97A.75.75 0 0 1 11 8.059V9.5h1A1.498 1.498 0 0 0 13.5 8V4c0-.414-.168-.79-.44-1.06A1.496 1.496 0 0 0 12 2.5H8a1.495 1.495 0 0 0-1.415 1A1.498 1.498 0 0 0 6.5 4v1h1.441A.748.748 0 0 1 8 3.941a.75.75 0 0 1 1.03.028l.97.97ZM8 9.075l.085-.107L8 9.076Zm0 0-1.39 1.738-.002.001-.522.654a.75.75 0 0 1-1.116.061l-1-1s0 .001 0 0a.75.75 0 0 1 1.06-1.06l.408.407 1.476-1.845a.75.75 0 1 1 1.171.937m-3.17 1.563ZM15 8a3 3 0 0 1-3 3h-1v1a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h1V4a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 2.5h4A1.5 1.5 0 0 1 13.5 4v4A1.5 1.5 0 0 1 12 9.5h-1V8a3 3 0 0 0-3-3H6.5V4A1.5 1.5 0 0 1 8 2.5Zm4 8.5h-1v1a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h1V4a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3ZM8 6.5H4A1.5 1.5 0 0 0 2.5 8v4A1.5 1.5 0 0 0 4 13.5h4A1.5 1.5 0 0 0 9.5 12V8A1.5 1.5 0 0 0 8 6.5Zm-1.97 5.78a.75.75 0 0 1-1.06-1.06L6.19 10 4.97 8.78a.75.75 0 0 1 1.06-1.06l1.75 1.75a.75.75 0 0 1 0 1.06l-1.75 1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 2.5H8A1.5 1.5 0 0 0 6.5 4v1H8a3 3 0 0 1 3 3v1.5h1A1.5 1.5 0 0 0 13.5 8V4A1.5 1.5 0 0 0 12 2.5ZM11 11h1a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v1H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-1ZM8 6.5H4A1.5 1.5 0 0 0 2.5 8v4A1.5 1.5 0 0 0 4 13.5h4A1.5 1.5 0 0 0 9.5 12V8A1.5 1.5 0 0 0 8 6.5ZM3.75 10a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 2.5H8A1.5 1.5 0 0 0 6.5 4v1H8a3 3 0 0 1 3 3v1.5h1A1.5 1.5 0 0 0 13.5 8V4A1.5 1.5 0 0 0 12 2.5ZM11 11h1a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v1H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-1ZM4 6.5h4A1.5 1.5 0 0 1 9.5 8v2.041l-.568-.52a1.52 1.52 0 0 0-2.014-.032l-1.719 1.473-.602-.452a1.52 1.52 0 0 0-1.805-.013l-.292.212V8A1.5 1.5 0 0 1 4 6.5Zm-1.414 6.001A1.5 1.5 0 0 0 4 13.5h4a1.5 1.5 0 0 0 1.498-1.428L7.92 10.63a.02.02 0 0 0-.026 0l-2.175 1.864-.457.391-.481-.36-1.084-.814a.02.02 0 0 0-.023 0l-1.088.791Zm3.03-4.04a1.154 1.154 0 1 1-2.308 0 1.154 1.154 0 0 1 2.307 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 2.5H8A1.5 1.5 0 0 0 6.5 4v1H8a3 3 0 0 1 3 3v1.5h1A1.5 1.5 0 0 0 13.5 8V4A1.5 1.5 0 0 0 12 2.5ZM11 11h1a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v1H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-1ZM8 6.5H4A1.5 1.5 0 0 0 2.5 8v4A1.5 1.5 0 0 0 4 13.5h4A1.5 1.5 0 0 0 9.5 12V8A1.5 1.5 0 0 0 8 6.5ZM6 7.75a.75.75 0 0 1 .75.75v.75h.75a.75.75 0 0 1 0 1.5h-.75v.75a.75.75 0 0 1-1.5 0v-.75H4.5a.75.75 0 0 1 0-1.5h.75V8.5A.75.75 0 0 1 6 7.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 2.5h4A1.5 1.5 0 0 1 13.5 4v4A1.5 1.5 0 0 1 12 9.5h-1V8a3 3 0 0 0-3-3H6.5V4A1.5 1.5 0 0 1 8 2.5ZM5 5V4a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3h-1v1a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h1Zm4.5 6v1A1.5 1.5 0 0 1 8 13.5H4A1.5 1.5 0 0 1 2.5 12V8A1.5 1.5 0 0 1 4 6.5h1V8a3 3 0 0 0 3 3h1.5Zm0-1.5H8A1.5 1.5 0 0 1 6.5 8V6.5H8A1.5 1.5 0 0 1 9.5 8v1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.5 12c0 .414-.168.79-.44 1.06A1.49 1.49 0 0 1 8 13.5H4a1.49 1.49 0 0 1-1.06-.44A1.496 1.496 0 0 1 2.5 12V8c0-.414.168-.79.44-1.06A1.49 1.49 0 0 1 4 6.5h4c.414 0 .79.168 1.06.44.272.27.44.646.44 1.06v4Zm-1.47-1.03s.001 0 0 0L7.06 10l.97-.97a.75.75 0 0 0-1.06-1.06L6 8.94l-.97-.97a.75.75 0 0 0-1.06 1.06l.97.97-.97.97a.75.75 0 0 0 1.06 1.06c0 .001 0 0 0 0l.97-.97.97.97a.75.75 0 0 0 1.06-1.06ZM6.5 5H8a3 3 0 0 1 3 3v1.5h1A1.498 1.498 0 0 0 13.5 8V4A1.5 1.5 0 0 0 12 2.5H8A1.5 1.5 0 0 0 6.5 4v1ZM5 4a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3h-1v1a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h1V4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7 1.25a.75.75 0 0 0-1.5 0V2.5a3 3 0 0 0-3 3H1.25a.75.75 0 0 0 0 1.5H2.5v2H1.25a.75.75 0 0 0 0 1.5H2.5a3 3 0 0 0 3 3v1.25a.75.75 0 0 0 1.5 0V13.5h2v1.25a.75.75 0 0 0 1.5 0V13.5a3 3 0 0 0 3-3h1.25a.75.75 0 1 0 0-1.5H13.5V7h1.25a.75.75 0 1 0 0-1.5H13.5a3 3 0 0 0-3-3V1.25a.75.75 0 0 0-1.5 0V2.5H7V1.25ZM10.5 4h-5A1.5 1.5 0 0 0 4 5.5v5A1.5 1.5 0 0 0 5.5 12h5a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 10.5 4Zm0 2.25a.75.75 0 0 0-.75-.75h-3.5a.75.75 0 0 0-.75.75v3.5a.75.75 0 0 0 .75.75h3.5a.75.75 0 0 0 .75-.75v-3.5ZM7 7h2v2H7V7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.75 0a.75.75 0 0 1 .75.75V2h2V.75a.75.75 0 0 1 1.5 0V2a2 2 0 0 1 2 2h1.25a.75.75 0 0 1 0 1.5H14v2h1.25a.75.75 0 0 1 0 1.5H14a2 2 0 0 1-2 2h-1v1a2 2 0 0 1-2 2v1.25a.75.75 0 0 1-1.5 0V14h-2v1.25a.75.75 0 0 1-1.5 0V14a2 2 0 0 1-2-2H.75a.75.75 0 0 1 0-1.5H2v-2H.75a.75.75 0 0 1 0-1.5H2a2 2 0 0 1 2-2h1V4a2 2 0 0 1 2-2V.75A.75.75 0 0 1 7.75 0ZM6.5 5H9a2 2 0 0 1 2 2v2.5h1a.5.5 0 0 0 .5-.5V4a.5.5 0 0 0-.5-.5H7a.5.5 0 0 0-.5.5v1Zm3 2a.5.5 0 0 0-.5-.5H4a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5V7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 4h-9A1.5 1.5 0 0 0 2 5.5h12A1.5 1.5 0 0 0 12.5 4ZM2 10.5V7h12v3.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 10.5Zm1.5-8a3 3 0 0 0-3 3v5a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3v-5a3 3 0 0 0-3-3h-9ZM4.25 9a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.5 0a.75.75 0 0 1 .75.75V2.5h8.25a.75.75 0 0 1 .75.75v8.5h2a.75.75 0 0 1 0 1.5h-2v2a.75.75 0 0 1-1.5 0v-2H3.5a.75.75 0 0 1-.75-.75V4h-2a.75.75 0 0 1 0-1.5h2V.75A.75.75 0 0 1 3.5 0Zm.75 4v7.75h7.5V4h-7.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="m8.427 11.073 1.205-1.205a.402.402 0 0 0 .118-.285.805.805 0 0 0-.236-.569L8.427 7.927a.603.603 0 0 0-.854 0L6.486 9.014a.805.805 0 0 0-.236.57c0 .106.042.208.118.284l1.205 1.205a.604.604 0 0 0 .854 0Z"></path><path d="M16 5.796v-.028a1.768 1.768 0 0 0-3.018-1.25l-.76.76-.024.024-.374.374-.415.415a.335.335 0 0 1-.561-.149l-.155-.566-.139-.51-.009-.033-.65-2.386a1.964 1.964 0 0 0-3.79 0l-.65 2.386-.01.032-.139.511-.154.566a.335.335 0 0 1-.56.15l-.416-.416-.374-.374-.024-.024-.76-.76A1.768 1.768 0 0 0 0 5.768v.028c0 .135.015.27.046.403l1.3 5.631a1.4 1.4 0 0 0 .778.958 14.021 14.021 0 0 0 11.752 0c.394-.182.681-.535.779-.958l1.299-5.63A1.84 1.84 0 0 0 16 5.796ZM3.53 7.152c.997.997 2.698.545 3.07-.815l.952-3.495a.464.464 0 0 1 .896 0L9.4 6.337c.37 1.36 2.072 1.812 3.068.815l1.574-1.574a.268.268 0 0 1 .457.19v.028a.291.291 0 0 1-.008.066l-1.288 5.584a12.522 12.522 0 0 1-10.408 0L1.508 5.862a.295.295 0 0 1-.008-.066v-.028a.268.268 0 0 1 .457-.19l1.574 1.574Z"></path></g></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 5.475v4.946a1.5 1.5 0 0 1-.973 1.405l-4.777 1.79V7.53l5.75-2.054Zm-.654-1.36a1.5 1.5 0 0 0-.175-.103L9.499 2.427a1.5 1.5 0 0 0-1.197-.063l-4.829 1.81c-.08.03-.157.067-.23.11L7.05 6.185l5.797-2.07ZM2.5 5.59l3.75 1.875v5.984l-2.92-1.46a1.5 1.5 0 0 1-.83-1.342V5.589ZM1.266 4.343c-.172.38-.266.8-.266 1.236v5.067a3 3 0 0 0 1.658 2.683l3.172 1.586a3 3 0 0 0 2.395.126l4.828-1.811A3 3 0 0 0 15 10.421V5.354a3 3 0 0 0-1.658-2.683L10.17 1.085A3 3 0 0 0 7.775.959L2.947 2.77a2.997 2.997 0 0 0-1.48 1.203.75.75 0 0 0-.2.37Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.5 2h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1ZM4 3A2.5 2.5 0 0 1 6.5.5h3A2.5 2.5 0 0 1 12 3v3c0 .356-.074.694-.208 1H13a2.5 2.5 0 0 1 2.5 2.5v3A2.5 2.5 0 0 1 13 15H3a2.5 2.5 0 0 1-2.5-2.5v-3A2.5 2.5 0 0 1 3 7h1.208A2.492 2.492 0 0 1 4 6V3Zm2.25 5.5a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h3.25Zm3.5 5a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1H13a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H9.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.5 2.5h-3A1.5 1.5 0 0 0 5 4v1h1a3 3 0 0 1 3 3v.5h.5A1.5 1.5 0 0 0 11 7V4a1.5 1.5 0 0 0-1.5-1.5ZM9 10v1c0 .546-.146 1.059-.401 1.5H13a1.5 1.5 0 0 0 1.5-1.5V8A1.5 1.5 0 0 0 13 6.5h-.5V7a3 3 0 0 1-3 3H9Zm3.5-5V4a3 3 0 0 0-3-3h-3a3 3 0 0 0-3 3v1H3a3 3 0 0 0-3 3v3a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3h-.5ZM6 6.5H3A1.5 1.5 0 0 0 1.5 8v3A1.5 1.5 0 0 0 3 12.5h3A1.5 1.5 0 0 0 7.5 11V8A1.5 1.5 0 0 0 6 6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M10.521 5.835c.84-.402.979-.795.979-1.085 0-.272-.123-.634-.83-1.01a4.02 4.02 0 0 0-.149-.075C9.666 3.255 8.351 3 6.75 3s-2.916.256-3.772.665C2.14 4.067 2 4.46 2 4.75c0 .29.14.683.978 1.085.856.41 2.171.665 3.772.665s2.916-.256 3.771-.665ZM6.75 8c1.882 0 3.57-.322 4.715-.966-.059 1.35-.216 2.595-.634 3.616-.303.74-.72 1.293-1.296 1.674-.579.383-1.444.676-2.785.676-1.34 0-2.206-.293-2.785-.676-.575-.381-.992-.934-1.296-1.674-.418-1.021-.575-2.267-.634-3.616C3.18 7.678 4.868 8 6.75 8Zm6.246-3.388C12.88 2.537 10.128 1.5 6.75 1.5 3.298 1.5.5 2.583.5 4.75.5 9 .5 14.5 6.75 14.5c3.36 0 4.913-1.589 5.632-3.719a9.67 9.67 0 0 0 .818-.293c.615-.256 1.268-.613 1.79-1.112C15.524 8.865 16 8.12 16 7.158c0-.437-.097-.89-.345-1.304a2.38 2.38 0 0 0-.956-.89c-.563-.293-1.187-.358-1.703-.352Zm-.003 1.5c-.015.97-.06 1.967-.204 2.92.964-.432 1.711-1.056 1.711-1.874 0-.808-.656-1.059-1.507-1.046Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.413 3.421A.841.841 0 0 1 4.25 2.5a.75.75 0 0 0 0-1.5 2.341 2.341 0 0 0-2.33 2.563l.199 2.096a.898.898 0 0 1-.677.957l-.139.035a1.39 1.39 0 0 0 0 2.698l.14.035a.898.898 0 0 1 .676.957l-.2 2.096A2.341 2.341 0 0 0 4.25 15a.75.75 0 0 0 0-1.5.841.841 0 0 1-.837-.921l.2-2.096A2.399 2.399 0 0 0 2.04 8a2.399 2.399 0 0 0 1.571-2.483l-.2-2.096Zm9.175 9.158a.841.841 0 0 1-.838.921.75.75 0 0 0 0 1.5 2.341 2.341 0 0 0 2.33-2.563l-.199-2.096a.898.898 0 0 1 .677-.957l.139-.035a1.39 1.39 0 0 0 0-2.698l-.14-.035a.898.898 0 0 1-.676-.957l.2-2.096A2.341 2.341 0 0 0 11.75 1a.75.75 0 0 0 0 1.5c.496 0 .884.427.838.921l-.2 2.096A2.399 2.399 0 0 0 13.959 8a2.399 2.399 0 0 0-1.571 2.483l.2 2.096Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.25 2.5a.841.841 0 0 0-.837.921l.2 2.096A2.399 2.399 0 0 1 2.04 8a2.399 2.399 0 0 1 1.571 2.483l-.2 2.096a.841.841 0 0 0 .838.921.75.75 0 0 1 0 1.5 2.341 2.341 0 0 1-2.33-2.563l.199-2.096a.898.898 0 0 0-.677-.957l-.139-.035a1.39 1.39 0 0 1 0-2.698l.14-.035a.898.898 0 0 0 .676-.957l-.2-2.096A2.341 2.341 0 0 1 4.25 1a.75.75 0 0 1 0 1.5Zm4.805 2.639a.78.78 0 0 1 .989-.668.75.75 0 1 0 .412-1.442 2.279 2.279 0 0 0-2.892 1.953L7.456 6H6.5a.75.75 0 0 0 0 1.5h.798l-.353 3.361a.779.779 0 0 1-.989.668.75.75 0 1 0-.412 1.442 2.279 2.279 0 0 0 2.892-1.953l.37-3.518h.944a.75.75 0 0 0 0-1.5h-.785l.09-.861Zm3.533 7.44a.841.841 0 0 1-.838.921.75.75 0 0 0 0 1.5 2.341 2.341 0 0 0 2.33-2.563l-.199-2.096a.898.898 0 0 1 .677-.957l.139-.035a1.39 1.39 0 0 0 0-2.698l-.14-.035a.898.898 0 0 1-.676-.957l.2-2.096A2.341 2.341 0 0 0 11.75 1a.75.75 0 0 0 0 1.5c.496 0 .884.427.838.921l-.2 2.096A2.399 2.399 0 0 0 13.959 8a2.399 2.399 0 0 0-1.571 2.483l.2 2.096Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.413 3.421A.841.841 0 0 1 4.25 2.5a.75.75 0 0 0 0-1.5 2.341 2.341 0 0 0-2.33 2.563l.199 2.096a.898.898 0 0 1-.677.957l-.139.035a1.39 1.39 0 0 0 0 2.698l.14.035a.898.898 0 0 1 .676.957l-.2 2.096A2.341 2.341 0 0 0 4.25 15a.75.75 0 0 0 0-1.5.841.841 0 0 1-.837-.921l.2-2.096A2.399 2.399 0 0 0 2.04 8a2.399 2.399 0 0 0 1.571-2.483l-.2-2.096Zm9.175 9.158a.841.841 0 0 1-.838.921.75.75 0 0 0 0 1.5 2.341 2.341 0 0 0 2.33-2.563l-.199-2.096a.898.898 0 0 1 .677-.957l.139-.035a1.39 1.39 0 0 0 0-2.698l-.14-.035a.898.898 0 0 1-.676-.957l.2-2.096A2.341 2.341 0 0 0 11.75 1a.75.75 0 0 0 0 1.5c.496 0 .884.427.838.921l-.2 2.096A2.399 2.399 0 0 0 13.959 8a2.399 2.399 0 0 0-1.571 2.483l.2 2.096ZM6 8v1.5h4V8H6Zm-.1-1.5a1.4 1.4 0 0 0-1.4 1.4v1.7A1.4 1.4 0 0 0 5.9 11h4.2a1.4 1.4 0 0 0 1.4-1.4V7.9a1.4 1.4 0 0 0-1.4-1.4H10V6a2 2 0 1 0-4 0v.5h-.1Zm1.6 0h1V6a.5.5 0 0 0-1 0v.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.615 4.888c.814-.375.885-.714.885-.888 0-.174-.071-.513-.885-.888C10.8 2.737 9.538 2.5 8 2.5c-1.538 0-2.799.237-3.615.612-.814.375-.885.714-.885.888 0 .174.071.513.885.888C5.2 5.263 6.462 5.5 8 5.5c1.538 0 2.799-.237 3.615-.612Zm.885 1.235C11.4 6.708 9.792 7 8 7c-1.792 0-3.4-.292-4.5-.877V8c0 .174.071.513.885.888C5.2 9.263 6.462 9.5 8 9.5c1.538 0 2.799-.237 3.615-.612.814-.375.885-.714.885-.888V6.123Zm0 4C11.4 10.708 9.792 11 8 11c-1.792 0-3.4-.293-4.5-.877V12c0 .174.071.513.885.887.816.377 2.077.613 3.615.613 1.538 0 2.799-.236 3.615-.613.814-.374.885-.713.885-.887v-1.877ZM14 4c0-2-2.686-3-6-3S2 2 2 4v8c0 2 2.686 3 6 3s6-1 6-3V4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 4c0 .174-.071.513-.885.888C9.8 5.263 8.538 5.5 7 5.5c-1.538 0-2.799-.237-3.615-.612C2.57 4.513 2.5 4.174 2.5 4c0-.174.071-.513.885-.888C4.2 2.737 5.462 2.5 7 2.5c1.538 0 2.799.237 3.615.612.814.375.885.714.885.888ZM3.385 8.888C2.578 8.516 2.5 8.179 2.5 8V6.123C3.6 6.708 5.208 7 7 7c1.792 0 3.4-.292 4.5-.877V7.25a.75.75 0 0 0 1.5 0V4c0-2-2.686-3-6-3S1 2 1 4v8c0 .995.665 1.747 1.757 2.25l.314-.681-.314.681c1.086.5 2.586.75 4.243.75.088 0 .176 0 .263-.002a.75.75 0 0 0-.025-1.5L7 13.5c-1.538 0-2.799-.236-3.615-.613-.807-.371-.885-.708-.885-.887v-1.877c.083.044.169.086.257.127 1.086.5 2.586.75 4.243.75.09 0 .178 0 .266-.002a.75.75 0 1 0-.024-1.5L7 9.5c-1.538 0-2.799-.237-3.615-.612ZM13.78 14.53a.75.75 0 1 1-1.06-1.06l.72-.72H10a.75.75 0 0 1 0-1.5h3.44l-.72-.72a.75.75 0 1 1 1.06-1.06l2 2a.75.75 0 0 1 0 1.06l-2 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 8.5c1.776 0 3.515-.263 4.87-.888A5.64 5.64 0 0 0 14 6.931V8c0 2-2.686 3-6 3s-6-1-6-3V6.93c.35.275.736.501 1.13.682C4.485 8.237 6.224 8.5 8 8.5ZM14 4c0 2-2.686 3-6 3S2 6 2 4c0-.336.076-.643.217-.923C2.92 1.692 5.242 1 8 1c.828 0 1.618.063 2.335.188C12.49 1.563 14 2.5 14 4ZM8 15c3.314 0 6-1 6-3v-1.07c-.35.275-.736.501-1.13.683-1.355.623-3.094.887-4.87.887-1.776 0-3.515-.264-4.87-.887A5.701 5.701 0 0 1 2 10.93V12c0 2 2.686 3 6 3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.615 4.888c.814-.375.885-.714.885-.888 0-.174-.071-.513-.885-.888C10.8 2.737 9.538 2.5 8 2.5c-1.538 0-2.799.237-3.615.612-.814.375-.885.714-.885.888 0 .174.071.513.885.888C5.2 5.263 6.462 5.5 8 5.5c1.538 0 2.799-.237 3.615-.612Zm.885 1.235C11.4 6.708 9.792 7 8 7c-1.792 0-3.4-.292-4.5-.877V8c0 .174.071.513.885.888C5.2 9.263 6.462 9.5 8 9.5h.04c-.187.463-.29.968-.29 1.498-1.691-.026-3.202-.318-4.25-.875V12c0 .174.071.513.885.887.816.377 2.077.613 3.615.613.211 0 .417-.005.617-.013a4.008 4.008 0 0 0 1.848 1.302C9.713 14.93 8.879 15 8 15c-3.314 0-6-1-6-3V4c0-2 2.686-3 6-3s6 1 6 3v3.692a3.978 3.978 0 0 0-1.5-.622v-.947Zm-.75 6.377a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm0 1.5c.556 0 1.077-.152 1.524-.415l1.446 1.445a.75.75 0 1 0 1.06-1.06l-1.445-1.446A3 3 0 1 0 11.75 14Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.499 10.04c.492-.252.501-.446.501-.54V5.462c-.796.359-1.848.538-3 .538a9.467 9.467 0 0 1-1.606-.13c.07.195.106.405.106.63v3.864c.428.086.932.136 1.5.136 1.107 0 1.971-.19 2.499-.46ZM8 8.462V12.5c0 .094-.009.288-.501.54-.528.27-1.392.46-2.499.46-1.107 0-1.971-.19-2.499-.46C2.01 12.788 2 12.594 2 12.5V8.462C2.796 8.821 3.847 9 5 9s2.204-.18 3-.538ZM8 6.5c0-.093-.009-.288-.501-.54C6.97 5.69 6.107 5.5 5 5.5c-1.107 0-1.971.19-2.499.46C2.01 6.212 2 6.407 2 6.5c0 .093.009.288.501.54.528.27 1.392.46 2.499.46 1.107 0 1.971-.19 2.499-.46C7.99 6.788 8 6.593 8 6.5Zm-7.5 0C.5 4.833 2.515 4 5 4c.526 0 1.03.037 1.5.112V3.5C6.5 1.833 8.515 1 11 1s4.5.833 4.5 2.5v6c0 1.667-2.015 2.5-4.5 2.5a9.56 9.56 0 0 1-1.5-.112v.612C9.5 14.167 7.485 15 5 15S.5 14.167.5 12.5v-6Zm7.5-3c0 .094.009.288.501.54.528.27 1.392.46 2.499.46 1.107 0 1.971-.19 2.499-.46.492-.252.501-.446.501-.54 0-.094-.009-.288-.501-.54-.528-.27-1.392-.46-2.499-.46-1.107 0-1.971.19-2.499.46C8.01 3.212 8 3.406 8 3.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 12c2.485 0 4.5-.833 4.5-2.5V6.322a4.763 4.763 0 0 1-.635.388c-1.1.564-2.487.79-3.865.79V12Zm0-6h-.035c-.186-1.3-1.089-2.193-2.1-2.71-.64-.328-1.376-.541-2.15-.663C7.296 1.542 8.995 1 11 1c2.485 0 4.5.833 4.5 2.5S13.485 6 11 6Zm-1.5 6.5C9.5 14.167 7.485 15 5 15S.5 14.167.5 12.5V9.322c.202.147.416.276.635.388 1.1.564 2.487.79 3.865.79 1.378 0 2.764-.226 3.865-.79.219-.112.433-.241.635-.388V12.5ZM5 9c2.485 0 4.5-.833 4.5-2.5S7.485 4 5 4 .5 4.833.5 6.5 2.515 9 5 9Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.442 3.5H12.5A1.5 1.5 0 0 1 14 5v6a1.5 1.5 0 0 1-1.5 1.5H5.442a1.5 1.5 0 0 1-1.171-.563L1.796 8.844a1.35 1.35 0 0 1 0-1.688l2.475-3.093A1.5 1.5 0 0 1 5.44 3.5Zm-2.343-.374A3 3 0 0 1 5.442 2H12.5a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H5.442a3 3 0 0 1-2.343-1.126L.625 9.781a2.85 2.85 0 0 1 0-3.562l2.474-3.093ZM7.28 5.47a.75.75 0 0 0-1.06 1.06L7.69 8 6.22 9.47a.75.75 0 1 0 1.06 1.06l1.47-1.47 1.47 1.47a.75.75 0 1 0 1.06-1.06L9.81 8l1.47-1.47a.75.75 0 0 0-1.06-1.06L8.75 6.94 7.28 5.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M14.01 6.94 9.06 1.99a1.5 1.5 0 0 0-2.12 0L1.99 6.94a1.5 1.5 0 0 0 0 2.12l4.95 4.95a1.5 1.5 0 0 0 2.12 0l4.95-4.95a1.5 1.5 0 0 0 0-2.12ZM10.121.928a3 3 0 0 0-4.242 0l-4.95 4.95a3 3 0 0 0 0 4.242l4.95 4.95a3 3 0 0 0 4.242 0l4.95-4.95a3 3 0 0 0 0-4.242l-4.95-4.95Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.01 6.94 9.06 1.99a1.5 1.5 0 0 0-2.12 0L1.99 6.94a1.5 1.5 0 0 0 0 2.12l4.95 4.95a1.5 1.5 0 0 0 2.12 0l4.95-4.95a1.5 1.5 0 0 0 0-2.12ZM10.121.928a3 3 0 0 0-4.242 0l-4.95 4.95a3 3 0 0 0 0 4.242l4.95 4.95a3 3 0 0 0 4.242 0l4.95-4.95a3 3 0 0 0 0-4.242l-4.95-4.95ZM9 10.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM8.75 5a.75.75 0 1 0-1.5 0v2.5a.75.75 0 1 0 1.5 0V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" d="M5.879.929a3 3 0 0 1 4.242 0l4.95 4.95a3 3 0 0 1 0 4.242l-4.95 4.95a3 3 0 0 1-4.242 0l-4.95-4.95a3 3 0 0 1 0-4.242l4.95-4.95Z"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7ZM8 9.15a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3h-7A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3Zm-7-1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7ZM11.15 6a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0ZM6 11.15a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm9 2.15a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3ZM9.15 8a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0ZM5.5 11.65a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3h-7A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3Zm-7-1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7ZM11.15 6a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0ZM6 11.15a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3ZM11.15 10a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0ZM6 7.15a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm9 2.15a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3ZM9.15 8a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0ZM5.5 11.65a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3Zm6.15-1.15a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0ZM5.5 6.65a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3h-7A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3Zm-7-1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7ZM11.65 5a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0ZM5.5 12.15a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3ZM11.65 11a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0ZM5.5 6.15a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3ZM11.65 8a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0ZM5.5 9.15a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 3H4a1.5 1.5 0 0 0-1.5 1.5v4A1.5 1.5 0 0 0 4 10h8a1.5 1.5 0 0 0 1.5-1.5v-4A1.5 1.5 0 0 0 12 3ZM4 1.5a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h3.25V13h-2.5a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-2.5v-1.5H12a3 3 0 0 0 3-3v-4a3 3 0 0 0-3-3H4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 3h8a1.5 1.5 0 0 1 1.5 1.5v4A1.5 1.5 0 0 1 12 10H4a1.5 1.5 0 0 1-1.5-1.5v-1h2.25a.75.75 0 0 0 .564-.256l1.057-1.208L7.85 8.622A.75.75 0 0 0 9.1 8.7L10.375 7h1.375a.75.75 0 0 0 0-1.5H10a.75.75 0 0 0-.6.3l-.815 1.087-1.434-2.51a.75.75 0 0 0-1.215-.12L4.41 6H2.5V4.5A1.5 1.5 0 0 1 4 3ZM1 6.75V8.5a3 3 0 0 0 3 3h3.25V13h-2.5a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-2.5v-1.5H12a3 3 0 0 0 3-3v-4a3 3 0 0 0-3-3H4a3 3 0 0 0-3 3v2.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.5 3a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM3 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM13 4.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM4.5 3a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM8 14.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm6.5-1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM3 14.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 9a4.5 4.5 0 1 1-9 0c0-1.638.761-3.242 1.789-4.64a16.57 16.57 0 0 1 2.714-2.847c.591.48 1.722 1.483 2.707 2.817 1.024 1.389 1.79 3 1.79 4.67ZM14 9A6 6 0 0 1 2 9C2 4.819 5.846 1.337 7.106.309 7.359.102 7.676 0 8.003 0c.323 0 .637.1.888.302C10.148 1.312 14 4.759 14 9Zm-6 3.25a.75.75 0 0 1 0-1.5A1.75 1.75 0 0 0 9.75 9a.75.75 0 0 1 1.5 0A3.25 3.25 0 0 1 8 12.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 12.372V5.75C4 3.419 5.934 1.5 8.298 1.5c2.31 0 4.202 1.877 4.202 4.156v.459a4.773 4.773 0 0 1-1.667 3.624 11.26 11.26 0 0 0-2.486 3.028l-.364.648A2.128 2.128 0 0 1 4 12.372ZM2.5 5.75v6.622a3.628 3.628 0 0 0 6.79 1.779l.365-.648a9.76 9.76 0 0 1 2.154-2.625A6.274 6.274 0 0 0 14 6.115v-.46C14 2.533 11.421 0 8.298 0 5.122 0 2.5 2.574 2.5 5.75Zm4.526-.162a1.242 1.242 0 0 1 2.474.154v.508a.75.75 0 0 0 1.5 0v-.508a2.742 2.742 0 0 0-5.462-.34l-.282 2.255a.75.75 0 0 0 .827.838l.85-.094a.511.511 0 0 1 .383.901l-1.046.872a.75.75 0 0 0 .96 1.152l1.046-.872a2.011 2.011 0 0 0-1.414-3.552l.164-1.314Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 4.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.5 4h9c.25 0 .485.06.692.169L8.75 7.5a1.25 1.25 0 0 1-1.5 0L2.808 4.169C3.015 4.06 3.251 4 3.5 4ZM2.001 5.438 2 5.5v5A1.5 1.5 0 0 0 3.5 12h9a1.5 1.5 0 0 0 1.5-1.5v-5l-.001-.062L9.65 8.7a2.75 2.75 0 0 1-3.3 0L2.001 5.438ZM.5 5.5a3 3 0 0 1 3-3h9a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3v-5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14 6.498V11.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11.5V6.498l.001-.06L6.35 9.7a2.75 2.75 0 0 0 3.3 0l4.349-3.262.001.06Zm-.806-1.33L8.74 2.642a1.5 1.5 0 0 0-1.48 0L2.806 5.167 7.25 8.5a1.25 1.25 0 0 0 1.5 0l4.444-3.333ZM.5 6.497a3 3 0 0 1 1.521-2.61l4.5-2.55a3 3 0 0 1 2.958 0l4.5 2.55a3 3 0 0 1 1.521 2.61V11.5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V6.498Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14 6.498V11.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11.5V6.498c0-.54.29-1.039.76-1.305l4.5-2.55a1.5 1.5 0 0 1 1.48 0l4.5 2.55c.47.266.76.765.76 1.305Zm-13.5 0a3 3 0 0 1 1.521-2.61l4.5-2.55a3 3 0 0 1 2.958 0l4.5 2.55a3 3 0 0 1 1.521 2.61V11.5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V6.498Zm6.03-.528a.75.75 0 0 0-1.06 1.06L6.94 8.5 5.47 9.97a.75.75 0 1 0 1.06 1.06L8 9.56l1.47 1.47a.75.75 0 1 0 1.06-1.06L9.06 8.5l1.47-1.47a.75.75 0 1 0-1.06-1.06L8 7.44 6.53 5.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 11a.75.75 0 0 0 0-1.5h-11a.75.75 0 0 0 0 1.5h11Zm0-4.5a.75.75 0 0 0 0-1.5h-11a.75.75 0 0 0 0 1.5h11Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m9.646 3.268 2.586 2.586a.914.914 0 0 1 0 1.292L8.72 10.66 4.84 6.78l3.513-3.512a.914.914 0 0 1 1.292 0ZM3.78 7.84 1.768 9.854a.914.914 0 0 0 0 1.292L3.12 12.5h3.76l.78-.78-3.88-3.88Zm9.513.366L9 12.5h6.25a.75.75 0 0 1 0 1.5H2.5L.707 12.207a2.414 2.414 0 0 1 0-3.414l6.586-6.586a2.414 2.414 0 0 1 3.414 0l2.586 2.586a2.414 2.414 0 0 1 0 3.414Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="m8.91 1.762-.325 6.5a.25.25 0 0 1-.25.238h-.67a.25.25 0 0 1-.25-.238l-.325-6.5a.25.25 0 0 1 .25-.262h1.32a.25.25 0 0 1 .25.262Zm1.173 6.575.325-6.5A1.75 1.75 0 0 0 8.66 0H7.34a1.75 1.75 0 0 0-1.748 1.837l.325 6.5A1.75 1.75 0 0 0 7.665 10h.67a1.75 1.75 0 0 0 1.748-1.663ZM8 12.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm2.5 1a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.87 8.515 1.641 8l.229-.515a6.708 6.708 0 0 1 12.26 0l.228.515-.229.515a6.708 6.708 0 0 1-12.259 0ZM.5 6.876l-.26.585a1.328 1.328 0 0 0 0 1.079l.26.584a8.208 8.208 0 0 0 15 0l.26-.584a1.328 1.328 0 0 0 0-1.08l-.26-.584a8.208 8.208 0 0 0-15 0ZM9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.03 1.97a.75.75 0 0 0-1.06 1.06l.83.83A8.206 8.206 0 0 0 .5 6.876l-.26.585a1.328 1.328 0 0 0 0 1.079l.26.585a8.208 8.208 0 0 0 11.434 3.87l1.036 1.035a.75.75 0 1 0 1.06-1.06l-11-11Zm7.788 9.908-1.294-1.293a3 3 0 0 1-4.109-4.109L3.866 4.927A6.707 6.707 0 0 0 1.87 7.486L1.641 8l.23.515a6.708 6.708 0 0 0 8.947 3.363ZM6.55 7.611A1.502 1.502 0 0 0 8.389 9.45L6.55 7.611Zm1.658-2.604 2.784 2.784a3 3 0 0 0-2.784-2.784Zm5.92 3.508a6.704 6.704 0 0 1-.915 1.496l1.065 1.066A8.203 8.203 0 0 0 15.5 9.125l.26-.585a1.328 1.328 0 0 0 0-1.08l-.26-.584A8.208 8.208 0 0 0 5.572 2.37L6.81 3.61a6.708 6.708 0 0 1 7.32 3.877l.228.514-.228.515Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6 8c0 1.75-.335 3.094-.816 3.944C4.721 12.764 4.217 13 3.75 13c-.467 0-.97-.237-1.434-1.056-.272-.48-.496-1.116-.64-1.895.283.289.647.451 1.074.451C3.826 10.5 4.5 9.47 4.5 8s-.674-2.5-1.75-2.5a1.47 1.47 0 0 0-1.075.45c.145-.778.37-1.415.64-1.894C2.78 3.236 3.284 3 3.75 3c.467 0 .97.237 1.434 1.056C5.665 4.906 6 6.25 6 8Zm1.5 0c0 3.822-1.445 6.5-3.75 6.5C1.445 14.5 0 11.822 0 8s1.445-6.5 3.75-6.5C6.055 1.5 7.5 4.178 7.5 8Zm7 0c0 1.75-.335 3.094-.816 3.944-.463.82-.967 1.056-1.434 1.056-.467 0-.97-.237-1.434-1.056-.272-.48-.496-1.116-.64-1.895.283.289.647.451 1.074.451C12.326 10.5 13 9.47 13 8s-.674-2.5-1.75-2.5a1.47 1.47 0 0 0-1.075.45c.145-.778.37-1.415.64-1.894C11.28 3.236 11.784 3 12.25 3c.467 0 .97.237 1.434 1.056.481.85.816 2.195.816 3.944ZM16 8c0 3.822-1.445 6.5-3.75 6.5-2.305 0-3.75-2.678-3.75-6.5s1.445-6.5 3.75-6.5C14.555 1.5 16 4.178 16 8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.75 5.5c.427 0 .791.163 1.075.45-.145-.778-.37-1.415-.64-1.894C4.72 3.236 4.216 3 3.75 3c-.467 0-.97.237-1.434 1.056C1.835 4.906 1.5 6.25 1.5 8s.335 3.094.816 3.944c.463.82.967 1.056 1.434 1.056.467 0 .97-.237 1.434-1.056.272-.48.496-1.116.64-1.895a1.47 1.47 0 0 1-1.074.451C3.674 10.5 3 9.47 3 8s.674-2.5 1.75-2.5ZM7.5 8c0 3.822-1.445 6.5-3.75 6.5C1.445 14.5 0 11.822 0 8s1.445-6.5 3.75-6.5C6.055 1.5 7.5 4.178 7.5 8Zm6.825 2.05c-.145.778-.37 1.415-.64 1.894-.464.82-.968 1.056-1.435 1.056-.467 0-.97-.237-1.434-1.056C10.335 11.094 10 9.75 10 8s.335-3.094.816-3.944C11.279 3.236 11.783 3 12.25 3c.467 0 .97.237 1.434 1.056.272.48.496 1.116.64 1.895A1.47 1.47 0 0 0 13.25 5.5c-1.076 0-1.75 1.03-1.75 2.5s.674 2.5 1.75 2.5a1.47 1.47 0 0 0 1.075-.45ZM16 8c0 3.822-1.445 6.5-3.75 6.5-2.305 0-3.75-2.678-3.75-6.5s1.445-6.5 3.75-6.5C14.555 1.5 16 4.178 16 8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.072 11.749C12.447 10.539 13.5 8.915 13.5 7c0-1.376-.48-2.45-1.313-3.195C11.34 3.047 9.98 2.5 8 2.5s-3.34.547-4.187 1.305C2.98 4.55 2.5 5.625 2.5 7c0 1.915 1.053 3.539 2.428 4.749a9.484 9.484 0 0 0 2.01 1.36 5.5 5.5 0 0 0 .778.32c.17.054.262.067.284.07.022-.003.113-.016.284-.07a5.5 5.5 0 0 0 .778-.32 9.484 9.484 0 0 0 2.01-1.36ZM8 15c1.5 0 7-3 7-8 0-3.5-2.5-6-7-6S1 3.5 1 7c0 5 5.5 8 7 8Zm1.25-5a.75.75 0 0 1-.75-.75c0-.842.345-1.553.922-2.041C9.986 6.73 10.73 6.5 11.5 6.5a.75.75 0 0 1 .75.75c0 .842-.345 1.553-.922 2.041-.564.478-1.308.709-2.078.709ZM7.5 9.25a.75.75 0 0 1-.75.75c-.77 0-1.514-.231-2.078-.709-.577-.488-.922-1.199-.922-2.041a.75.75 0 0 1 .75-.75c.77 0 1.514.231 2.078.709.577.488.922 1.199.922 2.041Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM4.75 9.25a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 .75.75c0 .686-.43 1.319-.974 1.746-.57.447-1.358.754-2.276.754-.918 0-1.706-.307-2.276-.754-.543-.427-.974-1.06-.974-1.746ZM10 7.5a.75.75 0 0 1-.75-.75v-1a.75.75 0 0 1 1.5 0v1a.75.75 0 0 1-.75.75Zm-4.75-.75a.75.75 0 0 0 1.5 0v-1a.75.75 0 0 0-1.5 0v1Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-5 3a.75.75 0 0 0 0-1.5H6A.75.75 0 0 0 6 11h4Zm0-3a.75.75 0 0 1-.75-.75v-1a.75.75 0 0 1 1.5 0v1A.75.75 0 0 1 10 8Zm-4.75-.75a.75.75 0 0 0 1.5 0v-1a.75.75 0 0 0-1.5 0v1Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 1c-.372 0-.737.03-1.094.085a.75.75 0 0 0 .232 1.482 5.546 5.546 0 0 1 1.724 0 .75.75 0 0 0 .232-1.482A7.047 7.047 0 0 0 8 1ZM4.767 3.55a.75.75 0 1 0-.882-1.213 7.036 7.036 0 0 0-1.548 1.548.75.75 0 0 0 1.213.882c.34-.466.75-.878 1.217-1.217Zm7.348-1.213a.75.75 0 1 0-.883 1.213c.467.34.879.75 1.218 1.217a.75.75 0 0 0 1.213-.882 7.037 7.037 0 0 0-1.548-1.548ZM2.567 7.138a.75.75 0 0 0-1.482-.232 7.047 7.047 0 0 0 0 2.188.75.75 0 0 0 1.482-.232 5.546 5.546 0 0 1 0-1.724Zm12.348-.232a.75.75 0 1 0-1.482.232 5.54 5.54 0 0 1 0 1.724.75.75 0 0 0 1.482.232 7.048 7.048 0 0 0 0-2.188ZM3.55 11.233a.75.75 0 1 0-1.213.882 7.037 7.037 0 0 0 1.548 1.548.75.75 0 0 0 .882-1.213 5.533 5.533 0 0 1-1.217-1.217Zm10.113.882a.75.75 0 0 0-1.213-.883 5.53 5.53 0 0 1-1.217 1.218.75.75 0 0 0 .882 1.213 7.037 7.037 0 0 0 1.548-1.548Zm-6.525 1.318a.75.75 0 0 0-.232 1.482 7.048 7.048 0 0 0 2.188 0 .75.75 0 1 0-.232-1.482 5.54 5.54 0 0 1-1.724 0ZM10 11a.75.75 0 0 0 0-1.5H6A.75.75 0 0 0 6 11h4Zm0-3a.75.75 0 0 1-.75-.75v-1a.75.75 0 0 1 1.5 0v1A.75.75 0 0 1 10 8Zm-4.75-.75a.75.75 0 0 0 1.5 0v-1a.75.75 0 0 0-1.5 0v1Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M15.5 10.071c0-2.582-1.426-4.853-3.633-6.087l1.039-1.87a.75.75 0 1 0-1.312-.728l-1.11 1.997A8.1 8.1 0 0 0 8 3a8.1 8.1 0 0 0-2.485.383l-1.11-1.997a.75.75 0 1 0-1.31.728l1.038 1.87C1.926 5.218.5 7.489.5 10.07c0 .813.169 1.603.614 2.294.448.697 1.09 1.158 1.795 1.46C4.227 14.39 6.02 14.5 8 14.5s3.773-.11 5.09-.675c.707-.302 1.348-.763 1.796-1.46.446-.691.614-1.481.614-2.294Zm-13.5 0C2 12.5 4 13 8 13s6-.5 6-2.929c0-3-2.5-5.571-6-5.571s-6 2.57-6 5.57Zm8.5 1.179a.75.75 0 0 1-.75-.75V9a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-.75.75Zm-5.75-.75a.75.75 0 0 0 1.5 0V9a.75.75 0 0 0-1.5 0v1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-5.67 2.835a.75.75 0 1 0 1.34-.67C10.268 9.356 9.219 8.75 8 8.75s-2.267.606-2.67 1.415a.75.75 0 1 0 1.34.67c.097-.191.548-.585 1.33-.585s1.233.394 1.33.585ZM10 8a.75.75 0 0 1-.75-.75v-1a.75.75 0 0 1 1.5 0v1A.75.75 0 0 1 10 8Zm-4.75-.75a.75.75 0 0 0 1.5 0v-1a.75.75 0 0 0-1.5 0v1Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM6.67 9.665a.75.75 0 0 0-1.34.67c.403.809 1.452 1.415 2.67 1.415s2.267-.606 2.67-1.415a.75.75 0 1 0-1.34-.67c-.097.191-.548.585-1.33.585s-1.233-.394-1.33-.585ZM10 8a.75.75 0 0 1-.75-.75v-1a.75.75 0 0 1 1.5 0v1A.75.75 0 0 1 10 8Zm-4.75-.75a.75.75 0 0 0 1.5 0v-1a.75.75 0 0 0-1.5 0v1Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-5.75-.75a.75.75 0 0 0 1.5 0v-1a.75.75 0 0 0-1.5 0v1ZM6 8a.75.75 0 0 1-.75-.75v-1a.75.75 0 0 1 1.5 0v1A.75.75 0 0 1 6 8Zm2 4c1.37 0 2.5-.5 2.5-1.5S9.5 9 8 9s-2.5.5-2.5 1.5S6.5 12 8 12Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.5 5.5v2.803l2.332-1.555L13.5 5.636V12.5a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V3a.5.5 0 0 1 .5-.5h1.5A.5.5 0 0 1 5 3v5.446l2.382-1.733L9.5 5.173V5.5ZM6.5 3v2.5L8 4.41l.903-.657A1.32 1.32 0 0 1 11 4.82v.68l1.02-.68.463-.309.429-.285A1.343 1.343 0 0 1 15 5.343V12.5a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1.5a2 2 0 0 1 2 2Zm-1.75 7a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2V5a3 3 0 0 0 3 3h2.5v4a1.5 1.5 0 0 1-1.5 1.5Zm1.303-7a1.503 1.503 0 0 0-.242-.318L8.818 2.939a1.5 1.5 0 0 0-.318-.242V5A1.5 1.5 0 0 0 10 6.5h2.303Zm.818-1.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 12a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12Zm.621-6.879A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM5.47 9.781A.75.75 0 0 1 6.53 8.72l.72.72V7.25a.75.75 0 0 1 1.5 0v2.19l.72-.72a.75.75 0 1 1 1.06 1.06l-2 2a.75.75 0 0 1-1.06 0l-2-2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12a1.5 1.5 0 0 1-1.5 1.5Zm2.121-8.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12Zm-5.651 6.66a.75.75 0 0 0 1.06-1.061L7.81 10H10a.75.75 0 0 0 0-1.5H7.81l.72-.72a.75.75 0 0 0-1.06-1.06l-2 2a.75.75 0 0 0 0 1.06l2 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12a1.5 1.5 0 0 1-1.5 1.5Zm2.121-8.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12Zm-4.59 6.66A.75.75 0 0 1 7.47 10.72l.72-.72H6a.75.75 0 0 1 0-1.5h2.19l-.72-.72a.75.75 0 0 1 1.06-1.06l2 2a.75.75 0 0 1 0 1.06l-2 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 7.14a3 3 0 0 0-.758-1.992L8.395 2.507A3 3 0 0 0 6.153 1.5H4a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h6.25a.75.75 0 0 0 0-1.5H4a1.5 1.5 0 0 1-1.5-1.5v-7A1.5 1.5 0 0 1 4 3h1.5v2a3 3 0 0 0 3 3h2.25a.75.75 0 0 0 .75-.75v-.11ZM9.856 6.5H8.5A1.5 1.5 0 0 1 7 5V3.262c.1.068.192.15.274.241L9.62 6.144a1.5 1.5 0 0 1 .235.356ZM13.44 11l-.72.72a.75.75 0 1 0 1.061 1.06l2-2a.75.75 0 0 0 0-1.06l-2-2a.75.75 0 1 0-1.06 1.06l.72.72H6.75a.75.75 0 0 0 0 1.5h6.69Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 12a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12Zm.621-6.879A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM5.47 8.72a.75.75 0 0 0 1.06 1.06l.72-.72v2.19a.75.75 0 0 0 1.5 0V9.06l.72.72a.75.75 0 0 0 1.06-1.06l-2-2a.75.75 0 0 0-1.06 0l-2 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12a1.5 1.5 0 0 1-1.5 1.5Zm2.121-8.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM10.85 7.65a.75.75 0 1 0-1.2-.9L7.469 9.658 6.28 8.47a.75.75 0 0 0-1.06 1.06l1.8 1.8a.75.75 0 0 0 1.13-.08l2.7-3.6Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5 13.5h6a1.5 1.5 0 0 0 1.5-1.5V7.243a1.5 1.5 0 0 0-.44-1.061L8.819 2.939a1.5 1.5 0 0 0-1.06-.439H5A1.5 1.5 0 0 0 3.5 4v8A1.5 1.5 0 0 0 5 13.5Zm9-6.257a3 3 0 0 0-.879-2.122L9.88 1.88A3 3 0 0 0 7.757 1H5a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V7.243ZM8.72 10.53a.75.75 0 0 1 0-1.06l.97-.97-.97-.97a.75.75 0 0 1 1.06-1.06l1.5 1.5a.75.75 0 0 1 0 1.06l-1.5 1.5a.75.75 0 0 1-1.06 0Zm-1.44-3a.75.75 0 0 0-1.06-1.06l-1.5 1.5a.75.75 0 0 0 0 1.06l1.5 1.5a.75.75 0 1 0 1.06-1.06l-.97-.97.97-.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12a1.5 1.5 0 0 1-1.5 1.5Zm2.121-8.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12Zm-6.878.388c.272-.203.596-.343.955-.423V4.75a.75.75 0 0 1 1.5 0v.311c.537.097.973.309 1.309.616a.75.75 0 1 1-1.014 1.106c-.134-.123-.412-.28-.993-.28-.464 0-.728.11-.857.206-.112.084-.147.172-.147.274 0 .014 0 .022.016.043a.628.628 0 0 0 .189.152c.23.135.573.242.952.32l.05.011c.394.081.956.197 1.42.434.523.267 1.057.763 1.057 1.609 0 .75-.468 1.263-.98 1.55-.302.17-.648.28-1.002.342v.306a.75.75 0 0 1-1.5 0v-.349a3.347 3.347 0 0 1-.915-.383c-.463-.281-.887-.704-1.064-1.226a.75.75 0 1 1 1.421-.48c.027.08.147.257.423.425.262.16.595.265.937.265.4 0 .748-.086.966-.209.208-.116.214-.204.214-.241 0-.08-.008-.155-.239-.273-.269-.137-.643-.218-1.093-.312-.428-.089-.963-.235-1.408-.496-.446-.263-.944-.735-.944-1.488 0-.587.268-1.115.747-1.474Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 12a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12Zm.621-6.879A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM8 5a.75.75 0 0 1 .75.75V8.5a.75.75 0 0 1-1.5 0V5.75A.75.75 0 0 1 8 5Zm1 6.25a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12a1.5 1.5 0 0 1-1.5 1.5Zm2.121-8.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM6.5 6.5a.75.75 0 0 0-.75.75v4a.75.75 0 0 0 1.5 0v-.75H8.5a2 2 0 1 0 0-4h-2Zm2 2.5H7.25V8H8.5a.5.5 0 0 1 0 1Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 12a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12Zm.621-6.879A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM5.702 6.987a.75.75 0 0 0-1.404.526l1.5 4a.75.75 0 0 0 1.404 0L8 9.386l.798 2.127a.75.75 0 0 0 1.418-.039l1.253-4a.75.75 0 0 0-1.431-.448l-.602 1.919-.734-1.958a.75.75 0 0 0-1.404 0L6.5 9.114l-.798-2.127Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 12a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12Zm.621-6.879A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12Zm-2.807 2.623a.75.75 0 1 0-1.128-.988L8 8.111 6.814 6.756a.75.75 0 1 0-1.128.988L7.003 9.25l-1.317 1.506a.75.75 0 0 0 1.128.988L8 10.389l1.186 1.355a.75.75 0 0 0 1.128-.988L8.997 9.25l1.317-1.506Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12a1.5 1.5 0 0 1-1.5 1.5Zm2.121-8.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM7.5 11.25A2.497 2.497 0 0 1 5 8.75a2.5 2.5 0 1 1 4.717 1.156l.813.814a.75.75 0 1 1-1.06 1.06l-.814-.813a2.49 2.49 0 0 1-1.156.283Zm1-2.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12a1.5 1.5 0 0 1-1.5 1.5Zm2.121-8.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM5.75 8.25a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 12a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12Zm.621-6.879A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM8.75 6.75a.75.75 0 0 0-1.5 0v1.5h-1.5a.75.75 0 0 0 0 1.5h1.5v1.5a.75.75 0 0 0 1.5 0v-1.5h1.5a.75.75 0 0 0 0-1.5h-1.5v-1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12a1.5 1.5 0 0 1-1.5 1.5Zm2.121-8.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12Zm-6.533.388C6.978 5.19 7.488 5 8 5c1.092 0 2.125.736 2.125 1.947 0 .34-.07.678-.273 1.004-.19.308-.467.554-.785.776-.185.129-.269.211-.305.26a.197.197 0 0 0-.012.017A.75.75 0 0 1 7.25 9c0-.741.512-1.192.959-1.503.236-.165.329-.273.368-.336.028-.046.048-.097.048-.214a.367.367 0 0 0-.133-.292C8.398 6.575 8.235 6.5 8 6.5a.766.766 0 0 0-.463.17c-.126.104-.162.204-.162.277a.75.75 0 1 1-1.5 0c0-.618.32-1.116.713-1.438ZM9 11.25a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12a1.5 1.5 0 0 1-1.5 1.5Zm2.121-8.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM6.75 4.5a.75.75 0 0 0-.75.75v2h-.25a.75.75 0 0 0 0 1.5H6v.75h-.25a.75.75 0 0 0 0 1.5H6v.25a.75.75 0 0 0 1.5 0V11h.75a.75.75 0 0 0 0-1.5H7.5v-.75h.875a2.125 2.125 0 0 0 0-4.25H6.75Zm1.625 2.75H7.5V6h.875a.625.625 0 1 1 0 1.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 10.5h4A1.5 1.5 0 0 0 13.5 9V7H12a3 3 0 0 1-3-3V2.5H8A1.5 1.5 0 0 0 6.5 4v5A1.5 1.5 0 0 0 8 10.5Zm5.06-5.318c.096.096.178.203.243.318H12A1.5 1.5 0 0 1 10.5 4V2.697c.115.065.223.147.318.242l2.243 2.243ZM15 6.242a3 3 0 0 0-.879-2.12L11.88 1.878A3 3 0 0 0 9.757 1H8a3 3 0 0 0-3 3H4a3 3 0 0 0-3 3v5a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3h1a3 3 0 0 0 3-3V6.243ZM9.5 12H8a3 3 0 0 1-3-3V5.5H4A1.5 1.5 0 0 0 2.5 7v5A1.5 1.5 0 0 0 4 13.5h4A1.5 1.5 0 0 0 9.5 12Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5 13.5h6a1.5 1.5 0 0 0 1.5-1.5V7.243a1.5 1.5 0 0 0-.44-1.061L8.819 2.939a1.5 1.5 0 0 0-1.06-.439H5A1.5 1.5 0 0 0 3.5 4v8A1.5 1.5 0 0 0 5 13.5Zm9-6.257a3 3 0 0 0-.879-2.122L9.88 1.88A3 3 0 0 0 7.757 1H5a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V7.243ZM5 8.25a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5A.75.75 0 0 1 5 8.25Zm.75 2.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 12a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12Zm.621-6.879A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM6.781 6.72A.75.75 0 0 0 5.72 7.78L6.94 9l-1.22 1.22a.75.75 0 1 0 1.06 1.06L8 10.06l1.22 1.22a.75.75 0 1 0 1.06-1.06L9.06 9l1.22-1.22a.75.75 0 1 0-1.06-1.06L8 7.94 6.78 6.72Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h.5v.75c0 .414.336.75.75.75H7v2h-.75a.75.75 0 0 0-.75.75v.5c0 .414.336.75.75.75H7v2h-.75a.75.75 0 0 0-.75.75v.5c0 .414.336.75.75.75H7v-2h.75a.75.75 0 0 0 .75-.75v-.5A.75.75 0 0 0 7.75 8H7V6h.75a.75.75 0 0 0 .75-.75v-.5A.75.75 0 0 0 7.75 4H7V2.5h.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12a1.5 1.5 0 0 1-1.5 1.5Zm2.121-8.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3.5h.5A1.5 1.5 0 0 1 13.5 5v.5h-2v-2Zm0 3.5v2h2V7h-2ZM15 7v4a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v2Zm-1.5 3.5h-2v2h.5a1.5 1.5 0 0 0 1.5-1.5v-.5Zm-3.5-7H6v9h4v-9Zm-5.5 9v-2h-2v.5A1.5 1.5 0 0 0 4 12.5h.5Zm0-5.5v2h-2V7h2Zm0-1.5h-2V5A1.5 1.5 0 0 1 4 3.5h.5v2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.964 1.79a.75.75 0 0 1-.51.93A5.513 5.513 0 0 0 2.72 6.455a.75.75 0 0 1-1.44-.421A7.013 7.013 0 0 1 6.034 1.28a.75.75 0 0 1 .93.51Zm2.072 0a.75.75 0 0 1 .93-.51 7.003 7.003 0 0 1 4.176 10.08.75.75 0 1 1-1.315-.72 5.503 5.503 0 0 0-3.281-7.92.75.75 0 0 1-.51-.93ZM1.79 9.036a.75.75 0 0 1 .93.51 5.503 5.503 0 0 0 7.92 3.28.75.75 0 1 1 .72 1.316A7.003 7.003 0 0 1 1.28 9.966a.75.75 0 0 1 .51-.93ZM8 5.5a2.5 2.5 0 0 0-1.153 4.719.75.75 0 0 1-.694 1.33A4 4 0 1 1 12 8a.75.75 0 0 1-1.5 0A2.5 2.5 0 0 0 8 5.5Zm.742 2.392a.75.75 0 1 0-1.484.216c.252 1.726 1.493 3.001 3.18 3.14a.75.75 0 1 0 .123-1.495c-.918-.076-1.657-.751-1.819-1.861Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.47 3.588a4.447 4.447 0 0 0-4.15-.224.55.55 0 0 0-.32.499v5.533a6.25 6.25 0 0 1 5.547.439l.344.207a4.018 4.018 0 0 0 3.865.148.442.442 0 0 0 .244-.395V4.182a6.264 6.264 0 0 1-5.386-.508l-.143-.086Zm5.957 7.944a5.518 5.518 0 0 1-5.307-.204l-.345-.207a4.75 4.75 0 0 0-4.314-.293L3 11.026v3.255a.75.75 0 0 1-1.5 0V3.863c0-.8.465-1.526 1.19-1.861a5.947 5.947 0 0 1 5.552.3l.144.086a4.761 4.761 0 0 0 4.447.24l.603-.278a.75.75 0 0 1 1.064.681v6.764c0 .735-.416 1.408-1.073 1.737Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.452 6.864 1.13-2.173a31.715 31.715 0 0 1 1.872-3.095c.964 1.045 1.906 2.3 2.612 3.622.748 1.402 1.184 2.789 1.184 4.032 0 1.427-.904 2.83-2.153 3.613.058-.265.09-.553.09-.863 0-1.255-.674-2.336-1.143-2.963a8.82 8.82 0 0 0-1.01-1.125l-.024-.02-.008-.008L9 7.88l-.001-.001C8.996 7.88 8.996 7.878 8 9a7.03 7.03 0 0 0 .984 1.133c.37.534.704 1.2.704 1.867 0 .77-.313 1.276-.618 1.587-.159.162-.279.38-.314.6a.786.786 0 0 0 0 .264.694.694 0 0 0 .06.182c.113.225.343.37.594.35 2.836-.235 5.34-2.87 5.34-5.733 0-3.149-2.177-6.538-4.357-8.845A1.313 1.313 0 0 0 9.435 0 1.32 1.32 0 0 0 8.35.556 33.486 33.486 0 0 0 6.25 4l-.955-1.337a.986.986 0 0 0-1.589-.018C2.62 4.123 1.25 6.249 1.25 9.25c0 2.863 2.504 5.498 5.34 5.733.25.02.481-.125.593-.35a.672.672 0 0 0 .06-.182.786.786 0 0 0 .001-.263 1.145 1.145 0 0 0-.314-.601c-.305-.31-.617-.817-.617-1.587 0-.666.333-1.333.703-1.867l.09-.128C7.544 9.405 8 9 8 9l-.997-1.12H7l-.003.003-.008.007-.024.021-.073.07a8.827 8.827 0 0 0-.937 1.056c-.47.626-1.143 1.707-1.143 2.962 0 .31.033.598.09.863C3.654 12.08 2.75 10.677 2.75 9.25c0-2.171.847-3.812 1.745-5.126l.534.748 1.423 1.992ZM8 9l.997-1.121L8 6.993l-.997.886L8 9Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.494 13.2c.837-.482 1.006-.946 1.006-1.2 0-.35-.105-.692-.303-.981L9.072 6.435a1.854 1.854 0 0 1-.322-1.044V2.909C8.518 2.968 8.265 3 8 3s-.518-.032-.75-.09v2.48c0 .373-.112.737-.322 1.045L3.803 11.02c-.198.289-.303.63-.303.981 0 .254.169.718 1.006 1.2.813.468 2.043.8 3.494.8s2.68-.332 3.494-.8ZM8 .5c2 0 2.25 1 2.25 1.5v3.39c0 .072.021.141.062.2l3.125 4.584c.367.538.563 1.175.563 1.826 0 2-2.686 3.5-6 3.5S2 14 2 12c0-.652.196-1.288.563-1.826L5.69 5.59a.354.354 0 0 0 .061-.2V2C5.75 1.5 6 .5 8 .5Zm.084 7.626a.75.75 0 0 1 1.04.208l1.5 2.25a.75.75 0 1 1-1.248.832l-1.5-2.25a.75.75 0 0 1 .208-1.04Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3 11.5A1.5 1.5 0 0 0 4.5 13v-2.5a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2V13a1.5 1.5 0 0 0 1.5-1.5V6.036a1 1 0 0 0-.293-.708l-2.035-2.035A1 1 0 0 0 9.964 3H6v1a.5.5 0 0 0 .5.5h3a.75.75 0 0 1 0 1.5h-3a2 2 0 0 1-2-2V3A1.5 1.5 0 0 0 3 4.5v7Zm-1.5 0a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3V6.036a2.5 2.5 0 0 0-.732-1.768l-2.036-2.036A2.5 2.5 0 0 0 9.964 1.5H4.5a3 3 0 0 0-3 3v7Zm8.5-1V13H6v-2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44l.621.62ZM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V4.5Zm4.25 2a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44l.621.62ZM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V4.5Zm10.03 4.53a.75.75 0 1 0-1.06-1.06l-.72.72V6.5a.75.75 0 0 0-1.5 0v2.19l-.72-.72a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.06 0l2-2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44l.621.62ZM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V4.5Zm6.97 6.53a.75.75 0 1 0 1.06-1.06l-.72-.72H10a.75.75 0 0 0 0-1.5H7.81l.72-.72a.75.75 0 0 0-1.06-1.06l-2 2a.75.75 0 0 0 0 1.06l2 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44l.621.62ZM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V4.5Zm8.03 1.47a.75.75 0 0 0-1.06 1.06l.72.72H6a.75.75 0 1 0 0 1.5h2.19l-.72.72a.75.75 0 1 0 1.06 1.06l2-2a.75.75 0 0 0 0-1.06l-2-2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44l.621.62ZM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V4.5Zm4.97 3.47a.75.75 0 0 0 1.06 1.06l.72-.72v2.19a.75.75 0 0 0 1.5 0V8.31l.72.72a.75.75 0 1 0 1.06-1.06l-2-2a.75.75 0 0 0-1.06 0l-2 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 3.56.439.44H12.5A1.5 1.5 0 0 1 14 5.5v5a1.5 1.5 0 0 1-1.5 1.5h-1.75a.75.75 0 0 0 0 1.5h1.75a3 3 0 0 0 3-3v-5a3 3 0 0 0-3-3h-5l-.621-.621A3 3 0 0 0 4.757 1H3.5a3 3 0 0 0-3 3v6.5a3 3 0 0 0 3 3h1.75a.75.75 0 0 0 0-1.5H3.5A1.5 1.5 0 0 1 2 10.5V4a1.5 1.5 0 0 1 1.5-1.5h1.257a1.5 1.5 0 0 1 1.061.44l.621.62Zm2.31 5 .72.72a.75.75 0 1 0 1.06-1.06l-2-2a.75.75 0 0 0-1.06 0l-2 2a.75.75 0 0 0 1.06 1.06l.72-.72v6.69a.75.75 0 0 0 1.5 0V8.56Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44l.621.62ZM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V4.5Zm10.35 2.45a.75.75 0 1 0-1.2-.9L7.469 8.958 6.28 7.77a.75.75 0 0 0-1.06 1.06l1.8 1.8a.75.75 0 0 0 1.13-.08l2.7-3.6Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44l.621.62ZM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V4.5Zm8.182 1.273a.75.75 0 0 1 .546.91l-1 4a.75.75 0 0 1-1.455-.365l1-4a.75.75 0 0 1 .909-.545ZM4.97 10.03a.75.75 0 0 0 1.06-1.06l-.47-.47.47-.47a.75.75 0 0 0-1.06-1.06l-1 1a.75.75 0 0 0 0 1.06l1 1Zm5-1.06a.75.75 0 1 0 1.06 1.06l1-1a.75.75 0 0 0 0-1.06l-1-1a.75.75 0 1 0-1.06 1.06l.47.47-.47.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.879 4.5-.44-.44-.621-.62A1.5 1.5 0 0 0 4.758 3H3.5A1.5 1.5 0 0 0 2 4.5V11a1.5 1.5 0 0 0 1.5 1.5h9A1.5 1.5 0 0 0 14 11V6a1.5 1.5 0 0 0-1.5-1.5H6.879ZM3.5 1.5a3 3 0 0 0-3 3V11a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3h-5l-.621-.621A3 3 0 0 0 4.757 1.5H3.5Zm5.5 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-.25-4.25a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 1.5 0v-1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.5 1.5a3 3 0 0 0-3 3V11a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3h-5l-.621-.621A3 3 0 0 0 4.757 1.5H3.5Zm1.25 5a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44l.621.62ZM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V4.5Zm8.25 2.75A.25.25 0 0 1 9 7h1a.75.75 0 0 0 0-1.5H9a1.75 1.75 0 0 0-1.75 1.75v.5H6a.75.75 0 1 0 0 1.5h1.25v.5c0 .966.784 1.75 1.75 1.75h1a.75.75 0 0 0 0-1.5H9a.25.25 0 0 1-.25-.25v-.5H10a.75.75 0 0 0 0-1.5H8.75v-.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44l.621.62ZM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V4.5ZM8 7.453l1.5 1.25V9.5h-3v-.797L8 7.453ZM5 8.468a1 1 0 0 1 .36-.768l2-1.667a1 1 0 0 1 1.28 0l2 1.667a1 1 0 0 1 .36.768V10a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V8.468Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.879 4.5-.44-.44-.621-.62A1.5 1.5 0 0 0 4.758 3H3.5A1.5 1.5 0 0 0 2 4.5V11a1.5 1.5 0 0 0 1.5 1.5h9A1.5 1.5 0 0 0 14 11V6a1.5 1.5 0 0 0-1.5-1.5H6.879ZM3.5 1.5a3 3 0 0 0-3 3V11a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3h-5l-.621-.621A3 3 0 0 0 4.757 1.5H3.5Zm5.25 7.3a1.5 1.5 0 1 0-1.5 0v1.45a.75.75 0 0 0 1.5 0V8.8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44l.621.62ZM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V4.5Zm8 2.75v.25h-1v-.25a.5.5 0 0 1 1 0Zm1.6.25H10v-.25a2 2 0 1 0-4 0v.25h-.1a1.4 1.4 0 0 0-1.4 1.4v1.2a1.4 1.4 0 0 0 1.4 1.4h4.2a1.4 1.4 0 0 0 1.4-1.4V8.9a1.4 1.4 0 0 0-1.4-1.4ZM6 9v1h4V9H6Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.879 4.5-.44-.44-.621-.62A1.5 1.5 0 0 0 4.758 3H3.5A1.5 1.5 0 0 0 2 4.5V11a1.5 1.5 0 0 0 1.5 1.5h9A1.5 1.5 0 0 0 14 11V6a1.5 1.5 0 0 0-1.5-1.5H6.879ZM3.5 1.5a3 3 0 0 0-3 3V11a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3h-5l-.621-.621A3 3 0 0 0 4.757 1.5H3.5Zm6.217 7.656a2.5 2.5 0 1 0-1.06 1.06l.813.814a.75.75 0 1 0 1.06-1.06l-.813-.814ZM7.5 9a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.379 4.5-.44-.44-.621-.62A1.5 1.5 0 0 0 4.258 3H3a1.5 1.5 0 0 0-1.5 1.5v5.25l1.376-2.293A3 3 0 0 1 5.45 6h7.05A1.5 1.5 0 0 0 11 4.5H6.379ZM14 6.026V6a3 3 0 0 0-3-3H7l-.621-.621A3 3 0 0 0 4.257 1.5H3a3 3 0 0 0-3 3V11a3 3 0 0 0 3 3h8.301a3 3 0 0 0 2.573-1.457l1.791-2.985A2.349 2.349 0 0 0 14 6.026ZM10 12.5h1.301a1.5 1.5 0 0 0 1.287-.728l1.791-2.986 1.286.772-1.286-.772a.85.85 0 0 0-.728-1.286H5.449a1.5 1.5 0 0 0-1.287.728l-1.791 2.986a.85.85 0 0 0 .728 1.286H10Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M0 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7 3h4a3 3 0 0 1 3 3H5.449a3 3 0 0 0-2.573 1.457L1.43 9.867a.75.75 0 0 0 1.287.772l1.446-2.41A1.5 1.5 0 0 1 5.45 7.5h9.376a1.175 1.175 0 0 1 1.008 1.779l-1.96 3.264A3 3 0 0 1 11.302 14H2.94A3 3 0 0 1 0 11V4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44l.621.62ZM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V4.5Zm8.25 2a.75.75 0 0 0-1.5 0v1.25H6a.75.75 0 0 0 0 1.5h1.25v1.25a.75.75 0 0 0 1.5 0V9.25H10a.75.75 0 0 0 0-1.5H8.75V6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m8.879 4-.44-.44-.767-.767a1 1 0 0 0-.708-.293H6A1.5 1.5 0 0 0 4.5 4v5A1.5 1.5 0 0 0 6 10.5h7A1.5 1.5 0 0 0 14.5 9V5.5A1.5 1.5 0 0 0 13 4H8.879ZM6 1a3 3 0 0 0-3 3 3 3 0 0 0-3 3v5a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3 3 3 0 0 0 3-3V5.5a3 3 0 0 0-3-3H9.5l-.768-.768A2.5 2.5 0 0 0 6.964 1H6ZM1.5 7A1.5 1.5 0 0 1 3 5.5V9a3 3 0 0 0 3 3h5.5a1.5 1.5 0 0 1-1.5 1.5H3A1.5 1.5 0 0 1 1.5 12V7Zm10.75 0a.75.75 0 0 0 0-1.5h-5.5a.75.75 0 0 0 0 1.5h5.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.5 13.5v-3A.5.5 0 0 1 8 10h.672a.5.5 0 0 1 .353.146l.414.415.44.439H13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H8a.5.5 0 0 1-.5-.5ZM6 13H4.5a3 3 0 0 1-3-3V1.25a.75.75 0 0 1 1.5 0V2a1.5 1.5 0 0 0 1.5 1.5H6v-1a2 2 0 0 1 2-2h.672a2 2 0 0 1 1.414.586l.414.414H13a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5H4.5A2.986 2.986 0 0 1 3 4.599V10a1.5 1.5 0 0 0 1.5 1.5H6v-1a2 2 0 0 1 2-2h.672a2 2 0 0 1 1.414.586l.414.414H13a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V13Zm1.5-8.75V5.5A.5.5 0 0 0 8 6h5a.5.5 0 0 0 .5-.5v-2A.5.5 0 0 0 13 3H9.879l-.44-.44-.414-.414A.5.5 0 0 0 8.672 2H8a.5.5 0 0 0-.5.5v1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 2.25c-.618 0-1.169.39-1.373.974l-3.335 9.528a.75.75 0 0 0 1.416.496L5.845 10h4.31l1.137 3.248a.75.75 0 0 0 1.416-.496L9.373 3.224A1.455 1.455 0 0 0 8 2.25ZM9.63 8.5 8 3.842 6.37 8.5h3.26Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M4.75 2.25c-.618 0-1.169.39-1.373.974L.042 12.752a.75.75 0 0 0 1.416.496L2.595 10h4.31l1.137 3.248a.75.75 0 0 0 1.416-.496L6.123 3.224A1.455 1.455 0 0 0 4.75 2.25ZM6.38 8.5 4.75 3.842 3.12 8.5h3.26Zm5.135 2.996c0-.223.28-.746 1.152-.746H14.4c-.294 1.024-1.178 1.5-1.9 1.5-.45 0-.677-.134-.792-.249a.706.706 0 0 1-.193-.505Zm2.985.754V13a.75.75 0 1 0 1.5 0v-3c0-1.117-.28-2.065-.873-2.744-.606-.692-1.453-1.006-2.377-1.006-.53 0-.946.07-1.306.195-.338.117-.6.274-.804.396l-.025.015a.75.75 0 1 0 .77 1.288c.22-.132.365-.217.55-.281.178-.062.423-.113.815-.113.576 0 .978.186 1.248.494.191.218.354.543.44 1.006h-1.771c-1.462 0-2.658.977-2.652 2.254.003.542.191 1.116.632 1.557.447.448 1.085.689 1.853.689 1 0 1.75-.75 1.75-1.5h.25Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10 2.25a.75.75 0 0 1 .75-.75c.576 0 1.102.217 1.5.573a2.242 2.242 0 0 1 1.5-.573.75.75 0 0 1 0 1.5.75.75 0 0 0-.75.75v8.75c0 .414.336.75.75.75a.75.75 0 0 1 0 1.5 2.242 2.242 0 0 1-1.5-.573 2.242 2.242 0 0 1-1.5.573.75.75 0 0 1 0-1.5.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75.75.75 0 0 1-.75-.75ZM5.75 3c-.618 0-1.168.39-1.374.972L1.543 12a.75.75 0 1 0 1.414.5L3.84 10h3.82l.883 2.5a.75.75 0 1 0 1.414-.5L7.124 3.972A1.457 1.457 0 0 0 5.75 3Zm1.381 5.5L5.75 4.587 4.369 8.5H7.13Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.25 1a.75.75 0 0 1 .75.75V3h1.25a.75.75 0 0 1 0 1.5H13v7h1.25a.75.75 0 0 1 0 1.5H13v1.25a.75.75 0 0 1-1.5 0V13h-7v1.25a.75.75 0 0 1-1.5 0V13H1.75a.75.75 0 0 1 0-1.5H3v-7H1.75a.75.75 0 0 1 0-1.5H3V1.75a.75.75 0 0 1 1.5 0V3h7V1.75a.75.75 0 0 1 .75-.75ZM4.5 4.5v7h7v-7h-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M13.25.75a.75.75 0 0 1 .75.75V2h.5a.75.75 0 0 1 0 1.5H14v5h.5a.75.75 0 0 1 0 1.5H14v.5a.75.75 0 0 1-1.5 0V10H10v2.5h.5a.75.75 0 0 1 0 1.5H10v.5a.75.75 0 0 1-1.5 0V14h-5v.5a.75.75 0 0 1-1.5 0V14h-.5a.75.75 0 0 1 0-1.5H2v-5h-.5a.75.75 0 0 1 0-1.5H2v-.5a.75.75 0 0 1 1.5 0V6H6V3.5h-.5a.75.75 0 0 1 0-1.5H6v-.5a.75.75 0 0 1 1.5 0V2h5v-.5a.75.75 0 0 1 .75-.75ZM7.5 6h1v-.5a.75.75 0 0 1 1.5 0V6h.5a.75.75 0 0 1 0 1.5H10v1h2.5v-5h-5V6Zm-4 6.5v-5h5v5h-5Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M4.312 4.29a.764.764 0 0 1 1.103-.62.75.75 0 1 0 .67-1.34 2.264 2.264 0 0 0-3.268 1.836L2.706 5.5H1.75a.75.75 0 0 0 0 1.5h.83l-.392 4.71a.764.764 0 0 1-1.103.62.75.75 0 0 0-.67 1.34 2.264 2.264 0 0 0 3.268-1.836L4.086 7H5.25a.75.75 0 1 0 0-1.5H4.21l.102-1.21Zm6.014 2.23a.75.75 0 0 0-1.152.96l.85 1.02-.85 1.02a.75.75 0 0 0 1.152.96L11 9.672l.674.808a.75.75 0 0 0 1.152-.96l-.85-1.02.85-1.02a.75.75 0 0 0-1.152-.96L11 7.328l-.674-.808ZM8.02 4.55a.75.75 0 0 1 .43.969l-.145.378a7.25 7.25 0 0 0 0 5.205l.145.378a.75.75 0 0 1-1.4.539l-.145-.378a8.75 8.75 0 0 1 0-6.282l.145-.378a.75.75 0 0 1 .97-.431Zm5.961 0a.75.75 0 0 1 .97.43l.145.379a8.75 8.75 0 0 1 0 6.282l-.146.378a.75.75 0 1 1-1.4-.538l.146-.379a7.25 7.25 0 0 0 0-5.205l-.146-.378a.75.75 0 0 1 .431-.97Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 4c0 .174-.071.513-.885.888C10.8 5.263 9.538 5.5 8 5.5c-1.538 0-2.799-.237-3.615-.612C3.57 4.513 3.5 4.174 3.5 4c0-.174.071-.513.885-.888C5.2 2.737 6.462 2.5 8 2.5c1.538 0 2.799.237 3.615.612.814.375.885.714.885.888Zm-1.448 2.66C10.158 6.888 9.114 7 8 7s-2.158-.113-3.052-.34l1.98 2.905c.21.308.322.672.322 1.044v3.37c.06.012.141.021.25.021.422 0 .749-.14.95-.316.185-.162.3-.38.3-.684v-2.39c0-.373.112-.737.322-1.045l1.98-2.904ZM8 1c3.314 0 6 1 6 3a3.24 3.24 0 0 1-.563 1.826l-3.125 4.584a.354.354 0 0 0-.062.2V13c0 1.5-1.25 2.5-2.75 2.5s-1.75-1-1.75-1v-3.89a.354.354 0 0 0-.061-.2L2.563 5.826A3.242 3.242 0 0 1 2 4c0-2 2.686-3 6-3Zm-.88 12.936c-.01-.005-.014-.009-.013-.01l.013.01Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.615 4.888c.814-.375.885-.714.885-.888 0-.174-.071-.513-.885-.888C9.8 2.737 8.538 2.5 7 2.5c-1.538 0-2.799.237-3.615.612-.814.375-.885.714-.885.888 0 .174.071.513.885.888C4.2 5.263 5.462 5.5 7 5.5c1.538 0 2.799-.237 3.615-.612ZM7 7c1.114 0 2.158-.113 3.052-.34l-1.98 2.905c-.21.308-.322.672-.322 1.044V13a.861.861 0 0 1-.3.684c-.201.175-.528.316-.95.316a1.3 1.3 0 0 1-.25-.02v-3.37c0-.373-.112-.737-.322-1.045L3.948 6.66C4.842 6.887 5.886 7 7 7Zm6-3c0-2-2.686-3-6-3S1 2 1 4c0 .652.196 1.288.563 1.826L4.69 10.41c.04.059.061.128.061.2v3.89s.25 1 1.75 1 2.75-1 2.75-2.5v-2.39c0-.072.021-.141.061-.2l3.126-4.584A3.242 3.242 0 0 0 13 4Zm-6.88 9.936c-.01-.005-.014-.009-.013-.01l.013.01Zm7.13-2.247-1.22-1.22a.75.75 0 1 0-1.06 1.061l1.22 1.22-1.22 1.22a.75.75 0 1 0 1.06 1.06l1.22-1.22 1.22 1.22a.75.75 0 1 0 1.06-1.06l-1.22-1.22 1.22-1.22a.75.75 0 1 0-1.06-1.06l-1.22 1.22Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M7.295 2a.25.25 0 0 0-.243.194l-.131.568a2.35 2.35 0 0 1-3.263 1.611l-.122-.055a.25.25 0 0 0-.323.107l-.696 1.277A.25.25 0 0 0 2.559 6l.971.97a.75.75 0 1 1-1.06 1.06l-.971-.97a1.75 1.75 0 0 1-.3-2.076l.697-1.277a1.75 1.75 0 0 1 2.26-.755l.123.056a.85.85 0 0 0 1.18-.583l.131-.568A1.75 1.75 0 0 1 7.295.5h1.41a1.75 1.75 0 0 1 1.705 1.357l.13.568a.85.85 0 0 0 1.18.583l.123-.056a1.75 1.75 0 0 1 2.26.755l.697 1.277a1.75 1.75 0 0 1-.299 2.075l-.97.971a.75.75 0 0 1-1.061-1.06l.97-.971a.25.25 0 0 0 .043-.297l-.696-1.277a.25.25 0 0 0-.323-.107l-.123.055a2.35 2.35 0 0 1-3.262-1.61l-.131-.57A.25.25 0 0 0 8.704 2H7.295ZM3.25 12a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 1.5a2.25 2.25 0 0 0 1.978-3.322l.553-.442a1.25 1.25 0 0 0 .469-.976V7.75a.75.75 0 1 0-1.5 0v.89l-.655.524A2.25 2.25 0 1 0 3.25 13.5Zm5.5-.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm1.5 0a2.25 2.25 0 1 1-3-2.122V7.754a.75.75 0 0 1 1.5 0v3.374a2.25 2.25 0 0 1 1.5 2.122Zm2.5-1.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 1.5a2.25 2.25 0 1 0-.795-4.356L11.5 8.69v-.94a.75.75 0 1 0-1.5 0v1.043c0 .331.132.65.366.884l.44.44A2.25 2.25 0 0 0 12.75 13.5Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill-rule="evenodd" clip-path="url(#a)" clip-rule="evenodd"><path fill="currentColor" d="M7.199 2A.199.199 0 0 0 7 2.199c0 1.808-1.958 2.939-3.524 2.034a.199.199 0 0 0-.272.073l-.8 1.388a.199.199 0 0 0 .072.271c1.566.905 1.566 3.165 0 4.07a.199.199 0 0 0-.073.271l.801 1.388a.199.199 0 0 0 .272.073C5.042 10.862 7 11.993 7 13.8c0 .11.089.199.199.199H8.8c.11 0 .199-.089.199-.199 0-1.808 1.958-2.939 3.524-2.034a.199.199 0 0 0 .271-.073l.802-1.388a.199.199 0 0 0-.073-.271c-1.303-.753-1.516-2.434-.665-3.5a.75.75 0 0 1 1.172.936.852.852 0 0 0 .243 1.265 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .938-.76 1.699-1.699 1.699H7.2c-.938 0-1.699-.76-1.699-1.699a.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.472 1.699 1.699 0 0 1-.622-2.32l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2c0-.94.76-1.7 1.699-1.7H9.3a.75.75 0 1 1 0 1.5H7.2Zm.8 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"></path><path fill="#F33" d="M12.5 5.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.199 2H8.8c.11 0 .199.089.199.199 0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.271c-1.566.905-1.566 3.165 0 4.07a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.862 9 11.993 9 13.8c0 .11-.089.199-.199.199H7.2a.199.199 0 0 1-.2-.198c0-1.808-1.958-2.939-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.199C5.5 1.26 6.26.5 7.199.5H8.8c.938 0 1.699.76 1.699 1.699a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.812.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .938-.76 1.699-1.699 1.699H7.2c-.938 0-1.699-.76-1.699-1.699a.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.472 1.699 1.699 0 0 1-.622-2.32l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm5 6.667a1 1 0 0 0 0-1.732l-3-1.732a1 1 0 0 0-1.5.866v3.464a1 1 0 0 0 1.5.866l3-1.732Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.293 3H4.5a1.5 1.5 0 0 0-1.41.987l4.68 2.978L10.293 3ZM3 5.707V11.5c0 .648.411 1.2.987 1.41l2.978-4.68L3 5.707ZM5.707 13H11.5a1.5 1.5 0 0 0 1.5-1.5v-7a1.5 1.5 0 0 0-.987-1.41l-3.38 5.313L5.707 13ZM1.5 4.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.293 3H4.5a1.5 1.5 0 0 0-1.41.987L7 6.475a2.5 2.5 0 0 1 2.654-2.47L10.293 3ZM8.41 8.751a2.5 2.5 0 0 0 2.667-4.19l.935-1.47A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5H5.707l2.704-4.249ZM3 5.707V11.5c0 .648.411 1.2.987 1.41l.963-1.514A1.5 1.5 0 1 1 6.531 8.91l.434-.68L3 5.706ZM1.5 4.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.247 1.5H4.5a3 3 0 0 0-2.69 1.672l5.96 3.793L11.247 1.5ZM1.5 4.753V11.5a3 3 0 0 0 1.672 2.69l3.793-5.96L1.5 4.753ZM4.753 14.5H11.5a3 3 0 0 0 3-3v-7a3 3 0 0 0-1.671-2.69L8.633 8.402 4.753 14.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.293 3H4.5a1.5 1.5 0 0 0-1.41.987L7 6.475a2.5 2.5 0 0 1 2.654-2.47L10.293 3Zm.785 1.56a2.501 2.501 0 0 1-.836 4.328.75.75 0 0 1 .008.112v2a.75.75 0 0 1-1.5 0V9c0-.038.003-.075.008-.112a2.483 2.483 0 0 1-.347-.137L5.707 13H11.5a1.5 1.5 0 0 0 1.5-1.5v-7a1.5 1.5 0 0 0-.987-1.41l-.935 1.47Zm-7.091 8.35 2.978-4.68L3 5.707V11.5c0 .648.411 1.2.987 1.41ZM1.5 4.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm9 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h5.793L7.77 6.965 3.09 3.987A1.5 1.5 0 0 1 4.5 3Zm7 10H5.707l2.926-4.597 3.38-5.313A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5Zm-7-11.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.277 11.702 13.5 12V8a5.5 5.5 0 1 0-11 0v4.547l1.956-1.63a1.801 1.801 0 0 1 2.537.231l1.935 2.323a.08.08 0 0 0 .125-.001l1.45-1.811a1.755 1.755 0 0 1 2.774.043Zm-3.052 2.705.686-.859h.001l.144-.18.618-.772a.255.255 0 0 1 .402.006l.593.79.139.185v.001l.392.522a1 1 0 0 0 1.8-.6V8A7 7 0 1 0 1 8v5.399a1.101 1.101 0 0 0 1.806.846l2.61-2.175a.301.301 0 0 1 .424.038l1.936 2.323a1.58 1.58 0 0 0 2.449-.024ZM7 8a.75.75 0 0 0 .75-.75v-1a.75.75 0 1 0-1.5 0v1c0 .414.336.75.75.75Zm4 0a.75.75 0 0 0 .75-.75v-1a.75.75 0 0 0-1.5 0v1c0 .414.336.75.75.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m9.035 3.863.182-1.276a.918.918 0 0 1 .818-.783.914.914 0 0 1 .272 1.805l-1.272.254ZM7.25 5.5v2H3a.5.5 0 0 1-.5-.5V6a.5.5 0 0 1 .5-.5h4.25ZM8 1.565A2.415 2.415 0 1 0 3.83 4H3a2 2 0 0 0-2 2v1a2 2 0 0 0 1 1.732V12a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V8.732A2 2 0 0 0 15 7V6a2 2 0 0 0-2-2h-.83A2.415 2.415 0 1 0 8 1.565Zm.75 4.185V7.5H13a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5H8.75v.25ZM7.25 9H3.5v3A1.5 1.5 0 0 0 5 13.5h2.25V9Zm1.5 4.5V9h3.75v3a1.5 1.5 0 0 1-1.5 1.5H8.75ZM6.783 2.587l.182 1.276-1.272-.254a.914.914 0 0 1 .272-1.805.919.919 0 0 1 .818.783Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.208 12.346c-.485 1-.953 1.154-1.208 1.154s-.723-.154-1.208-1.154c-.372-.768-.647-1.858-.749-3.187a20.77 20.77 0 0 0 3.914 0c-.102 1.329-.377 2.419-.75 3.187Zm.788-4.699C9.358 7.714 8.69 7.75 8 7.75s-1.358-.036-1.996-.103c.037-1.696.343-3.075.788-3.993C7.277 2.654 7.745 2.5 8 2.5s.723.154 1.208 1.154c.445.918.75 2.297.788 3.993Zm1.478 1.306c-.085 1.516-.375 2.848-.836 3.874a5.501 5.501 0 0 0 2.843-4.364c-.621.199-1.295.364-2.007.49Zm1.918-2.043c-.572.204-1.21.379-1.901.514-.056-1.671-.354-3.14-.853-4.251a5.508 5.508 0 0 1 2.754 3.737Zm-8.883.514c.056-1.671.354-3.14.853-4.251A5.508 5.508 0 0 0 2.608 6.91c.572.204 1.21.379 1.901.514ZM2.52 8.463a5.501 5.501 0 0 0 2.843 4.364c-.46-1.026-.75-2.358-.836-3.874a15.535 15.535 0 0 1-2.007-.49ZM15 8A7 7 0 1 0 1 8a7 7 0 0 0 14 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M0 1.25A.75.75 0 0 1 .75.5h.5A2.25 2.25 0 0 1 3.5 2.75V3H13a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3H3.5v1.25a.75.75 0 0 1-1.5 0V2.75A.75.75 0 0 0 1.25 2h-.5A.75.75 0 0 1 0 1.25ZM13 4.5H3.5v7H13a1.5 1.5 0 0 0 1.5-1.5V6A1.5 1.5 0 0 0 13 4.5ZM8.5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM10 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.836 3.202 1.74 5.386a.396.396 0 0 0 0 .728l5.096 2.184a2.5 2.5 0 0 0 .985.202h.358a2.5 2.5 0 0 0 .985-.202l5.096-2.184a.396.396 0 0 0 0-.728L9.164 3.202A2.5 2.5 0 0 0 8.179 3h-.358a2.5 2.5 0 0 0-.985.202ZM1.5 7.642l1.5.644v3.228a2 2 0 0 0 1.106 1.789l.806.403a7 7 0 0 0 6.193.033l.909-.442a2 2 0 0 0 1.125-1.798V8.226l1.712-.734a1.896 1.896 0 0 0 0-3.484L9.755 1.823A4 4 0 0 0 8.179 1.5h-.358a4 4 0 0 0-1.576.323L1.15 4.008A1.896 1.896 0 0 0 0 5.75v4.5a.75.75 0 0 0 1.5 0V7.643Zm3 3.872V8.929l1.745.748A4 4 0 0 0 7.821 10h.358a4 4 0 0 0 1.576-.323l1.884-.808v2.63a.5.5 0 0 1-.282.45l-.909.442a5.5 5.5 0 0 1-4.865-.027l-.807-.403a.5.5 0 0 1-.276-.447Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.75 2.5h4.5a1.5 1.5 0 0 1 1.269.7 2.5 2.5 0 0 0 .231 4.686V12a1.5 1.5 0 0 1-1.5 1.5h-4.5c-.534 0-1.003-.28-1.269-.7a2.5 2.5 0 0 0-.231-4.686v-.228A2.501 2.501 0 0 0 4.481 3.2c.266-.42.735-.7 1.269-.7Zm-3 5.614v-.228a2.501 2.501 0 0 1 .146-4.813A3.001 3.001 0 0 1 5.75 1h4.5a3 3 0 0 1 2.854 2.074 2.501 2.501 0 0 1 .146 4.812V12a3 3 0 0 1-3 3h-4.5a3.001 3.001 0 0 1-2.854-2.073 2.501 2.501 0 0 1-.146-4.813ZM3.5 11.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-1-6a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm10-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7 3a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM5.5 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm0-5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM7 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm3.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3 9a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm6.5 1.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Zm0-5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Zm-5 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0ZM13 9a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm1.5-3.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M11.245 8.884a1.252 1.252 0 0 0-.084-.347A1.25 1.25 0 0 0 10 7.75l-4.424 6.53A2.777 2.777 0 0 1 .5 12.723v-.075c0-.736.285-1.445.796-1.976L6.75 5v-.158A2.17 2.17 0 0 0 5.55 2.9l-.117-.058A1.236 1.236 0 0 1 5.986.5H7.68a5 5 0 0 1 3.535 1.464L12.75 3.5a2 2 0 0 0 2 2l1 1-1.06 1.06-1.38 1.38L12.25 10l-1-1c0-.04-.002-.078-.005-.116Zm-1.091-5.859 1.164 1.164a3.506 3.506 0 0 0 2.081 2.54l-.973.974A2.75 2.75 0 0 0 10 6.25h-.796l-.446.659-.65.96-1.098-.975.821-.854.419-.436v-.762A3.671 3.671 0 0 0 6.903 2h.776a3.5 3.5 0 0 1 2.475 1.025ZM5.969 7.976l1.29 1.146-2.925 4.317A1.277 1.277 0 0 1 2 12.723v-.075c0-.349.135-.684.377-.936L5.97 7.976Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M6.5 3.325v5.971L5 8.921l-.53-.132-.672-.168-.205-.051a.478.478 0 0 0-.409.84l.167.13.547.425.43.334 2.142 1.666 2.728-.181L12.5 11.5l.667-3.558.108-.578.455-2.426.148-.787.009-.047a.51.51 0 0 0-.993-.234l-.013.046-.22.77-.161.564L12 7h-1V2.023a.523.523 0 0 0-1.043-.048l-.005.048-.07.775-.216 2.381-.147 1.617L9.5 7h-1l-.019-.093-.329-1.647L8 4.5l-.26-1.298-.13-.652-.022-.108A.55.55 0 0 0 6.5 2.55v.775Zm-2.543 3.79L5 7.374V2.55a2.05 2.05 0 0 1 3.617-1.321 2.023 2.023 0 0 1 3.883.794v.182a2.01 2.01 0 0 1 2.861 2.176l-1.387 7.395a1.5 1.5 0 0 1-1.346 1.219l-3.302.283-.028.002-2.728.182a1.5 1.5 0 0 1-1.02-.313l-3.287-2.555a1.978 1.978 0 0 1 1.694-3.48Zm9.346 8.383a.75.75 0 0 0-.106-1.496l-7 .5a.75.75 0 0 0 .106 1.496l7-.5Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M6.5 6.963a1.186 1.186 0 0 0-1.652-1.09 1.213 1.213 0 0 0-.271.165l-.207.166-.081.065a.578.578 0 0 1-.796-.832l.068-.078.247-.282.158-.18.028-.033c.178-.203.38-.366.596-.49 1.175-.677 2.777-.206 3.323 1.16l.174.435.375.937L8.5 7h1l.038-.415.076-.839.268-2.948.07-.775.005-.048A.523.523 0 0 1 11 2.023V7h1l.5-1.75.161-.565.22-.769.013-.046a.51.51 0 0 1 .993.234l-.01.047-.147.787-.455 2.426-.108.579L12.5 11.5l-3.302.284-2.728.181-.68-.189a4.431 4.431 0 0 1-3.2-3.643.554.554 0 0 1 .549-.633h.133c.14 0 .27.076.34.2l.102.185.045.08.253.454.128.23a1.258 1.258 0 0 0 2.36-.612V6.963ZM1.105 8.345a2.052 2.052 0 0 1 .826-1.953 2.07 2.07 0 0 1 .433-1.943l.5-.572C4.34 2.192 6.799 2.19 8.309 3.542l.155-1.702a2.023 2.023 0 0 1 4.037.183v.182a2.01 2.01 0 0 1 2.861 2.176l-1.387 7.396a1.5 1.5 0 0 1-1.346 1.218l-3.302.283-.028.002-2.728.182a1.499 1.499 0 0 1-.502-.051l-.68-.19a5.933 5.933 0 0 1-4.283-4.876Zm12.198 7.153a.75.75 0 1 0-.107-1.496l-7 .5a.75.75 0 0 0 .107 1.496l7-.5Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M6 2.5 2.263 5.406a1.978 1.978 0 0 0 1.694 3.48L5 8.625v5.433a1.942 1.942 0 0 0 3.838.421L9.5 11.5l2.744-.457a3 3 0 0 0 2.405-3.732L13.5 3 6 2.5Zm7.2 5.197-.872-3.272-5.858-.39L3.184 6.59a.478.478 0 0 0 .41.84l1.042-.26L6.5 6.704v7.354a.442.442 0 0 0 .874.096l.662-2.98.22-.987.997-.167 2.744-.457A1.5 1.5 0 0 0 13.2 7.697Zm.103-7.195a.75.75 0 0 1-.106 1.496l-7-.5A.75.75 0 1 1 6.303.002l7 .5Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="m13.5 6-2.906-3.737a1.978 1.978 0 0 0-3.48 1.694L7.375 5H1.942a1.942 1.942 0 0 0-.421 3.838L4.5 9.5l.457 2.744a3 3 0 0 0 3.733 2.405L13 13.5l.5-7.5Zm-5.197 7.2 3.272-.872.39-5.858L9.41 3.184a.478.478 0 0 0-.84.41l.26 1.042.466 1.864H1.942a.442.442 0 0 0-.096.874l2.98.662.987.22.167.997.457 2.744A1.5 1.5 0 0 0 8.303 13.2Zm7.195.103a.75.75 0 0 1-1.496-.106l.5-7a.75.75 0 1 1 1.496.106l-.5 7Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="m2.5 6 2.906-3.737a1.978 1.978 0 0 1 3.48 1.694L8.626 5h5.432a1.942 1.942 0 0 1 .421 3.838L11.5 9.5l-.457 2.744a3 3 0 0 1-3.732 2.405L3 13.5 2.5 6Zm5.197 7.2-3.272-.872-.39-5.858L6.59 3.184a.478.478 0 0 1 .84.41l-.26 1.042L6.704 6.5h7.354a.442.442 0 0 1 .096.874l-2.98.662-.987.22-.166.997-.458 2.744A1.5 1.5 0 0 1 7.697 13.2Zm-7.195.103a.75.75 0 0 0 1.496-.106l-.5-7a.75.75 0 1 0-1.496.106l.5 7Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="m6 13.5-3.737-2.906a1.978 1.978 0 0 1 1.694-3.48L5 7.375V1.942a1.942 1.942 0 0 1 3.838-.421L9.5 4.5l2.744.457a3 3 0 0 1 2.405 3.733L13.5 13l-7.5.5Zm7.2-5.197-.872 3.272-5.858.39L3.184 9.41a.478.478 0 0 1 .41-.84l1.042.26 1.864.466V1.942a.442.442 0 0 1 .874-.096l.662 2.98.22.987.997.167 2.744.457A1.5 1.5 0 0 1 13.2 8.303Zm.103 7.195a.75.75 0 0 0-.106-1.496l-7 .5a.75.75 0 1 0 .106 1.496l7-.5Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.124 9.833a3.712 3.712 0 0 0-1.59-1.22l-.033-.012a2.877 2.877 0 0 0-2.795.37l-.36.269a.5.5 0 0 1-.653-.047L6.807 7.307a.5.5 0 0 1-.047-.654l.27-.36A2.877 2.877 0 0 0 7.4 3.5l-.013-.032a3.713 3.713 0 0 0-1.22-1.592l-.19-.143a2.33 2.33 0 0 0-2.135-.346l-.19.063A3.484 3.484 0 0 0 1.45 3.653a4.878 4.878 0 0 0-.105 2.725 9.758 9.758 0 0 0 2.567 4.533l1.178 1.178a9.758 9.758 0 0 0 4.533 2.566c.9.226 1.845.19 2.725-.104a3.484 3.484 0 0 0 2.204-2.204l.063-.189a2.33 2.33 0 0 0-.347-2.135l-.143-.19ZM5.16 3.219l-.19-.143a.65.65 0 0 0-.596-.096l-.19.063c-.538.18-.96.602-1.14 1.14a3.198 3.198 0 0 0-.069 1.788A8.077 8.077 0 0 0 5.1 9.723l1.178 1.178a8.078 8.078 0 0 0 3.752 2.125c.59.147 1.21.123 1.787-.069.539-.18.961-.602 1.14-1.14l.064-.19a.65.65 0 0 0-.097-.596l-.143-.19a2.034 2.034 0 0 0-.87-.668l-.033-.013a1.197 1.197 0 0 0-1.163.154l-.36.27a2.18 2.18 0 0 1-2.849-.203L5.62 8.495a2.18 2.18 0 0 1-.203-2.85l.27-.36c.25-.334.309-.774.154-1.162l-.013-.032a2.033 2.033 0 0 0-.668-.872Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.618 8.405 3.47 8.118a1.988 1.988 0 0 0-1.8 3.417l2.198 1.946a7.897 7.897 0 0 0 6.14 1.932A5.339 5.339 0 0 0 14.72 9.71l-.437-5.83a2.033 2.033 0 0 0-2.511-1.822l-.005-.113a2.02 2.02 0 0 0-3.866-.739A2.04 2.04 0 0 0 4.97 2.91l-.353 5.495Zm1.673-2.64.126-1.968.045-.707.006-.084a.54.54 0 0 1 1.077-.015l.007.084.064.706.032.346.147 1.618.201 2.216L8 8h1l.004-.091.146-3.822.049-1.256.03-.792.002-.04A.52.52 0 0 1 10.268 2l.002.04.03.792.02.576.02.524.153 4.125.002.063.003.077.002.053h1l.002-.037.04-.762.139-2.64.039-.738.003-.068a.53.53 0 0 1 .533-.505c.278 0 .51.215.531.493l.005.068.055.737.198 2.636.18 2.388a3.839 3.839 0 0 1-3.389 4.1 6.398 6.398 0 0 1-4.974-1.565l-1.259-1.114L3.328 11l-.473-.42-.19-.168a.488.488 0 0 1 .442-.84l.246.062.613.154.357.089.198.05 1.479.37.098-1.523.193-3.01Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 8.5a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 11v-1A1.5 1.5 0 0 1 4 8.5h8Zm.89-1.366L11.488 4.33a1.5 1.5 0 0 0-1.342-.829H5.854a1.5 1.5 0 0 0-1.342.83L3.11 7.133A3 3 0 0 1 4 7h8a3 3 0 0 1 .89.134ZM15 9.18V11a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V9.18a5 5 0 0 1 .528-2.236L3.17 3.658A3 3 0 0 1 5.854 2h4.292a3 3 0 0 1 2.683 1.658l1.643 3.286A5 5 0 0 1 15 9.18Zm-6 .57a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5H9Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.238 2.634a.75.75 0 1 0-1.476-.268L5.283 5H3a.75.75 0 1 0 0 1.5h2.01l-.545 3H2A.75.75 0 1 0 2 11h2.192l-.43 2.366a.75.75 0 1 0 1.476.268L5.717 11h3.475l-.43 2.366a.75.75 0 1 0 1.476.268L10.717 11H13a.75.75 0 0 0 0-1.5h-2.01l.545-3H14A.75.75 0 0 0 14 5h-2.192l.43-2.366a.75.75 0 1 0-1.476-.268L10.283 5H6.808l.43-2.366ZM9.465 9.5l.545-3H6.535l-.545 3h3.475Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.25 2.25A.75.75 0 0 1 5 3v4.25h6V3a.75.75 0 0 1 1.5 0v10a.75.75 0 0 1-1.5 0V8.75H5V13a.75.75 0 0 1-1.5 0V3a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14 4.25a.75.75 0 0 0-1.248-.56l-2.25 2a.75.75 0 0 0 .996 1.12l1.002-.89v5.83a.75.75 0 0 0 1.5 0v-7.5Zm-11.5 0a.75.75 0 0 0-1.5 0v7.496a.75.75 0 0 0 1.5 0V8.75h4v2.996a.75.75 0 0 0 1.5 0V4.25a.75.75 0 0 0-1.5 0v3h-4v-3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 4.25a.75.75 0 0 0-1.5 0v7.496a.75.75 0 0 0 1.5 0V8.75h4v2.996a.75.75 0 0 0 1.5 0V4.25a.75.75 0 0 0-1.5 0v3h-4v-3Zm8.403 1.783A1.364 1.364 0 0 1 12.226 5h.226a1.071 1.071 0 0 1 .672 1.906l-3.61 2.906a1.51 1.51 0 0 0 .947 2.688h3.789a.75.75 0 0 0 0-1.5h-3.793l-.003-.003a.012.012 0 0 1-.003-.004v-.004a.01.01 0 0 1 .004-.008l3.61-2.907A2.571 2.571 0 0 0 12.452 3.5h-.226c-1.314 0-2.46.894-2.778 2.17l-.038.148a.75.75 0 1 0 1.456.364l.037-.149Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 4.25a.75.75 0 0 0-1.5 0v7.496a.75.75 0 0 0 1.5 0V8.75h4v2.996a.75.75 0 0 0 1.5 0V4.25a.75.75 0 0 0-1.5 0v3h-4v-3Zm8.114 1.496c.202-.504.69-.834 1.232-.834h.28a.94.94 0 0 1 .929.796l.027.18a1.15 1.15 0 0 1-.911 1.303l-.8.16a.662.662 0 0 0 .129 1.31h1.21a.89.89 0 0 1 .882 1.017 1.666 1.666 0 0 1-1.414 1.414l-.103.015a1.806 1.806 0 0 1-1.828-.9l-.018-.033a.662.662 0 0 0-1.152.652l.018.032a3.129 3.129 0 0 0 3.167 1.559l.103-.015a2.99 2.99 0 0 0 2.537-2.537 2.213 2.213 0 0 0-1.058-2.216 2.47 2.47 0 0 0 .546-1.963l-.027-.179a2.263 2.263 0 0 0-2.237-1.919h-.28a2.65 2.65 0 0 0-2.46 1.666.662.662 0 1 0 1.228.492Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.25 4.25a.75.75 0 0 0-1.347-.454l-4 5.25A.75.75 0 0 0 9.5 10.25h3.25v1.496a.75.75 0 0 0 1.5 0V10.25h.25a.75.75 0 1 0 0-1.5h-.25v-4.5Zm-1.5 2.222V8.75h-1.736l1.736-2.278ZM2.5 4.25a.75.75 0 1 0-1.5 0v7.496a.75.75 0 0 0 1.5 0V8.75h4v2.996a.75.75 0 0 0 1.5 0V4.25a.75.75 0 1 0-1.5 0v3h-4v-3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 4.25a.75.75 0 0 0-1.5 0v7.496a.75.75 0 0 0 1.5 0V8.75h4v2.996a.75.75 0 0 0 1.5 0V4.25a.75.75 0 0 0-1.5 0v3h-4v-3Zm8-.75a1.25 1.25 0 0 0-1.25 1.25V7.5a.75.75 0 0 0 1.221.584 1.497 1.497 0 0 1 .269-.134c.235-.091.643-.2 1.26-.2.892 0 1.534.751 1.534 1.75 0 .366-.139.735-.413 1.01-.265.268-.7.49-1.371.49-.568 0-.905-.184-1.094-.336a1.168 1.168 0 0 1-.24-.26l-.002-.003a.75.75 0 0 0-1.335.684l.671-.335-.67.336v.003l.003.003.004.01.012.02.034.06a2.668 2.668 0 0 0 .586.653c.436.35 1.099.665 2.031.665 1.027 0 1.86-.352 2.437-.933a2.94 2.94 0 0 0 .847-2.067c0-1.591-1.096-3.25-3.034-3.25a5.55 5.55 0 0 0-1.25.133V5H14a.75.75 0 0 0 0-1.5h-3.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 4.25a.75.75 0 0 0-1.5 0v7.496a.75.75 0 0 0 1.5 0V8.75h4v2.996a.75.75 0 0 0 1.5 0V4.25a.75.75 0 0 0-1.5 0v3h-4v-3Zm9.9 2.532a4.857 4.857 0 0 0-1.843.293L12.273 5c.888 0 1.293.251 1.801.566l.006.003a.75.75 0 0 0 .79-1.275c-.59-.365-1.286-.794-2.597-.794-.992 0-1.855.424-2.442 1.255C9.267 5.553 9 6.665 9 8c0 1.326.246 2.438.802 3.24.583.842 1.453 1.26 2.47 1.26 1.918 0 3.228-1.236 3.228-2.795 0-.984-.388-1.74-1.024-2.237-.607-.474-1.372-.661-2.076-.686ZM11.056 5.62c-.225.32-.41.794-.498 1.455L12.272 5c-.522 0-.92.201-1.217.62Zm-.021 4.765c-.233-.336-.418-.849-.495-1.58.048-.056.165-.165.436-.282.372-.16.873-.26 1.371-.242.503.018.926.15 1.206.369.25.195.447.504.447 1.055 0 .58-.48 1.295-1.727 1.295-.564 0-.956-.207-1.238-.615Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M15 8A7 7 0 1 0 1 8v4h.01a3.25 3.25 0 0 0 3.24 3h.083C5.253 15 6 14.254 6 13.333v-3.166C6 9.247 5.254 8.5 4.333 8.5H4.25c-.644 0-1.245.188-1.75.51V8a5.5 5.5 0 1 1 11 0v1.01a3.235 3.235 0 0 0-1.75-.51h-.083c-.92 0-1.667.746-1.667 1.667v3.166c0 .92.746 1.667 1.667 1.667h.083a3.25 3.25 0 0 0 3.24-3H15V8Zm-1.5 3.75A1.75 1.75 0 0 0 11.75 10h-.083a.167.167 0 0 0-.167.167v3.166c0 .092.075.167.167.167h.083a1.75 1.75 0 0 0 1.75-1.75ZM4.25 13.5a1.75 1.75 0 1 1 0-3.5h.083c.092 0 .167.075.167.167v3.166a.167.167 0 0 1-.167.167H4.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.633 2.796c.762-.837 1.85-1.297 3.127-1.297 1.164 0 2.407.55 3.24 1.626.828-1.075 2.066-1.626 3.24-1.626 1.274 0 2.36.458 3.124 1.293.756.828 1.136 1.962 1.136 3.22 0 2.166-1.113 3.909-2.522 5.264-1.405 1.352-3.17 2.383-4.633 3.14a.75.75 0 0 1-.693-.002c-1.463-.765-3.228-1.788-4.633-3.133C1.61 9.93.5 8.193.5 6.013c0-1.255.378-2.389 1.133-3.217Zm1.109 1.01C2.287 4.306 2 5.053 2 6.013c0 1.624.816 2.996 2.057 4.184 1.146 1.098 2.6 1.985 3.945 2.705 1.335-.71 2.79-1.604 3.937-2.707C13.182 8.998 14 7.62 14 6.013c0-.963-.288-1.71-.744-2.21C12.808 3.314 12.14 3 11.24 3c-.976 0-2.093.628-2.527 1.95a.75.75 0 0 1-1.426 0C6.854 3.63 5.725 3 4.76 3c-.903 0-1.57.315-2.018.807Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.76 1.5c-1.278 0-2.365.459-3.127 1.296C.878 3.624.5 4.758.5 6.013c0 2.18 1.11 3.917 2.52 5.268 1.404 1.345 3.17 2.368 4.632 3.133a.75.75 0 0 0 .693.002c1.463-.757 3.228-1.788 4.633-3.14 1.41-1.355 2.522-3.098 2.522-5.263 0-1.26-.38-2.393-1.136-3.221-.764-.835-1.85-1.293-3.124-1.293-1.174 0-2.412.551-3.24 1.626-.833-1.075-2.076-1.626-3.24-1.626ZM2 6.012c0-.96.287-1.708.742-2.207.447-.492 1.115-.807 2.018-.807.9 0 1.94.547 2.43 1.69L6.066 7.192a.75.75 0 0 0 .298.95l2.01 1.206-.905 3.261c-1.187-.664-2.416-1.458-3.412-2.413C2.817 9.01 2 7.637 2 6.013Zm7.119 6.262c.993-.59 1.987-1.28 2.82-2.08C13.182 8.998 14 7.62 14 6.013c0-.963-.288-1.71-.744-2.21C12.808 3.314 12.14 3 11.24 3c-.974 0-2.088.625-2.525 1.94a.746.746 0 0 1-.034.088L7.707 7.2l1.929 1.158a.75.75 0 0 1 .337.844l-.854 3.074Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.76 1.5c-1.278 0-2.365.459-3.127 1.296C.878 3.624.5 4.758.5 6.013c0 2.18 1.11 3.917 2.52 5.268 1.404 1.345 3.17 2.368 4.632 3.133a.75.75 0 0 0 .693.002c1.463-.757 3.228-1.788 4.633-3.14 1.41-1.355 2.522-3.098 2.522-5.263 0-1.26-.38-2.393-1.136-3.221-.763-.835-1.85-1.293-3.124-1.293-1.076 0-1.966.399-2.643 1.151A4.515 4.515 0 0 0 8 3.504a4.515 4.515 0 0 0-.597-.854C6.726 1.898 5.836 1.5 4.76 1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.76 1.5c-1.123 0-2.102.354-2.844 1.015C1.177 3.174.723 4.092.564 5.138a.75.75 0 1 0 1.483.225c.115-.754.428-1.336.867-1.728.437-.39 1.048-.636 1.846-.636.965 0 2.094.63 2.527 1.95a.75.75 0 0 0 1.426 0c.434-1.322 1.551-1.95 2.527-1.95.9 0 1.568.314 2.016.805.456.498.744 1.246.744 2.209 0 1.607-.818 2.985-2.061 4.182-1.147 1.103-2.602 1.996-3.937 2.707-1.339-.717-2.788-1.6-3.932-2.692a.75.75 0 1 0-1.036 1.085c1.402 1.338 3.16 2.357 4.618 3.12a.75.75 0 0 0 .693 0c1.463-.756 3.228-1.787 4.633-3.139 1.41-1.355 2.522-3.098 2.522-5.263 0-1.26-.38-2.393-1.136-3.221-.764-.835-1.85-1.293-3.124-1.293-1.174 0-2.412.551-3.24 1.626-.833-1.075-2.076-1.626-3.24-1.626Zm.85 4.314a.75.75 0 0 0-1.108-.125L2.465 7.5H.75a.75.75 0 0 0 0 1.5h2a.75.75 0 0 0 .498-.19l1.627-1.445 2.015 2.821a.75.75 0 0 0 1.21.014l1.275-1.7H11A.75.75 0 0 0 11 7H9a.75.75 0 0 0-.6.3l-.885 1.18L5.61 5.814Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.25 2.5h-8.5a.75.75 0 0 0-.75.75v1.5c0 .414.336.75.75.75h8.5a.75.75 0 0 0 .75-.75v-1.5a.75.75 0 0 0-.75-.75Zm0 4.5H5v3.13c0 .69.56 1.25 1.25 1.25H7v-.13A2.25 2.25 0 0 1 9.25 9h3a2.25 2.25 0 0 1 2.25 2.25v1.5A2.25 2.25 0 0 1 12.25 15h-3a2.25 2.25 0 0 1-2.246-2.12H6.25a2.75 2.75 0 0 1-2.75-2.75V6.986a2.25 2.25 0 0 1-2-2.236v-1.5A2.25 2.25 0 0 1 3.75 1h8.5a2.25 2.25 0 0 1 2.25 2.25v1.5A2.25 2.25 0 0 1 12.25 7Zm-3 3.5h3a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-.75.75h-3a.75.75 0 0 1-.75-.75v-1.5a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 12.618c.307-.275.5-.674.5-1.118V6.977a1.5 1.5 0 0 0-.585-1.189l-3.5-2.692a1.5 1.5 0 0 0-1.83 0l-3.5 2.692A1.5 1.5 0 0 0 3 6.978V11.5A1.496 1.496 0 0 0 4.493 13H5V9.5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2V13h.507c.381-.002.73-.146.993-.382Zm2-1.118a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3V6.977A3 3 0 0 1 2.67 4.6l3.5-2.692a3 3 0 0 1 3.66 0l3.5 2.692a3.003 3.003 0 0 1 1.17 2.378V11.5Zm-5-2A.5.5 0 0 0 9 9H7a.5.5 0 0 0-.5.5V13h3V9.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.25 2a.75.75 0 0 0 0 1.5h1.317l-2.7 9H4.25a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5H7.433l2.7-9h1.617a.75.75 0 0 0 0-1.5h-4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.313 7.488 9 7.653v5.37a.5.5 0 0 1-.353.478l-1.62.498-.006.001h-.008a.024.024 0 0 1-.007-.006.023.023 0 0 1-.005-.007v-.003L7 13.979V7.653l-1.313-.165a1.5 1.5 0 0 1-1.271-1.144l-.588-2.5A1.5 1.5 0 0 1 5.288 2h5.424a1.5 1.5 0 0 1 1.46 1.844l-.588 2.5a1.5 1.5 0 0 1-1.271 1.144Zm2.731-.8A3 3 0 0 1 10.5 8.975v4.047a2 2 0 0 1-1.412 1.911l-1.62.499A1.521 1.521 0 0 1 5.5 13.979V8.977a3 3 0 0 1-2.544-2.29l-.588-2.5A3 3 0 0 1 5.288.5h5.424a3 3 0 0 1 2.92 3.687l-.588 2.5ZM6.75 3.5a.75.75 0 0 0 0 1.5h2.5a.75.75 0 1 0 0-1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3 4h10a1.5 1.5 0 0 1 1.5 1.5v5A1.5 1.5 0 0 1 13 12H3a1.5 1.5 0 0 1-1.5-1.5v-5A1.5 1.5 0 0 1 3 4ZM0 5.5a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3v-5Zm6.25 3.25a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5ZM4.5 6.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm4-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-8 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm8 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m2.789 5.283 4.037-2.02A2.5 2.5 0 0 1 7.944 3h.112c.388 0 .77.09 1.118.264l4.037 2.019a.522.522 0 0 1 0 .934l-4.037 2.02a2.5 2.5 0 0 1-1.118.263h-.112a2.5 2.5 0 0 1-1.118-.264L2.79 6.217a.523.523 0 0 1 0-.934ZM1 5.75c0-.766.433-1.466 1.118-1.809l4.037-2.019a4 4 0 0 1 1.79-.422h.11a4 4 0 0 1 1.79.422l4.037 2.019a2.023 2.023 0 0 1 0 3.618l-.882.44.882.442a2.023 2.023 0 0 1 0 3.618l-4.037 2.019a4 4 0 0 1-1.79.422h-.11a4 4 0 0 1-1.79-.422l-4.037-2.02a2.023 2.023 0 0 1 0-3.617L3 8l-.882-.441A2.023 2.023 0 0 1 1 5.75Zm3.677 3.088-1.888.945a.523.523 0 0 0 0 .934l4.037 2.019A2.5 2.5 0 0 0 7.944 13h.112a2.5 2.5 0 0 0 1.118-.264l4.037-2.019a.523.523 0 0 0 0-.934l-1.888-.945-1.478.74a4 4 0 0 1-1.79.422h-.11a4 4 0 0 1-1.79-.422l-1.478-.74Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M6.702 3.013 8 3.5V2.386A2 2 0 0 1 10.702.513l3.351 1.257A3 3 0 0 1 16 4.579v4.035a2 2 0 0 1-2.702 1.873L12 10v1.114a2 2 0 0 1-2.702 1.873L8 12.5v1.114a2 2 0 0 1-2.702 1.873L1.947 14.23A3 3 0 0 1 0 11.421V7.386a2 2 0 0 1 2.702-1.873L4 6V4.886a2 2 0 0 1 2.702-1.873ZM5.5 6.563l.553.207A3 3 0 0 1 8 9.579v1.319l1.824.684a.5.5 0 0 0 .676-.468V7.079a1.5 1.5 0 0 0-.973-1.405L6.176 4.418a.5.5 0 0 0-.676.468v1.676Zm4.553-2.293L9.5 4.062V2.386a.5.5 0 0 1 .676-.468l3.35 1.256c.586.22.974.78.974 1.405v4.035a.5.5 0 0 1-.676.468L12 8.398V7.079a3 3 0 0 0-1.947-2.809ZM1.5 11.421V7.386a.5.5 0 0 1 .676-.468l3.35 1.257c.586.219.974.779.974 1.404v4.035a.5.5 0 0 1-.676.468l-3.35-1.257a1.5 1.5 0 0 1-.974-1.404Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.283 13.211 3.264 9.174A2.5 2.5 0 0 1 3 8.056v-.112c0-.388.09-.77.264-1.118L5.283 2.79a.523.523 0 0 1 .934 0l2.02 4.037A2.5 2.5 0 0 1 8.5 7.944v.112c0 .388-.09.77-.264 1.118L6.217 13.21a.522.522 0 0 1-.934 0ZM5.75 15a2.023 2.023 0 0 1-1.809-1.118L1.922 9.845a4 4 0 0 1-.422-1.79v-.11a4 4 0 0 1 .422-1.79l2.019-4.037a2.023 2.023 0 0 1 3.618 0L8 3l.441-.882a2.023 2.023 0 0 1 3.618 0l2.019 4.037a4 4 0 0 1 .422 1.79v.11a4 4 0 0 1-.422 1.79l-2.019 4.037a2.022 2.022 0 0 1-3.618 0L8 13l-.44.882A2.023 2.023 0 0 1 5.75 15Zm3.089-3.677.944 1.888a.522.522 0 0 0 .934 0l2.019-4.037A2.5 2.5 0 0 0 13 8.056v-.112a2.5 2.5 0 0 0-.264-1.118L10.717 2.79a.522.522 0 0 0-.934 0l-.944 1.888.739 1.478A4 4 0 0 1 10 7.945v.11a4 4 0 0 1-.422 1.79l-.74 1.478Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.25 3.5h-2.5v2h2.5v-2ZM4 3.5h1.25v2H2.5V5A1.5 1.5 0 0 1 4 3.5ZM2.5 7h2.75v2H2.5V7Zm0 3.5v.5A1.5 1.5 0 0 0 4 12.5h1.25v-2H2.5Zm4.25 0v2h2.5v-2h-2.5Zm4 0v2H12a1.5 1.5 0 0 0 1.5-1.5v-.5h-2.75ZM13.5 9h-2.75V7h2.75v2ZM9.25 9h-2.5V7h2.5v2Zm1.5-5.5v2h2.75V5A1.5 1.5 0 0 0 12 3.5h-1.25ZM4 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 3.5H8.75v3.75h4.75V5A1.5 1.5 0 0 0 12 3.5Zm1.5 5.25H8.75v3.75H12a1.5 1.5 0 0 0 1.5-1.5V8.75Zm-6.25-1.5V3.5H4A1.5 1.5 0 0 0 2.5 5v2.25h4.75ZM2.5 8.75h4.75v3.75H4A1.5 1.5 0 0 1 2.5 11V8.75ZM4 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.75 3.5H12A1.5 1.5 0 0 1 13.5 5v6a1.5 1.5 0 0 1-1.5 1.5H8.75v-9Zm-1.5 0H4A1.5 1.5 0 0 0 2.5 5v6A1.5 1.5 0 0 0 4 12.5h3.25v-9ZM1 5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 3.5h-1.25v9H12a1.5 1.5 0 0 0 1.5-1.5V5A1.5 1.5 0 0 0 12 3.5Zm-5.25 0h2.5v9h-2.5v-9Zm-1.5 0H4A1.5 1.5 0 0 0 2.5 5v6A1.5 1.5 0 0 0 4 12.5h1.25v-9ZM4 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 12.5h8a1.5 1.5 0 0 0 1.5-1.5v-.5h-11v.5A1.5 1.5 0 0 0 4 12.5ZM2.5 9V5A1.5 1.5 0 0 1 4 3.5h8A1.5 1.5 0 0 1 13.5 5v4h-11ZM1 11a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H4a3 3 0 0 0-3 3v6Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 3.5h8A1.5 1.5 0 0 1 13.5 5v.5h-11V5A1.5 1.5 0 0 1 4 3.5ZM2.5 7v4A1.5 1.5 0 0 0 4 12.5h8a1.5 1.5 0 0 0 1.5-1.5V7h-11ZM1 5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 3.5H4A1.5 1.5 0 0 0 2.5 5v.5h11V5A1.5 1.5 0 0 0 12 3.5ZM2.5 9V7h2.75v2H2.5Zm0 1.5v.5A1.5 1.5 0 0 0 4 12.5h1.25v-2H2.5Zm4.25 0v2h2.5v-2h-2.5Zm4 0v2H12a1.5 1.5 0 0 0 1.5-1.5v-.5h-2.75ZM13.5 9h-2.75V7h2.75v2ZM9.25 9h-2.5V7h2.5v2ZM4 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 3.5h8A1.5 1.5 0 0 1 13.5 5v.5h-11V5A1.5 1.5 0 0 1 4 3.5Zm-1.5 7v.5A1.5 1.5 0 0 0 4 12.5h3.25v-2H2.5Zm0-1.5h4.75V7H2.5v2Zm6.25 1.5v2H12a1.5 1.5 0 0 0 1.5-1.5v-.5H8.75ZM13.5 9H8.75V7h4.75v2ZM1 5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 6H8.75v2.5h4.75V6ZM7.25 6H2.5v2.5h4.75V6ZM1 6V5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V6Zm7.75 4h4.75v1a1.5 1.5 0 0 1-1.5 1.5H8.75V10ZM2.5 10h4.75v2.5H4A1.5 1.5 0 0 1 2.5 11v-1Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 3.5h8A1.5 1.5 0 0 1 13.5 5v.5h-11V5A1.5 1.5 0 0 1 4 3.5Zm-1.5 7v.5A1.5 1.5 0 0 0 4 12.5h3.25v-2H2.5Zm0-1.5h4.75V7H2.5v2Zm6.25 1.5V14H4a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v2H8.75v3.5Zm3.67-1.995a3.25 3.25 0 0 1 0 6.5h-1.17a.75.75 0 0 1-.75-.75v-5a.75.75 0 0 1 .75-.75h1.17Zm0 5a1.75 1.75 0 1 0 0-3.5H12v3.5h.42Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 3.5h8A1.5 1.5 0 0 1 13.5 5v.5h-11V5A1.5 1.5 0 0 1 4 3.5Zm-1.5 7v.5A1.5 1.5 0 0 0 4 12.5h3.25v-2H2.5Zm0-1.5h4.75V7H2.5v2Zm6.25 1.5V14H4a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v2H8.75v3.5Zm4.591-.91A.75.75 0 0 0 12 8.92l-1.25 2.5a.75.75 0 0 0 .67 1.085h1.287L12 13.92a.75.75 0 0 0 1.341.67l1.25-2.5a.75.75 0 0 0-.67-1.085h-1.287l.707-1.415Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 3.5H4A1.5 1.5 0 0 0 2.5 5v.5h11V5A1.5 1.5 0 0 0 12 3.5ZM2.5 11V7h4.75v5.5H4A1.5 1.5 0 0 1 2.5 11Zm6.25 1.5H12a1.5 1.5 0 0 0 1.5-1.5V7H8.75v5.5ZM4 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 3h8a1.5 1.5 0 0 1 1.5 1.5V5h-11v-.5A1.5 1.5 0 0 1 4 3Zm9.5 5.25V6.5h-11V10A1.5 1.5 0 0 0 4 11.5h2.75a.75.75 0 0 1 0 1.5H4a3 3 0 0 1-3-3V4.5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v3.75a.75.75 0 0 1-1.5 0Zm-3.272-.078A.75.75 0 0 0 9 8.75v5.543a.75.75 0 0 0 1.335.47l.898-1.12.846 1.692a.75.75 0 1 0 1.342-.67l-.827-1.654H14a.75.75 0 0 0 .478-1.328l-4.25-3.511Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 3.5H4A1.5 1.5 0 0 0 2.5 5v.5h11V5A1.5 1.5 0 0 0 12 3.5ZM2.5 11V7h2v5.5H4A1.5 1.5 0 0 1 2.5 11ZM6 12.5h6a1.5 1.5 0 0 0 1.5-1.5V7H6v5.5ZM4 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 3.5h1.25v2H2.5V5A1.5 1.5 0 0 1 4 3.5Zm2.75 2v-2H12A1.5 1.5 0 0 1 13.5 5v.5H6.75ZM2.5 7h2.75v2H2.5V7Zm0 3.5v.5A1.5 1.5 0 0 0 4 12.5h1.25v-2H2.5Zm4.25 0v2H12a1.5 1.5 0 0 0 1.5-1.5v-.5H6.75ZM13.5 9V7H6.75v2h6.75ZM1 5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 3.5h8A1.5 1.5 0 0 1 13.5 5v2.25h-11V5A1.5 1.5 0 0 1 4 3.5ZM2.5 8.75V11A1.5 1.5 0 0 0 4 12.5h8a1.5 1.5 0 0 0 1.5-1.5V8.75h-11ZM1 5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 3.5H4A1.5 1.5 0 0 0 2.5 5v.5h11V5A1.5 1.5 0 0 0 12 3.5ZM2.5 9V7h11v2h-11Zm0 1.5v.5A1.5 1.5 0 0 0 4 12.5h8a1.5 1.5 0 0 0 1.5-1.5v-.5h-11ZM4 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6 3.5h6A1.5 1.5 0 0 1 13.5 5v6a1.5 1.5 0 0 1-1.5 1.5H6v-9Zm-1.5 0H4A1.5 1.5 0 0 0 2.5 5v6A1.5 1.5 0 0 0 4 12.5h.5v-9ZM1 5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6 3.5h6A1.5 1.5 0 0 1 13.5 5v6a1.5 1.5 0 0 1-1.5 1.5H6v-9Zm-1.5 0H4A1.5 1.5 0 0 0 2.5 5v6A1.5 1.5 0 0 0 4 12.5h.5v-9ZM1 5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10 3.5H4A1.5 1.5 0 0 0 2.5 5v6A1.5 1.5 0 0 0 4 12.5h6v-9Zm1.5 0h.5A1.5 1.5 0 0 1 13.5 5v6a1.5 1.5 0 0 1-1.5 1.5h-.5v-9ZM15 5a3 3 0 0 0-3-3H4a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M5 12.5H3a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1ZM3 14h2a2.5 2.5 0 0 0 2.5-2.5v-7A2.5 2.5 0 0 0 5 2H3A2.5 2.5 0 0 0 .5 4.5v7A2.5 2.5 0 0 0 3 14Zm10-1.5h-2a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1ZM11 14h2a2.5 2.5 0 0 0 2.5-2.5v-7A2.5 2.5 0 0 0 13 2h-2a2.5 2.5 0 0 0-2.5 2.5v7A2.5 2.5 0 0 0 11 14Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M2.5 12.5H3a.5.5 0 0 0 .5-.5V4a.5.5 0 0 0-.5-.5h-.5A.5.5 0 0 0 2 4v8a.5.5 0 0 0 .5.5ZM3 14h-.5a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2H3a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2Zm4.75-1.5h.5a.5.5 0 0 0 .5-.5V4a.5.5 0 0 0-.5-.5h-.5a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5Zm.5 1.5h-.5a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h.5a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2Zm5.25-1.5H13a.5.5 0 0 1-.5-.5V4a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5ZM13 14h.5a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H13a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 4v1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1ZM15 5V4a2.5 2.5 0 0 0-2.5-2.5h-9A2.5 2.5 0 0 0 1 4v1a2.5 2.5 0 0 0 2.5 2.5h9A2.5 2.5 0 0 0 15 5Zm-1.5 6v1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1Zm1.5 1v-1a2.5 2.5 0 0 0-2.5-2.5h-9A2.5 2.5 0 0 0 1 11v1a2.5 2.5 0 0 0 2.5 2.5h9A2.5 2.5 0 0 0 15 12Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M3 12.5h-.5A.5.5 0 0 1 2 12V4a.5.5 0 0 1 .5-.5H3a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5ZM2.5 14H3a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2h-.5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2ZM13 12.5H8.5a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1H13a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1ZM8.5 14H13a2.5 2.5 0 0 0 2.5-2.5v-7A2.5 2.5 0 0 0 13 2H8.5A2.5 2.5 0 0 0 6 4.5v7A2.5 2.5 0 0 0 8.5 14Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M3 12.5h4.5a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1ZM7.5 14H3a2.5 2.5 0 0 1-2.5-2.5v-7A2.5 2.5 0 0 1 3 2h4.5A2.5 2.5 0 0 1 10 4.5v7A2.5 2.5 0 0 1 7.5 14Zm5.5-1.5h.5a.5.5 0 0 0 .5-.5V4a.5.5 0 0 0-.5-.5H13a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5Zm.5 1.5H13a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h.5a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.999 3.5h.242c.559 0 1.049.37 1.202.907l.171.598A2.75 2.75 0 0 0 8.26 7h5.24v4a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 11V5a1.5 1.5 0 0 1 1.499-1.5Zm9.501 2h-1.242a1.25 1.25 0 0 1-1.201-.907l-.171-.598a2.758 2.758 0 0 0-.195-.495H12A1.5 1.5 0 0 1 13.5 5v.5ZM8.241 2H4a3.057 3.057 0 0 0-.457.035A2.99 2.99 0 0 0 2 2.764 2.99 2.99 0 0 0 1 5v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H8.241ZM7 3.5h1.242c.559 0 1.049.37 1.202.907l.171.598c.05.174.115.339.195.495H8.26a1.25 1.25 0 0 1-1.202-.907l-.171-.598A2.753 2.753 0 0 0 6.69 3.5H7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10 2.75a.75.75 0 0 0-1.5 0v7.506a.75.75 0 0 0 1.388.395c.38.223.834.349 1.362.349C13.045 11 14 9.545 14 7.75s-.955-3.25-2.75-3.25a2.69 2.69 0 0 0-1.25.287V2.75Zm0 5c0 .65.175 1.109.38 1.37.174.22.424.38.87.38s.696-.16.87-.38c.205-.261.38-.72.38-1.37 0-.65-.175-1.109-.38-1.37-.174-.22-.424-.38-.87-.38s-.696.16-.87.38c-.205.261-.38.72-.38 1.37ZM3.58 6.339a2.26 2.26 0 0 1 .432-.222c.132-.046.321-.086.634-.086.447 0 .743.143.938.365.12.138.23.338.302.622h-1.31c-1.262 0-2.332.849-2.326 1.998.003.478.168.988.561 1.381.4.4.963.61 1.627.61.53 0 1.091-.16 1.584-.472a.75.75 0 0 0 1.447-.279V7.768c0-.946-.237-1.766-.756-2.36-.53-.606-1.271-.877-2.067-.877-.452 0-.811.06-1.125.169-.293.101-.52.237-.689.338l-.022.013a.75.75 0 1 0 .77 1.288Zm.17 2.67c0-.095.154-.49.827-.49h1.258c-.268.677-.89.987-1.397.987-.345 0-.499-.102-.566-.169a.458.458 0 0 1-.122-.329ZM0 11.75A2.25 2.25 0 0 0 2.25 14h11.5A2.25 2.25 0 0 0 16 11.75v-1a.75.75 0 0 0-1.5 0v1a.75.75 0 0 1-.75.75H2.25a.75.75 0 0 1-.75-.75v-1a.75.75 0 0 0-1.5 0v1Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.062 2c.454 0 .876.234 1.115.62L8 7.162l2.823-4.542a1.312 1.312 0 0 1 2.427.692v9.938a.75.75 0 0 1-1.5 0V3.97L8.637 8.98a.75.75 0 0 1-1.274 0L4.25 3.97v9.28a.75.75 0 0 1-1.5 0V3.312C2.75 2.588 3.338 2 4.062 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5c1.248 0 2.4-.416 3.323-1.117l-1.436-1.435A3.483 3.483 0 0 1 8 11.5a3.483 3.483 0 0 1-1.887-.552l-1.436 1.435A5.476 5.476 0 0 0 8 13.5ZM5.052 9.887A3.484 3.484 0 0 1 4.5 8c0-.695.203-1.343.552-1.887L3.617 4.677A5.476 5.476 0 0 0 2.5 8c0 1.248.416 2.4 1.117 3.323l1.435-1.436Zm1.06-4.835L4.678 3.617A5.476 5.476 0 0 1 8 2.5c1.248 0 2.4.416 3.323 1.117L9.887 5.052A3.484 3.484 0 0 0 8 4.5c-.695 0-1.343.203-1.887.552Zm4.836 1.06c.35.545.552 1.193.552 1.888 0 .695-.203 1.343-.552 1.887l1.435 1.436A5.476 5.476 0 0 0 13.5 8c0-1.248-.416-2.4-1.117-3.323l-1.435 1.436ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm2-7a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.47 6.53a.75.75 0 0 1 1.06 1.061l-.727.727a2.743 2.743 0 0 0 3.879 3.879l.727-.727a.75.75 0 0 1 1.06 1.06l-.726.727a4.243 4.243 0 0 1-6-6l.727-.727Zm8 1.879a.75.75 0 0 0 1.06 1.06l.727-.726a4.243 4.243 0 0 0-6-6l-.727.727a.75.75 0 0 0 1.061 1.06l.727-.727a2.743 2.743 0 0 1 3.879 3.879l-.727.727Zm-.94-1.879a.75.75 0 1 0-1.06-1.06l-4 4a.75.75 0 1 0 1.06 1.06l4-4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m8 9.06 4.97 4.97a.75.75 0 1 0 1.06-1.06l-11-11a.75.75 0 0 0-1.06 1.06L6.94 8 5.47 9.47a.75.75 0 1 0 1.06 1.06L8 9.06Zm3.54-.722L12.601 9.4l.656-.656a4.243 4.243 0 0 0-6-6l-.656.656 1.06 1.06.657-.656a2.743 2.743 0 0 1 3.879 3.879l-.657.656ZM9.47 5.47l-.4.399 1.061 1.06.4-.399A.75.75 0 1 0 9.47 5.47ZM3.22 6.78a.75.75 0 0 1 1.06 1.061l-.477.477a2.743 2.743 0 0 0 3.879 3.879l.477-.477a.75.75 0 0 1 1.06 1.06l-.476.477a4.243 4.243 0 0 1-6-6l.477-.477Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.28 2.22a.75.75 0 0 1 0 1.06l-2 2a.75.75 0 0 1-1.06 0l-1-1a.75.75 0 0 1 1.06-1.06l.47.47 1.47-1.47a.75.75 0 0 1 1.06 0ZM6.5 3.75c0 .414.336.75.75.75h7a.75.75 0 0 0 0-1.5h-7a.75.75 0 0 0-.75.75Zm.75 3.5a.75.75 0 0 0 0 1.5h7a.75.75 0 0 0 0-1.5h-7Zm-1.97.03a.75.75 0 0 0-1.06-1.06L2.75 7.69l-.47-.47a.75.75 0 0 0-1.06 1.06l1 1a.75.75 0 0 0 1.06 0l2-2Zm0 3.19a.75.75 0 0 1 0 1.06l-2 2a.75.75 0 0 1-1.06 0l-1-1a.75.75 0 1 1 1.06-1.06l.47.47 1.47-1.47a.75.75 0 0 1 1.06 0Zm1.97 1.03a.75.75 0 0 0 0 1.5h7a.75.75 0 0 0 0-1.5h-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.28 2.22a.75.75 0 0 1 0 1.06l-2 2a.75.75 0 0 1-1.06 0l-1-1a.75.75 0 0 1 1.06-1.06l.47.47 1.47-1.47a.75.75 0 0 1 1.06 0ZM7.25 3h7a.75.75 0 0 1 0 1.5h-7a.75.75 0 0 1 0-1.5ZM5.28 7.28a.75.75 0 0 0-1.06-1.06L2.75 7.69l-.47-.47a.75.75 0 0 0-1.06 1.06l1 1a.75.75 0 0 0 1.06 0l2-2Zm0 3.19a.75.75 0 0 1 0 1.06l-2 2a.75.75 0 0 1-1.06 0l-1-1a.75.75 0 1 1 1.06-1.06l.47.47 1.47-1.47a.75.75 0 0 1 1.06 0ZM8.4 9h.1a2.5 2.5 0 0 1 5 0h.1a1.4 1.4 0 0 1 1.4 1.4v2.2a1.4 1.4 0 0 1-1.4 1.4H8.4A1.4 1.4 0 0 1 7 12.6v-2.2A1.4 1.4 0 0 1 8.4 9ZM11 8a1 1 0 0 1 1 1h-2a1 1 0 0 1 1-1Zm-2.5 2.5v2h5v-2h-5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.21 2.5a.5.5 0 0 0-.796-.403l-.71.524a.5.5 0 0 0 .507.856V5a.5.5 0 0 0 1 0V2.5Zm2.54.5a.75.75 0 1 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5Zm0 8.5a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5ZM5 8a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 5 8Zm-2.596-.67c-.07.051-.087.097-.09.116a.5.5 0 0 1-.988-.149c.051-.345.26-.61.495-.779.236-.169.531-.268.83-.268.345 0 .666.109.902.343.236.234.337.543.337.85 0 .51-.321.855-.76 1.278a.495.495 0 0 1-.02.018l-.013.011h.493a.5.5 0 0 1 0 1H1.75a.5.5 0 0 1-.326-.879l1.022-.88c.223-.216.338-.344.398-.434.046-.069.046-.092.046-.111v-.002c0-.09-.027-.127-.041-.141-.013-.013-.062-.053-.199-.053a.439.439 0 0 0-.246.08ZM1.9 10.5a.5.5 0 0 0 0 1h.38l-.15.18a.5.5 0 0 0 .383.82c.259 0 .365.077.407.122.051.054.08.133.08.218a.02.02 0 0 1-.004.014.188.188 0 0 1-.057.052.702.702 0 0 1-.371.094.545.545 0 0 1-.258-.057c-.059-.032-.075-.061-.076-.064a.5.5 0 0 0-.91.416c.213.464.728.705 1.244.705.319 0 .651-.082.92-.258.275-.181.512-.487.512-.902 0-.293-.096-.634-.355-.906a1.28 1.28 0 0 0-.252-.206l.34-.407a.5.5 0 0 0-.383-.821H1.9Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.75.5a.75.75 0 0 0-.75.75v13.5a.75.75 0 0 0 1.5 0V1.25A.75.75 0 0 0 5.75.5Zm-2 3.5a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm4 0a.75.75 0 0 1 .75-.75h5.75a.75.75 0 0 1 0 1.5H8.5A.75.75 0 0 1 7.75 4Zm0 8a.75.75 0 0 1 .75-.75h5.75a.75.75 0 0 1 0 1.5H8.5a.75.75 0 0 1-.75-.75Zm.75-4.75a.75.75 0 1 0 0 1.5h5.75a.75.75 0 0 0 0-1.5H8.5Zm-6 2a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM3.75 12a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm3.25-2a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5Zm0 8.5a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5ZM5 8a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 5 8ZM3.75 8a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM2.5 13.5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.5 6V5a2.5 2.5 0 0 0-5 0v1h5ZM4 5v1a3 3 0 0 0-3 3v3a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3V5a4 4 0 0 0-8 0Zm6.5 2.5H12A1.5 1.5 0 0 1 13.5 9v3a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 12V9A1.5 1.5 0 0 1 4 7.5h6.5Zm-1.75 2a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0v-2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.5 5a2.5 2.5 0 0 0-4.532-1.456c-.242.336-.66.559-1.052.428-.393-.131-.611-.56-.41-.922A4 4 0 0 1 12 5v1h.001a3 3 0 0 1 3 3v3a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h6.5V5Zm.75 2.5H4A1.5 1.5 0 0 0 2.5 9v3A1.5 1.5 0 0 0 4 13.5h8a1.5 1.5 0 0 0 1.5-1.5V9A1.5 1.5 0 0 0 12 7.5h-.75ZM8 8.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2A.75.75 0 0 1 8 8.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M7.363 1.5c-.094.007-.377.122-.377.622 0 .593.12 1.248.337 1.927.209-.799.319-1.463.319-1.927 0-.359-.097-.513-.144-.565a.155.155 0 0 0-.135-.057Zm.885 4.637c.061-.175.12-.347.174-.518.431-1.326.72-2.587.72-3.497 0-.625-.173-1.173-.53-1.57A1.653 1.653 0 0 0 7.265.004c-.984.064-1.779.933-1.779 2.118 0 1.314.44 2.758 1.126 4.13a31.082 31.082 0 0 1-1.465 3.305c-.9.302-1.745.648-2.475 1.025-.714.368-1.352.783-1.822 1.24-.46.448-.85 1.026-.85 1.714 0 .465.157.91.488 1.243.33.332.776.491 1.242.491.541 0 1.038-.242 1.458-.547.428-.311.844-.738 1.24-1.225.604-.744 1.203-1.683 1.758-2.699a24.497 24.497 0 0 1 3.143-.739 11.26 11.26 0 0 0 1.606 1.369c.925.639 1.945 1.086 2.943 1.086.507 0 1.034-.126 1.45-.46.438-.353.672-.871.672-1.47 0-.758-.412-1.313-.983-1.66-.535-.327-1.231-.49-1.958-.563-.925-.092-2.02-.047-3.167.1a14.055 14.055 0 0 1-1.644-2.325Zm-.675 1.76a32.96 32.96 0 0 1-.481 1.095 26.209 26.209 0 0 1 1.093-.246 15.666 15.666 0 0 1-.612-.849Zm3.734 1.938c.16.13.321.25.481.36.802.554 1.521.82 2.09.82.277 0 .436-.07.51-.13.052-.041.112-.113.112-.3 0-.129-.04-.244-.263-.38-.258-.156-.695-.288-1.327-.35a10.518 10.518 0 0 0-1.603-.02Zm-7.374 1.803c-.2.09-.391.183-.574.277-.645.333-1.14.668-1.463.982-.334.326-.396.54-.396.639 0 .126.039.172.05.184.013.012.057.05.18.05.095 0 .284-.047.576-.26.285-.207.608-.528.957-.957.221-.273.446-.58.67-.915Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M5.5 0c-.69 0-1.25.56-1.25 1.25v2h-2C1.56 3.25 1 3.81 1 4.5v2.382l-.06.057L1 7v.002a.847.847 0 0 0-.062-.06l-.002.001-.003.004-.006.006-.014.014a1.76 1.76 0 0 0-.092.105c-.045.055-.095.12-.147.198a3.326 3.326 0 0 0-.317.611C.154 8.39 0 9.08 0 10v.009a4.897 4.897 0 0 0 1.455 3.46C2.434 14.437 3.825 15 5.5 15c2.071 0 3.785-.59 5.107-1.637.997-.79 1.713-1.796 2.195-2.886a5.28 5.28 0 0 0 .99-.153c.819-.218 1.579-.711 2.05-1.653a1.5 1.5 0 0 0 .081-1.146c-.321-.962-1.12-1.636-2.071-1.877-.24-.95-.915-1.75-1.877-2.071a1.5 1.5 0 0 0-1.146.081c-1.092.546-1.502 1.583-1.668 2.329-.038.17-.067.343-.089.513H9V1.25C9 .56 8.44 0 7.75 0H5.5Zm2 6.5V4.75H5.75V6.5H7.5Zm-3.25 0V4.75H2.5V6.5h1.75ZM2 8s-.5.5-.5 2c.01 1.738 1.344 3.5 4 3.5 3.55 0 5.5-2 6.25-4.5C13 9 14 9 14.5 8a1.374 1.374 0 0 0-.655-.756c-.434-.237-1.014-.284-1.595.006.29-.58.243-1.161.006-1.595A1.373 1.373 0 0 0 11.5 5c-1 .5-1 2-1 3H2Zm3.75-4.75H7.5V1.5H5.75v1.75ZM4.25 9a.75.75 0 0 1 .75.75v1a.75.75 0 0 1-1.5 0v-1A.75.75 0 0 1 4.25 9Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 12.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5Zm2 1.5a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-1.85l-.847-1.482A2 2 0 0 0 11 5V3a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v2c0 .607.27 1.151.697 1.518L4.85 8H3a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2c0-.607-.27-1.151-.697-1.518L7.15 7h1.7l.848 1.482C9.27 8.85 9 9.392 9 10v2a2 2 0 0 0 2 2h2ZM3 12.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5H3a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5Zm6-7H7a.5.5 0 0 1-.5-.5V3a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.5 13.478a5.5 5.5 0 1 0-1.5-.069V9.75H5.75a.75.75 0 1 1 0-1.5H7V7.24c0-.884.262-1.568.722-2.032.46-.464 1.121-.708 1.922-.708.273 0 .612.04.948.213a.75.75 0 0 1-.685 1.334A.57.57 0 0 0 9.644 6c-.493 0-.737.144-.857.265-.12.12-.287.39-.287.975v1.01h1.25a.75.75 0 0 1 0 1.5H8.5v3.728ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.357 7H6.643l1.08 6.267a.28.28 0 0 0 .554 0L9.357 7ZM4.511 3.465l-.153-.691a.35.35 0 0 0-.684.007L2.522 8.537a1.144 1.144 0 0 0 .39 1.103l3.11 2.593-1.51-8.768Zm5.466 8.768 3.111-2.593a1.144 1.144 0 0 0 .39-1.103l-1.152-5.756a.35.35 0 0 0-.684-.007l-.153.692-1.512 8.767Zm-8.026-1.44 4.493 3.743a2 2 0 0 0 1.28.464h.552a2 2 0 0 0 1.28-.464l4.493-3.743a2.644 2.644 0 0 0 .9-2.55l-1.152-5.756a1.85 1.85 0 0 0-3.619-.039L9.5 5.5h-3l-.678-3.052a1.85 1.85 0 0 0-3.62.039l-1.15 5.756a2.644 2.644 0 0 0 .9 2.55Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.854 3.47a2.711 2.711 0 0 1 1.934.102l.618.275c.072.032.14.069.205.11.003-.126.01-.251.023-.377l.05-.495a1.441 1.441 0 1 0-2.868 0l.038.384Zm3.243 2.725a1.61 1.61 0 0 1-.423.433L7.95 7.835a1 1 0 0 1-1.468-.372l-.23-.46-.99 2.226a3.037 3.037 0 0 0-.217 1.758c.46.333.81.817.968 1.393l.123.451c.52.419 1.181.669 1.901.669h.54c.036 0 .07 0 .105-.002l.305-1.118a2.564 2.564 0 0 1 2.98-1.829 3.423 3.423 0 0 0-.605-2.463l-.84-1.177a4.897 4.897 0 0 1-.425-.716Zm3.242 5.135a4.93 4.93 0 0 0-.756-4.114l-.841-1.177a3.392 3.392 0 0 1-.615-2.31l.05-.495a2.941 2.941 0 1 0-5.854 0l.08.8a3.668 3.668 0 0 1-.298 1.854L3.891 8.62a4.537 4.537 0 0 0-.39 1.88A2.539 2.539 0 0 0 1 13.027c0 1.16.79 2.17 1.914 2.452l1.92.48a1.396 1.396 0 0 0 1.727-1.204c.463.159.96.245 1.476.245h.451a1.396 1.396 0 0 0 1.679.958l1.919-.48A2.527 2.527 0 0 0 14 13.027c0-.653-.25-1.248-.66-1.697ZM8.18 4.943l.617.275c.03.013.04.025.044.032.008.01.016.029.018.053a.115.115 0 0 1-.007.056c-.004.008-.01.022-.037.04l-1.25.875-.549-1.097a.127.127 0 0 1 .048-.166 1.211 1.211 0 0 1 1.115-.068Zm-4.901 9.08 1.747.437-.46-1.685A1.064 1.064 0 0 0 3.542 12c-.578 0-1.041.47-1.041 1.027 0 .471.32.882.778.996Zm6.697.437 1.747-.437c.457-.114.778-.525.778-.996 0-.557-.463-1.027-1.04-1.027-.482 0-.903.324-1.026.775l-.46 1.685Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.063 3.5H12A1.5 1.5 0 0 1 13.5 5v6a1.5 1.5 0 0 1-1.5 1.5h-1.441a.741.741 0 0 0-.029-.03c-.75-.75-.78-1.425-.78-3.22A.75.75 0 0 0 9 8.5H7.753c.018-1.895.162-3.441 1.31-5Zm-1.777 0H4A1.5 1.5 0 0 0 2.5 5v6A1.5 1.5 0 0 0 4 12.5h4.714c-.38-.76-.45-1.574-.462-2.5H7a.75.75 0 0 1-.75-.75v-.07c0-1.89 0-3.791 1.036-5.68ZM1 5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5Zm9.25 2.25a.75.75 0 0 0 1.5 0v-1a.75.75 0 0 0-1.5 0v1ZM4.75 8A.75.75 0 0 1 4 7.25v-1a.75.75 0 0 1 1.5 0v1a.75.75 0 0 1-.75.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.443 4.699A1.294 1.294 0 0 0 1 5.294v5.956a.75.75 0 0 0 1.5 0V6.139l1.834 3.54a.75.75 0 0 0 1.332 0L7.5 6.138v5.111a.75.75 0 0 0 1.5 0V5.294A1.294 1.294 0 0 0 6.557 4.7L5 7.703 3.443 4.7Zm9.807.051a.75.75 0 0 0-1.5 0v4.69l-.47-.47a.75.75 0 1 0-1.06 1.06l1.75 1.75a.75.75 0 0 0 1.06 0l1.75-1.75a.75.75 0 1 0-1.06-1.06l-.47.47V4.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 12.5A1.5 1.5 0 0 1 10 14H6a1.5 1.5 0 0 1-1.5-1.5v-.823a3.114 3.114 0 0 0-1.35-2.566A6.114 6.114 0 0 1 .5 4.073V3A1.5 1.5 0 0 1 2 1.5h.666A6.425 6.425 0 0 1 8 4.343 6.425 6.425 0 0 1 13.334 1.5H14A1.5 1.5 0 0 1 15.5 3v1.073a6.114 6.114 0 0 1-2.65 5.038 3.114 3.114 0 0 0-1.35 2.566v.823Zm-8-9.43a4.924 4.924 0 0 1 3.738 3.025c.275.688 1.249.688 1.524 0A4.924 4.924 0 0 1 13.334 3H14v1.073a4.614 4.614 0 0 1-2 3.802c-1.252.86-2 2.283-2 3.802v.823H6v-.823c0-1.52-.748-2.941-2-3.802a4.614 4.614 0 0 1-2-3.802V3h.666c.283 0 .562.024.834.07Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 2.5h4.98a2.5 2.5 0 0 1 1.66.631l.977.869h-5.93a1.511 1.511 0 0 1-1.069-.443l-.092-.091-.915-.915c.124-.033.255-.051.389-.051ZM2.55 3.611A1.56 1.56 0 0 0 2.5 4v4.98a2.5 2.5 0 0 0 .631 1.66l.869.977v-5.8a1.826 1.826 0 0 0-.535-1.291l-.914-.915ZM7 5.5A1.5 1.5 0 0 0 5.5 7v5A1.5 1.5 0 0 0 7 13.5h5a1.5 1.5 0 0 0 1.5-1.5V7A1.5 1.5 0 0 0 12 5.5H7ZM7 15h-.653a3 3 0 0 1-2.242-1.007L2.01 11.637A4 4 0 0 1 1 8.979V4a3 3 0 0 1 3-3h4.98a4 4 0 0 1 2.657 1.01l2.356 2.095A3 3 0 0 1 15 6.347V12a3 3 0 0 1-3 3H7Zm.75-3a.75.75 0 0 1-.75-.75V8.08a1.08 1.08 0 0 1 1.96-.627l1.54 2.16V7.75a.75.75 0 0 1 1.5 0v3.168a1.082 1.082 0 0 1-1.963.628L8.5 9.392v1.858a.75.75 0 0 1-.75.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 2.5a5.5 5.5 0 0 0-2.977 10.126l.79-2.571a3 3 0 1 1 4.372 0l.792 2.57A5.5 5.5 0 0 0 8 2.5ZM1 8a7 7 0 1 1 9.832 6.403.75.75 0 0 1-1.02-.465l-1.2-3.901a.75.75 0 0 1 .273-.826 1.5 1.5 0 1 0-1.77 0 .75.75 0 0 1 .274.826l-1.2 3.901a.75.75 0 0 1-1.021.465A7.001 7.001 0 0 1 1 8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 5.5h3.752a.75.75 0 0 0 0-1.5H5.5A1.5 1.5 0 0 1 7 2.5h2A1.5 1.5 0 0 1 10.5 4v2c0 .69-.56 1.25-1.25 1.25h-2.5A2.75 2.75 0 0 0 4 10v.5A1.5 1.5 0 0 1 2.5 9V7A1.5 1.5 0 0 1 4 5.5Zm1.5 5V12A1.5 1.5 0 0 0 7 13.5h2a1.5 1.5 0 0 0 1.5-1.5H8.25a.75.75 0 0 1 0-1.5H12A1.5 1.5 0 0 0 13.5 9V7A1.5 1.5 0 0 0 12 5.5V6a2.75 2.75 0 0 1-2.75 2.75h-2.5c-.69 0-1.25.56-1.25 1.25v.5ZM7 1a3 3 0 0 0-3 3 3 3 0 0 0-3 3v2a3 3 0 0 0 3 3 3 3 0 0 0 3 3h2a3 3 0 0 0 3-3 3 3 0 0 0 3-3V7a3 3 0 0 0-3-3 3 3 0 0 0-3-3H7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.849.33a.75.75 0 0 0-1.115 1.003l3.68 4.088a.75.75 0 1 0 1.115-1.004L10.85.33ZM7.6 2.443a.75.75 0 0 1 1.048-.166L13.1 5.51a.75.75 0 1 1-.882 1.213L7.767 3.49a.75.75 0 0 1-.166-1.047Zm-.589 2.424a.75.75 0 1 0-.61 1.37l5.025 2.238a.75.75 0 1 0 .61-1.37L7.012 4.866ZM4.82 8.11a.75.75 0 0 1 .89-.577l5.38 1.143a.75.75 0 0 1-.313 1.467L5.396 9a.75.75 0 0 1-.577-.89ZM2 10.25a.75.75 0 0 1 1.5 0V12A1.5 1.5 0 0 0 5 13.5h6a1.5 1.5 0 0 0 1.5-1.5v-1.75a.75.75 0 0 1 1.5 0V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-1.75Zm3.25.25a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5h-5.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.254 8.521 9.61 5.86a.75.75 0 0 1 .782 1.28L6.586 9.465 9.77 12.65a1.199 1.199 0 0 0 1.973-.433l2.692-7.308a1.045 1.045 0 0 0-.98-1.408h-.105c-.1 0-.201.013-.298.04L2.022 6.509a.707.707 0 0 0 .046 1.375l3.186.637Zm-3.48.834L5 10l3.71 3.71a2.7 2.7 0 0 0 4.44-.976l2.693-7.308A2.544 2.544 0 0 0 13.454 2h-.104c-.232 0-.464.03-.688.091l-11.03 2.97a2.207 2.207 0 0 0 .142 4.294Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.034 3.902a1.5 1.5 0 1 0-2.03-1.293A5.738 5.738 0 0 0 9 2.25a5.75 5.75 0 0 0-1.681.25c-.427.13-.58.63-.356 1.017.195.333.607.46.982.365a4.258 4.258 0 0 1 5.144 2.954c.105.372.423.664.81.664.446 0 .801-.384.699-.82a5.742 5.742 0 0 0-1.564-2.778Zm-5.09 8.216c-.373-.096-.786.032-.98.365-.226.386-.072.887.355 1.017A5.75 5.75 0 0 0 9 13.75c.705 0 1.38-.127 2.004-.359a1.5 1.5 0 1 0 2.03-1.293 5.742 5.742 0 0 0 1.564-2.779c.102-.435-.253-.819-.7-.819-.386 0-.704.292-.81.664a4.252 4.252 0 0 1-5.143 2.954ZM5.937 5.055c.268-.278.359-.7.165-1.033-.226-.386-.737-.499-1.061-.19A5.742 5.742 0 0 0 3.38 6.784a1.5 1.5 0 1 0 0 2.432 5.742 5.742 0 0 0 1.66 2.953c.325.308.836.195 1.062-.191.194-.333.103-.755-.165-1.033A4.236 4.236 0 0 1 4.75 8c0-1.143.452-2.181 1.186-2.945Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m11.788 2.974-3.038.434V7.25h4.75V4.46a1.5 1.5 0 0 0-1.712-1.486ZM13.5 8.75H8.75v3.842l3.038.434A1.5 1.5 0 0 0 13.5 11.54V8.75Zm-6.25-1.5V3.622l-3.462.495A1.5 1.5 0 0 0 2.5 5.602V7.25h4.75ZM2.5 8.75h4.75v3.628l-3.462-.495A1.5 1.5 0 0 1 2.5 10.398V8.75Zm1.076-6.118A3 3 0 0 0 1 5.602v4.796a3 3 0 0 0 2.576 2.97l8 1.143A3 3 0 0 0 15 11.54V4.459a3 3 0 0 0-3.424-2.97l-8 1.143Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM6.136 5.103a.75.75 0 0 0-1.272.795l2.044 3.27c.223.357.342.77.342 1.192v1.14a.75.75 0 0 0 1.5 0v-1.14a3.75 3.75 0 0 0-.57-1.987l-2.044-3.27Zm5 .795a.75.75 0 1 0-1.272-.795L8.77 6.853a.75.75 0 0 0 1.272.795l1.094-1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 8a5.5 5.5 0 0 1 5.492-5.5c1.318.032 1.88.796 2.02 1.48.027.137.02.389-.027.713a7.242 7.242 0 0 1-.042.26l-1.759.308h-.001c-.838.144-1.537.432-2.068.933-.535.504-.829 1.155-.98 1.887l-.444 2.146a.734.734 0 0 0-.009.043l-.02.098c-.034.168-.091.444-.132.725-.047.325-.09.763-.025 1.154A5.489 5.489 0 0 1 2.5 8Zm5.501 7a7 7 0 0 0 .002-14h-.006a7 7 0 0 0 .001 14h.003Zm.007-1.5c-1.318-.032-1.88-.796-2.02-1.48-.027-.137-.02-.389.027-.713a7.25 7.25 0 0 1 .042-.26l1.759-.308h.001c.838-.144 1.537-.432 2.068-.933.535-.504.829-1.155.98-1.887l.444-2.146a.857.857 0 0 0 .009-.043c.005-.026.011-.059.02-.097.034-.17.092-.446.132-.726.047-.325.09-.763.024-1.154A5.5 5.5 0 0 1 8.008 13.5ZM9.62 6.532l-1.18.207h-.002c-.652.112-1.044.31-1.295.547-.247.233-.43.57-.539 1.098L6.38 9.468l1.18-.207h.002c.652-.112 1.044-.31 1.295-.547.247-.233.43-.57.539-1.098l.224-1.084Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m3.585 11.965-.716.148a1.863 1.863 0 0 1-1.792-3.036L2 8l-.923-1.077A1.863 1.863 0 0 1 2.87 3.887l.716.148-.07-.303a1.822 1.822 0 0 1 2.64-2.014l8.293 4.466a2 2 0 0 1 1.052 1.76v.111a2 2 0 0 1-1.052 1.761l-8.293 4.466a1.822 1.822 0 0 1-2.64-2.014l.07-.303Zm1.617-.334-.225.974a.322.322 0 0 0 .466.356l1.625-.875 3.895-1.647-5.761 1.192Zm5.761-6.07L7.068 3.914l-1.625-.875a.322.322 0 0 0-.466.356l.225.974 5.761 1.192ZM3.14 8.976 3.976 8l-.837-.976-.923-1.077a.363.363 0 0 1 .349-.591l11.162 2.309a.342.342 0 0 1 0 .67l-11.162 2.31a.363.363 0 0 1-.349-.592l.923-1.077Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.75 2.5a.25.25 0 0 0-.25.25v2.167c0 .138.112.25.25.25h2.417V2.5H2.75Zm3.917 0v2.667h2.666V2.5H6.667Zm4.166 0v2.667h2.417a.25.25 0 0 0 .25-.25V2.75a.25.25 0 0 0-.25-.25h-2.417Zm0 4.167h2.417A1.75 1.75 0 0 0 15 4.917V2.75A1.75 1.75 0 0 0 13.25 1H2.75A1.75 1.75 0 0 0 1 2.75v2.167c0 .966.784 1.75 1.75 1.75h2.417v6.583c0 .966.783 1.75 1.75 1.75h2.166a1.75 1.75 0 0 0 1.75-1.75V6.667Zm-1.5 0H6.667v2.666h2.666V6.667Zm0 4.166H6.667v2.417c0 .138.112.25.25.25h2.166a.25.25 0 0 0 .25-.25v-2.417Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m11.1 5.894-.412.903.671.732 1.356 1.48-1.994-.227-.986-.113-.49.864-.987 1.747-.4-1.967-.198-.972-.973-.198-1.966-.4 1.746-.989.864-.489-.112-.986-.227-1.994L8.47 4.641l.732.67.903-.411 1.826-.832-.832 1.826ZM7.02 1.276l2.465 2.26 3.043-1.387c.842-.384 1.708.483 1.325 1.324l-1.387 3.043 2.259 2.465c.625.682.069 1.774-.85 1.67l-3.323-.38-1.646 2.911c-.456.805-1.666.613-1.85-.293l-.667-3.277-3.277-.666c-.906-.185-1.098-1.395-.293-1.85l2.91-1.647-.378-3.322c-.105-.92.987-1.476 1.669-.85ZM5.53 11.53a.75.75 0 1 0-1.06-1.06l-3.5 3.5a.75.75 0 1 0 1.06 1.06l3.5-3.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.28 3.841 3.925 5.197a4.864 4.864 0 0 0 6.878 6.878l1.356-1.355-1.379-1.38-1.305 1.306a2.914 2.914 0 0 1-4.121-4.122L6.659 5.22 5.28 3.84Zm1.061-1.06L7.72 4.158 8.879 3 7.5 1.621l-1.159 1.16ZM14.379 8.5l-1.16 1.159-1.378-1.379L13 7.121 14.379 8.5ZM2.864 4.136l3.64-3.64a1.41 1.41 0 0 1 1.992 0l1.737 1.737c.424.424.424 1.11 0 1.534L6.414 7.586a1.414 1.414 0 0 0 2 2l3.82-3.82a1.084 1.084 0 0 1 1.533 0l1.737 1.738c.55.55.55 1.442 0 1.992l-3.64 3.64a6.364 6.364 0 1 1-9-9Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 7a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm-.82 4.74a6 6 0 1 1 1.06-1.06l2.79 2.79a.75.75 0 1 1-1.06 1.06l-2.79-2.79Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.75 11a4.25 4.25 0 1 0 0-8.5 4.25 4.25 0 0 0 0 8.5Zm0 1.5a5.725 5.725 0 0 0 3.501-1.188l2.719 2.718a.75.75 0 1 0 1.06-1.06l-2.718-2.719A5.75 5.75 0 1 0 6.75 12.5Zm-2-6.5a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 0-1.5h-4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.75 11a4.25 4.25 0 1 0 0-8.5 4.25 4.25 0 0 0 0 8.5Zm0 1.5a5.725 5.725 0 0 0 3.501-1.188l2.719 2.718a.75.75 0 1 0 1.06-1.06l-2.718-2.719A5.75 5.75 0 1 0 6.75 12.5Zm.75-7.75a.75.75 0 0 0-1.5 0V6H4.75a.75.75 0 0 0 0 1.5H6v1.25a.75.75 0 0 0 1.5 0V7.5h1.25a.75.75 0 0 0 0-1.5H7.5V4.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.125 7a4.875 4.875 0 1 1 9.75 0c0 1.864-.774 2.962-1.687 3.815-.385.36-.765.65-1.17.958l-.365.28a8.807 8.807 0 0 0-.781.668c-.243.24-.535.575-.73 1.01a.337.337 0 0 1-.095.132.05.05 0 0 1-.015.008s-.01.004-.032.004-.031-.003-.032-.003a.05.05 0 0 1-.015-.009.337.337 0 0 1-.095-.131 3.385 3.385 0 0 0-.73-1.01 8.807 8.807 0 0 0-.781-.668c-.125-.097-.246-.19-.366-.28a14.78 14.78 0 0 1-1.169-.96C3.9 9.963 3.125 8.865 3.125 7ZM14.5 7c0 3.4-2.066 4.975-3.53 6.091-.634.485-1.156.882-1.345 1.305C9.355 15 8.788 15.5 8 15.5s-1.354-.5-1.625-1.104c-.19-.423-.71-.82-1.346-1.305C3.566 11.975 1.5 10.399 1.5 7a6.5 6.5 0 0 1 13 0Zm-5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.125 7a4.875 4.875 0 1 1 9.75 0c0 1.864-.774 2.962-1.687 3.815-.385.36-.765.65-1.17.958l-.365.28a8.807 8.807 0 0 0-.781.668c-.243.24-.535.575-.73 1.01a.337.337 0 0 1-.095.132.05.05 0 0 1-.015.008s-.01.004-.032.004-.031-.003-.032-.003a.05.05 0 0 1-.015-.009.337.337 0 0 1-.095-.131 3.385 3.385 0 0 0-.73-1.01 8.807 8.807 0 0 0-.781-.668c-.125-.097-.246-.19-.366-.28a14.78 14.78 0 0 1-1.169-.96C3.9 9.963 3.125 8.865 3.125 7ZM14.5 7c0 3.4-2.066 4.975-3.53 6.091-.634.485-1.156.882-1.345 1.305C9.355 15 8.788 15.5 8 15.5s-1.354-.5-1.625-1.104c-.19-.423-.71-.82-1.346-1.305C3.566 11.975 1.5 10.399 1.5 7a6.5 6.5 0 0 1 13 0Zm-8.75-.75a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.125 7a4.875 4.875 0 1 1 9.75 0c0 1.864-.774 2.962-1.687 3.815-.385.36-.765.65-1.17.958l-.365.28a8.807 8.807 0 0 0-.781.668c-.243.24-.535.575-.73 1.01a.337.337 0 0 1-.095.132.05.05 0 0 1-.015.008s-.01.004-.032.004-.031-.003-.032-.003a.05.05 0 0 1-.015-.009.337.337 0 0 1-.095-.131 3.385 3.385 0 0 0-.73-1.01 8.807 8.807 0 0 0-.781-.668c-.125-.097-.246-.19-.366-.28a14.78 14.78 0 0 1-1.169-.96C3.9 9.963 3.125 8.865 3.125 7ZM14.5 7c0 3.4-2.066 4.975-3.53 6.091-.634.485-1.156.882-1.345 1.305C9.355 15 8.788 15.5 8 15.5s-1.354-.5-1.625-1.104c-.19-.423-.71-.82-1.346-1.305C3.566 11.975 1.5 10.399 1.5 7a6.5 6.5 0 0 1 13 0ZM8.75 4.75a.75.75 0 0 0-1.5 0v1.5h-1.5a.75.75 0 0 0 0 1.5h1.5v1.5a.75.75 0 0 0 1.5 0v-1.5h1.5a.75.75 0 0 0 0-1.5h-1.5v-1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13 13.25V7.5a5 5 0 0 0-10 0v5.75c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25V7.5a3 3 0 0 1 6 0v5.75c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25Zm1.5-5.75v5.75A1.75 1.75 0 0 1 12.75 15h-1.5a1.75 1.75 0 0 1-1.75-1.75V7.5a1.5 1.5 0 1 0-3 0v5.75A1.75 1.75 0 0 1 4.75 15h-1.5a1.75 1.75 0 0 1-1.75-1.75V7.5a6.5 6.5 0 0 1 13 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.873 3.44a.75.75 0 1 0-1.06-1.06L11.75 3.44l-1.06-1.06a.75.75 0 1 0-1.061 1.06l1.062 1.06-1.062 1.063a.75.75 0 0 0 1.06 1.06l1.062-1.061 1.062 1.062a.75.75 0 0 0 1.06-1.061L12.813 4.5l1.062-1.061ZM2.25 3.75a.75.75 0 0 0 0 1.5h4.5a.75.75 0 1 0 0-1.5h-4.5Zm3 5.5a.75.75 0 0 0-1.5 0v1.501h-1.5a.75.75 0 0 0 0 1.5h1.5v1.502a.75.75 0 0 0 1.5 0V12.25h1.501a.75.75 0 0 0 0-1.5h-1.5v-1.5Zm4.5 0a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 0-1.5h-4Zm0 3a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 0-1.5h-4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3 2.75V8.5a5 5 0 0 0 10 0V2.75a.25.25 0 0 0-.25-.25h-1.5a.25.25 0 0 0-.25.25V8.5a3 3 0 1 1-6 0V2.75a.25.25 0 0 0-.25-.25h-1.5a.25.25 0 0 0-.25.25ZM1.5 8.5V2.75C1.5 1.784 2.284 1 3.25 1h1.5c.966 0 1.75.784 1.75 1.75V8.5a1.5 1.5 0 1 0 3 0V2.75c0-.966.784-1.75 1.75-1.75h1.5c.966 0 1.75.784 1.75 1.75V8.5a6.5 6.5 0 0 1-13 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.836 1.5a.664.664 0 0 1 .491 1.11l-.354.39H4.027l-.354-.39a.664.664 0 0 1 .49-1.11h7.673Zm-6.445 3 2.124 2.336a.5.5 0 0 0 .37.164h.23a.5.5 0 0 0 .37-.164L10.61 4.5H5.391Zm.652 2.947L3.5 4.65v1.852a.5.5 0 0 0 .123.328L4.87 8.266a4.51 4.51 0 0 1 1.172-.82Zm-2.08 2.061L2.492 7.814A2 2 0 0 1 2 6.502V2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v4.502a2 2 0 0 1-.49 1.312l-1.474 1.694a4.5 4.5 0 1 1-8.073 0Zm7.166-1.242a4.51 4.51 0 0 0-1.172-.82L12.5 4.65v1.852a.5.5 0 0 1-.123.328L11.13 8.266ZM11 11.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.113 11.615c.374.814.713.885.887.885.174 0 .513-.071.887-.885.377-.816.613-2.077.613-3.615 0-1.538-.236-2.799-.613-3.615-.374-.814-.713-.885-.887-.885-.174 0-.513.071-.887.885C10.736 5.2 10.5 6.462 10.5 8c0 1.538.236 2.799.613 3.615ZM9 8c0 1.469.197 2.815.59 3.857L2.902 9.31a1.402 1.402 0 0 1 0-2.62l6.686-2.548C9.196 5.185 9 6.532 9 8Zm3 6c2 0 3-2.686 3-6s-1-6-3-6c-.661 0-1.317.12-1.934.356L2.369 5.288a2.902 2.902 0 0 0 0 5.424l.827.315a2.5 2.5 0 1 0 4.67 1.78l2.2.837A5.433 5.433 0 0 0 12 14Zm-5.537-1.729L4.6 11.563a1 1 0 1 0 1.862.71Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.5 7V3.5a1.5 1.5 0 1 0-3 0V7a1.5 1.5 0 1 0 3 0ZM8 .5a3 3 0 0 0-3 3V7a3 3 0 0 0 6 0V3.5a3 3 0 0 0-3-3Zm.75 12.454A6.001 6.001 0 0 0 14 7v-.25a.75.75 0 0 0-1.5 0V7a4.5 4.5 0 1 1-9 0v-.25a.75.75 0 0 0-1.5 0V7c0 3.06 2.29 5.585 5.25 5.954v1.796a.75.75 0 0 0 1.5 0v-1.796Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.773 9.9A3.004 3.004 0 0 1 5 7v-.94L1.97 3.03a.75.75 0 0 1 1.06-1.06l11 11a.75.75 0 1 1-1.06 1.06l-1.884-1.883a5.97 5.97 0 0 1-2.336.807v1.796a.75.75 0 0 1-1.5 0v-1.796A6.001 6.001 0 0 1 2 7v-.25a.75.75 0 0 1 1.5 0V7a4.5 4.5 0 0 0 6.481 4.042L8.825 9.885l-.052.015ZM9.5 3.5v2.798l1.415 1.415C10.97 7.484 11 7.246 11 7V3.5a3 3 0 0 0-5.669-1.371l1.18 1.18A1.5 1.5 0 0 1 9.5 3.5Zm2.587 5.385L13.2 9.997c.51-.882.8-1.905.8-2.997v-.25a.75.75 0 0 0-1.5 0V7a4.48 4.48 0 0 1-.413 1.885Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.75 8a.75.75 0 0 1 .75-.75h11a.75.75 0 0 1 0 1.5h-11A.75.75 0 0 1 1.75 8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M4.706 3.39a1 1 0 1 1 .108-.064.76.76 0 0 0-.108.064Zm.108 1.546a2.5 2.5 0 1 1 1.292-.762l.849 1.485a3.497 3.497 0 0 1 3.191.576l2.222-1.851a1.75 1.75 0 1 1 1.101 1.035l-2.362 1.968c.251.483.393 1.031.393 1.613 0 .557-.13 1.083-.361 1.55l.958.767a2.25 2.25 0 1 1-.959 1.154l-.937-.75a3.501 3.501 0 0 1-5.62-1.971H3.33a1.75 1.75 0 1 1 0-1.5h1.25a3.497 3.497 0 0 1 1.072-1.846l-.84-1.468ZM10 9a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm3.25 5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 0 0 2.263-10.514 5.5 5.5 0 0 1-7.278 7.278A5.501 5.501 0 0 0 8 13.5ZM1.045 8.795a7.001 7.001 0 1 0 7.75-7.75l-.028-.003A7.078 7.078 0 0 0 8 1c-.527 0-.59.842-.185 1.18a4.02 4.02 0 0 1 .342.322A4 4 0 1 1 2.18 7.814C1.842 7.41 1 7.474 1 8a7.078 7.078 0 0 0 .045.794Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.123 5.357c.712-.37.877-.75.877-1.107s-.165-.736-.877-1.107C9.373 2.752 8.2 2.5 6.75 2.5c-1.45 0-2.622.252-3.373.643-.712.37-.877.75-.877 1.107s.165.736.877 1.107C4.127 5.748 5.3 6 6.75 6c1.45 0 2.622-.252 3.373-.643ZM6.75 7.5c1.684 0 3.198-.305 4.25-.914v5.164c0 .357-.165.736-.877 1.107-.75.391-1.924.643-3.373.643-1.45 0-2.622-.252-3.373-.643-.712-.37-.877-.75-.877-1.107V6.586c1.052.61 2.566.914 4.25.914Zm5.75-3.25C12.5 2.083 9.926 1 6.75 1S1 2.083 1 4.25v7.5C1 13.917 3.574 15 6.75 15s5.75-1.083 5.75-3.25v-1.182c.068-.026.134-.053.2-.08.616-.256 1.27-.613 1.791-1.112.534-.512 1.01-1.256 1.01-2.218 0-.437-.097-.89-.345-1.304a2.38 2.38 0 0 0-.956-.89c-.562-.292-1.185-.358-1.7-.352V4.25Zm0 1.862v2.82c.86-.425 1.501-1.016 1.501-1.774 0-.806-.652-1.058-1.501-1.046Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13 5.46v3.08a2.94 2.94 0 0 0-.976 0 4.15 4.15 0 0 0-.274.055C10.231 8.96 9 10.263 9 11.505c0 1.243 1.231 1.955 2.75 1.59 1.519-.364 2.75-1.667 2.75-2.91 0-.038-.001-.076-.004-.113A.745.745 0 0 0 14.5 10V1.25a.75.75 0 0 0-.932-.728L6.136 2.38l-.568.142A.75.75 0 0 0 5 3.25v7.291a2.941 2.941 0 0 0-.976 0c-.09.014-.181.032-.274.054C2.231 10.96 1 12.263 1 13.505c0 1.243 1.231 1.955 2.75 1.59 1.519-.364 2.75-1.667 2.75-2.91 0-.038-.001-.076-.003-.113A.758.758 0 0 0 6.5 12V7.086L13 5.46Zm0-1.546V2.211L6.5 3.836v1.703l6.136-1.534.364-.09Zm-8.003 8.127a1.5 1.5 0 0 0 .003.144c0 .133-.079.419-.396.754a2.497 2.497 0 0 1-1.204.698c-.47.113-.748.023-.844-.032a.215.215 0 0 1-.047-.036l-.001-.002-.003-.007a.214.214 0 0 1-.005-.054c0-.133.079-.419.396-.754a2.5 2.5 0 0 1 1.204-.698 1.58 1.58 0 0 1 .637-.037c.086.016.173.024.26.024Zm8-2a1.465 1.465 0 0 0 .003.144c0 .133-.079.419-.396.754a2.497 2.497 0 0 1-1.204.698c-.47.113-.748.023-.844-.032a.214.214 0 0 1-.047-.036l-.001-.002-.003-.007a.216.216 0 0 1-.005-.054c0-.133.079-.419.396-.754a2.497 2.497 0 0 1 1.204-.698 1.58 1.58 0 0 1 .637-.037c.086.016.173.024.26.024Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 11a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0ZM12 14a3 3 0 1 0-.79-5.895L10.092 6.15a3 3 0 1 0-4.185 0L4.79 8.105A3.003 3.003 0 0 0 1 11a3 3 0 1 0 5.092-2.15L7.21 6.895a3.003 3.003 0 0 0 1.58 0L9.908 8.85A3 3 0 0 0 12 14Zm-6.5-3a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0ZM8 2.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5 2.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM2 4a3 3 0 1 1 5.895.79L9.85 5.908a3 3 0 1 1 0 4.185L7.895 11.21A3.003 3.003 0 0 1 5 15a3 3 0 1 1 2.15-5.092L9.105 8.79a3.003 3.003 0 0 1 0-1.58L7.15 6.092A3 3 0 0 1 2 4Zm3 6.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM13.5 8a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 2.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM14 4a3 3 0 1 0-5.895.79L6.15 5.908a3 3 0 1 0 0 4.185l1.955 1.117A3.003 3.003 0 0 0 11 15a3 3 0 1 0-2.15-5.092L6.895 8.79a3.003 3.003 0 0 0 0-1.58L8.85 6.092A3 3 0 0 0 14 4Zm-3 6.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM2.5 8a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0ZM4 2a3 3 0 1 0 .79 5.895L5.908 9.85a3 3 0 1 0 4.185 0l1.117-1.955A3.003 3.003 0 0 0 15 5a3 3 0 1 0-5.092 2.15L8.79 9.105a3.003 3.003 0 0 0-1.58 0L6.092 7.15A3 3 0 0 0 4 2Zm6.5 3a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0ZM8 13.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m13.873 8.25-2.72 4.712a.5.5 0 0 1-.433.25H5.28a.5.5 0 0 1-.433-.25L2.127 8.25a.5.5 0 0 1 0-.5l2.72-4.712a.5.5 0 0 1 .433-.25h5.44a.5.5 0 0 1 .433.25l2.72 4.712a.5.5 0 0 1 0 .5Zm1.3-1.25a2 2 0 0 1 0 2l-2.72 4.712a2 2 0 0 1-1.733 1H5.28a2 2 0 0 1-1.732-1L.828 9a2 2 0 0 1 0-2l2.72-4.712a2 2 0 0 1 1.732-1h5.44a2 2 0 0 1 1.732 1L15.172 7ZM9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.75 12.5a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5H1.75ZM7 9.5h2a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v4.5a1 1 0 0 0 1 1Zm-2.5-1A2.5 2.5 0 0 0 7 11h2a2.5 2.5 0 0 0 2.5-2.5V4A2.5 2.5 0 0 0 9 1.5H7A2.5 2.5 0 0 0 4.5 4v4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13 7v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1Zm-1-2.5A2.5 2.5 0 0 1 14.5 7v2a2.5 2.5 0 0 1-2.5 2.5H8.75v2.75a.75.75 0 0 1-1.5 0V11.5H4A2.5 2.5 0 0 1 1.5 9V7A2.5 2.5 0 0 1 4 4.5h3.25V1.75a.75.75 0 1 1 1.5 0V4.5H12Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7 3h2a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1ZM4.5 4A2.5 2.5 0 0 1 7 1.5h2A2.5 2.5 0 0 1 11.5 4v3.25h2.75a.75.75 0 0 1 0 1.5H11.5V12A2.5 2.5 0 0 1 9 14.5H7A2.5 2.5 0 0 1 4.5 12V8.75H1.75a.75.75 0 0 1 0-1.5H4.5V4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.25 15a.75.75 0 0 1-.75-.75V1.75a.75.75 0 1 1 1.5 0v12.5a.75.75 0 0 1-.75.75ZM11 9V7a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1Zm1.5-2A2.5 2.5 0 0 0 10 4.5H6A2.5 2.5 0 0 0 3.5 7v2A2.5 2.5 0 0 0 6 11.5h4A2.5 2.5 0 0 0 12.5 9V7ZM1 14.25a.75.75 0 0 0 1.5 0V1.75a.75.75 0 1 0-1.5 0v12.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1 14.25a.75.75 0 0 1 .75-.75h12.5a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1-.75-.75ZM7 11h2a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1Zm2 1.5a2.5 2.5 0 0 0 2.5-2.5V6A2.5 2.5 0 0 0 9 3.5H7A2.5 2.5 0 0 0 4.5 6v4A2.5 2.5 0 0 0 7 12.5h2ZM1.75 1a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5H1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2 14.25a.75.75 0 0 0 1.5 0V1.75a.75.75 0 0 0-1.5 0v12.5ZM6.5 7v2a1 1 0 0 0 1 1H12a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H7.5a1 1 0 0 0-1 1Zm1-2.5A2.5 2.5 0 0 0 5 7v2a2.5 2.5 0 0 0 2.5 2.5H12A2.5 2.5 0 0 0 14.5 9V7A2.5 2.5 0 0 0 12 4.5H7.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 14.25a.75.75 0 0 0 1.5 0V1.75a.75.75 0 0 0-1.5 0v12.5ZM9.5 7v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h4.5a1 1 0 0 1 1 1Zm-1-2.5A2.5 2.5 0 0 1 11 7v2a2.5 2.5 0 0 1-2.5 2.5H4A2.5 2.5 0 0 1 1.5 9V7A2.5 2.5 0 0 1 4 4.5h4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.75 2a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5H1.75ZM7 6.5h2a1 1 0 0 1 1 1V12a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7.5a1 1 0 0 1 1-1Zm-2.5 1A2.5 2.5 0 0 1 7 5h2a2.5 2.5 0 0 1 2.5 2.5V12A2.5 2.5 0 0 1 9 14.5H7A2.5 2.5 0 0 1 4.5 12V7.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.75 14a.75.75 0 0 1 0-1.5h12.5a.75.75 0 0 1 0 1.5H1.75ZM5.5 9.5H4a.5.5 0 0 1-.5-.5V3.5A.5.5 0 0 1 4 3h1.5a.5.5 0 0 1 .5.5V9a.5.5 0 0 1-.5.5ZM4 11a2 2 0 0 1-2-2V3.5a2 2 0 0 1 2-2h1.5a2 2 0 0 1 2 2V9a2 2 0 0 1-2 2H4Zm8-1.5h-1.5A.5.5 0 0 1 10 9V7a.5.5 0 0 1 .5-.5H12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5ZM10.5 11a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2H12a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13 5.5V4a.5.5 0 0 0-.5-.5h-9A.5.5 0 0 0 3 4v1.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5Zm-4.25 2h3.75a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8.75v-.25a.75.75 0 0 0-1.5 0V2H3.5a2 2 0 0 0-2 2v1.5a2 2 0 0 0 2 2h3.75v1H6a2 2 0 0 0-2 2V12a2 2 0 0 0 2 2h1.25v.25a.75.75 0 0 0 1.5 0V14H10a2 2 0 0 0 2-2v-1.5a2 2 0 0 0-2-2H8.75v-1ZM8 10H6a.5.5 0 0 0-.5.5V12a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-1.5a.5.5 0 0 0-.5-.5H8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.5 3H4a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h1.5a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5Zm2 4.25V3.5a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v3.75h-.25a.75.75 0 0 0 0 1.5H2v3.75a2 2 0 0 0 2 2h1.5a2 2 0 0 0 2-2V8.75h1V10a2 2 0 0 0 2 2H12a2 2 0 0 0 2-2V8.75h.25a.75.75 0 0 0 0-1.5H14V6a2 2 0 0 0-2-2h-1.5a2 2 0 0 0-2 2v1.25h-1ZM10 8v2a.5.5 0 0 0 .5.5H12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5h-1.5a.5.5 0 0 0-.5.5v2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.25 1a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-1.5 0V1.75a.75.75 0 0 1 .75-.75ZM11 4v1.5a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5V4a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5Zm-.5-2a2 2 0 0 1 2 2v1.5a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h5Zm.5 8.5V12a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 12v-1.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5Zm-.5-2a2 2 0 0 1 2 2V12a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2v-1.5a2 2 0 0 1 2-2h5ZM1 1.75a.75.75 0 0 1 1.5 0v12.5a.75.75 0 0 1-1.5 0V1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M15 14.25a.75.75 0 0 1-.75.75H1.75a.75.75 0 0 1 0-1.5h12.5a.75.75 0 0 1 .75.75ZM12 11h-1.5a.5.5 0 0 1-.5-.5v-5a.5.5 0 0 1 .5-.5H12a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5Zm2-.5a2 2 0 0 1-2 2h-1.5a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2H12a2 2 0 0 1 2 2v5Zm-8.5.5H4a.5.5 0 0 1-.5-.5v-5A.5.5 0 0 1 4 5h1.5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5Zm2-.5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h1.5a2 2 0 0 1 2 2v5ZM14.25 1a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1 0-1.5h12.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2 1.75a.75.75 0 0 1 1.5 0v12.5a.75.75 0 0 1-1.5 0V1.75ZM6.5 5.5V4a.5.5 0 0 1 .5-.5h5.5a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5ZM5 4a2 2 0 0 1 2-2h5.5a2 2 0 0 1 2 2v1.5a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4Zm1.5 8v-1.5A.5.5 0 0 1 7 10h2a.5.5 0 0 1 .5.5V12a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5ZM5 10.5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2V12a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14 1.75a.75.75 0 0 0-1.5 0v12.5a.75.75 0 0 0 1.5 0V1.75ZM9.5 5.5V4a.5.5 0 0 0-.5-.5H3.5A.5.5 0 0 0 3 4v1.5a.5.5 0 0 0 .5.5H9a.5.5 0 0 0 .5-.5ZM11 4a2 2 0 0 0-2-2H3.5a2 2 0 0 0-2 2v1.5a2 2 0 0 0 2 2H9a2 2 0 0 0 2-2V4Zm-1.5 8v-1.5A.5.5 0 0 0 9 10H7a.5.5 0 0 0-.5.5V12a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5Zm1.5-1.5a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2V12a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.75 2a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5H1.75ZM5.5 6.5H4a.5.5 0 0 0-.5.5v5.5a.5.5 0 0 0 .5.5h1.5a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5ZM4 5a2 2 0 0 0-2 2v5.5a2 2 0 0 0 2 2h1.5a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H4Zm8 1.5h-1.5a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5H12a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5ZM10.5 5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2H12a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.829 2.5h4.342a.5.5 0 0 1 .354.146l2.829 2.829a.5.5 0 0 1 .146.353v4.343a.5.5 0 0 1-.146.354l-2.829 2.829a.5.5 0 0 1-.354.146H5.83a.5.5 0 0 1-.354-.146l-2.829-2.829a.5.5 0 0 1-.146-.354V5.829a.5.5 0 0 1 .147-.353l2.828-2.829a.5.5 0 0 1 .354-.146Zm-1.415-.914A2 2 0 0 1 5.83 1h4.342a2 2 0 0 1 1.415.586l2.828 2.828A2 2 0 0 1 15 5.828v4.343a2 2 0 0 1-.586 1.415l-2.828 2.828A2 2 0 0 1 10.17 15H5.83a2 2 0 0 1-1.415-.586l-2.828-2.828A2 2 0 0 1 1 10.17V5.828a2 2 0 0 1 .586-1.414l2.828-2.828ZM6.53 5.47a.75.75 0 1 0-1.06 1.06L6.94 8 5.47 9.47a.75.75 0 1 0 1.06 1.06L8 9.06l1.47 1.47a.75.75 0 1 0 1.06-1.06L9.06 8l1.47-1.47a.75.75 0 1 0-1.06-1.06L8 6.94 6.53 5.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.75 1.75a.75.75 0 0 0-1.5 0v3a.75.75 0 0 0 1.5 0v-3ZM5.25 4a.75.75 0 0 1 0 1.5H4A1.5 1.5 0 0 0 2.5 7v4A1.5 1.5 0 0 0 4 12.5h8a1.5 1.5 0 0 0 1.5-1.5V7A1.5 1.5 0 0 0 12 5.5h-1.25a.75.75 0 0 1 0-1.5H12a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1.25Zm6 4.5a.75.75 0 0 0 0-1.5h-6.5a.75.75 0 0 0 0 1.5h6.5ZM9 10.25a.75.75 0 0 1-.75.75h-3.5a.75.75 0 0 1 0-1.5h3.5a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.012 10c.431.004.764-.15 1.002-.411.244-.268.486-.762.486-1.589a5.5 5.5 0 1 0-5.17 5.491 4.279 4.279 0 0 1-.106-.89 2.37 2.37 0 0 1 .495-1.48c.386-.493.92-.763 1.448-.914C10.69 10.06 11.303 10 12 10h.012ZM8.43 14.01v-.005.005ZM12 11.5c1.66.013 3-1.25 3-3.5a7 7 0 1 0-7 7c2.19 0 2.011-.83 1.827-1.68-.194-.898-.393-1.82 2.173-1.82ZM9 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 2.75a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-4.75-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM5.75 11a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.77 10.73a.717.717 0 0 0 .01-.01l3.08-3.08a3.889 3.889 0 1 0-5.5-5.5L4.73 4.77l-.01.01-1.667 1.666a5.303 5.303 0 0 0 7.5 7.5l3.167-3.166a.75.75 0 1 0-1.061-1.06l-3.166 3.166a3.803 3.803 0 1 1-5.379-5.379L5.33 6.291l.011-.01L8.421 3.2a2.39 2.39 0 0 1 3.38 3.378l-1.13 1.13-.012.012-2.995 2.994a.975.975 0 1 1-1.378-1.378L9.28 6.34a.75.75 0 0 0-1.06-1.06L5.225 8.274a2.475 2.475 0 0 0 3.5 3.5l1.044-1.044Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.29 13.904 5.25 10.75 2.096 8.71a2.4 2.4 0 0 1 .5-4.278l9.273-3.296a2.346 2.346 0 0 1 2.995 2.995l-1.413-.502a.844.844 0 0 0-1.08-1.08L3.1 5.846a.9.9 0 0 0-.19 1.604l2.78 1.799 3.279-3.28a.75.75 0 1 1 1.06 1.061L6.75 10.31l1.799 2.779a.9.9 0 0 0 1.604-.188l3.297-9.272 1.413.502-3.296 9.273a2.4 2.4 0 0 1-4.277.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.5 3v10a.5.5 0 0 0 .5.5h7a1.5 1.5 0 0 0 1.5-1.5V4A1.5 1.5 0 0 0 11 2.5H4a.5.5 0 0 0-.5.5ZM2 13a2 2 0 0 0 2 2h7a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H4a2 2 0 0 0-2 2v10Zm3.5-2.25a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1-.75-.75ZM9 6.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm1.5 0a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.5 3h1.75a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5H3.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5Zm-2 .5a2 2 0 0 1 2-2h1.75a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H3.5a2 2 0 0 1-2-2v-9Zm9.25-.5h1.75a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-1.75a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5Zm-2 .5a2 2 0 0 1 2-2h1.75a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-1.75a2 2 0 0 1-2-2v-9Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.5 3.5a2 2 0 0 1 2-2H5a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H3.5a2 2 0 0 1-2-2v-9Zm7.5 0a2 2 0 0 1 2-2h1.5a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H11a2 2 0 0 1-2-2v-9Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.423 1A3.577 3.577 0 0 1 15 4.577c0 .27-.108.53-.3.722l-.528.529-1.971 1.971-5.059 5.059a3 3 0 0 1-1.533.82l-2.638.528a1 1 0 0 1-1.177-1.177l.528-2.638a3 3 0 0 1 .82-1.533l5.059-5.059 2.5-2.5c.191-.191.451-.299.722-.299Zm-2.31 4.009-4.91 4.91a1.5 1.5 0 0 0-.41.766l-.38 1.903 1.902-.38a1.5 1.5 0 0 0 .767-.41l4.91-4.91a2.077 2.077 0 0 0-1.88-1.88Zm3.098.658a3.59 3.59 0 0 0-1.878-1.879l1.28-1.28c.995.09 1.788.884 1.878 1.88l-1.28 1.28Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.238 3.64a1.854 1.854 0 0 0-1.629-1.628l-.8.8a3.367 3.367 0 0 1 1.63 1.628l.799-.8ZM4.74 7.88l3.87-3.868a1.854 1.854 0 0 1 1.628 1.629L6.369 9.51a1.5 1.5 0 0 1-.814.418l-1.48.247.247-1.48a1.5 1.5 0 0 1 .418-.814ZM9.72.78l-2 2-4.04 4.04a3 3 0 0 0-.838 1.628L2.48 10.62a1 1 0 0 0 1.151 1.15l2.17-.36a3 3 0 0 0 1.629-.839l4.04-4.04 2-2c.18-.18.28-.423.28-.677A3.353 3.353 0 0 0 10.397.5c-.254 0-.498.1-.678.28ZM2.75 13a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.169 6.331a3 3 0 0 0-.833 1.6l-.338 1.912a1 1 0 0 0 1.159 1.159l1.912-.338a3 3 0 0 0 1.6-.833l3.07-3.07 2-2A.894.894 0 0 0 15 4.13 3.13 3.13 0 0 0 11.87 1a.894.894 0 0 0-.632.262l-2 2-3.07 3.07Zm3.936-1.814L7.229 7.392a1.5 1.5 0 0 0-.416.8L6.6 9.4l1.208-.213.057-.01a1.5 1.5 0 0 0 .743-.406l2.875-2.876a1.63 1.63 0 0 0-1.378-1.378Zm2.558.199a3.143 3.143 0 0 0-1.379-1.38l.82-.82a1.63 1.63 0 0 1 1.38 1.38l-.82.82ZM8 2.25a.75.75 0 0 0-.75-.75H4.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3V8.75a.75.75 0 0 0-1.5 0v2.75a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3h2.75A.75.75 0 0 0 8 2.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 7.5a3 3 0 1 1 0-6 3 3 0 0 1 0 6Zm1.5-3a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 10a3 3 0 1 1 0-6 3 3 0 1 1 0 6Zm1.5-3a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm.78-8.22a.75.75 0 0 0-1.06-1.06l-10.5 10.5a.75.75 0 1 0 1.06 1.06l10.5-10.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10 4.5a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm1.5 0a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-9 8c0-.204.22-.809 1.32-1.459C4.838 10.44 6.32 10 8 10c1.68 0 3.162.44 4.18 1.041 1.1.65 1.32 1.255 1.32 1.459a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1Zm5.5-4c-3.85 0-7 2-7 4A2.5 2.5 0 0 0 3.5 15h9a2.5 2.5 0 0 0 2.5-2.5c0-2-3.15-4-7-4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M7 6.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM7 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-.5 1.299c0-.43-.36-.774-.785-.724C2.473 8.955 0 10.728 0 12.5A2.5 2.5 0 0 0 2.5 15h3.25a.75.75 0 0 0 0-1.5H2.5a1 1 0 0 1-1-1c0-.205.22-.809 1.32-1.459.765-.452 1.792-.813 2.969-.964.397-.051.711-.378.711-.778Zm8.002 1.89a2.223 2.223 0 0 1-1.66-2.138l-.68-.256a2.38 2.38 0 0 1-2.747.816l-.406.569c.57.788.57 1.87 0 2.657l.406.569a2.38 2.38 0 0 1 2.747.816l.68-.255a2.223 2.223 0 0 1 1.66-2.139v-.639Zm-.112-2.396a.715.715 0 0 0-.418-.921l-1.798-.674a.865.865 0 0 0-1.114.506.87.87 0 0 1-1.32.395.884.884 0 0 0-1.23.2L7.434 9.805a.771.771 0 0 0 .179 1.076c.43.308.43.948 0 1.255a.771.771 0 0 0-.18 1.076l1.077 1.506a.884.884 0 0 0 1.23.2.87.87 0 0 1 1.32.395.865.865 0 0 0 1.114.506l1.798-.674a.715.715 0 0 0 .418-.92.715.715 0 0 1 .67-.966h.134a.808.808 0 0 0 .809-.809v-1.883a.808.808 0 0 0-.809-.808h-.135a.715.715 0 0 1-.669-.966Zm-1.833 2.659a1.052 1.052 0 1 1-2.103 0 1.052 1.052 0 0 1 2.103 0Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 6.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM8 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm1 1.225a.71.71 0 0 0-.679-.72A11.087 11.087 0 0 0 8 8.5c-3.85 0-7 2-7 4A2.5 2.5 0 0 0 3.5 15h3.25a.75.75 0 0 0 0-1.5H3.5a1 1 0 0 1-1-1c0-.204.22-.809 1.32-1.459C4.838 10.44 6.32 10 8 10c.058 0 .117 0 .175.002.442.008.825-.335.825-.777Zm4 3.275a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm0 1.5a2.986 2.986 0 0 1-1.524-.415L10.03 15.03a.75.75 0 1 1-1.06-1.06l1.445-1.446A3 3 0 1 1 13 14Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7 6.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM7 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-.5 1.299c0-.43-.36-.774-.785-.724C2.473 8.955 0 10.728 0 12.5A2.5 2.5 0 0 0 2.5 15h3.25a.75.75 0 0 0 0-1.5H2.5a1 1 0 0 1-1-1c0-.205.22-.809 1.32-1.459.765-.452 1.792-.813 2.969-.964.397-.051.711-.378.711-.778Zm6.373 5.201 1.406-2.5-1.406-2.5h-2.746L8.721 12l1.406 2.5h2.746Zm2.713-1.765a1.5 1.5 0 0 0 0-1.47l-1.406-2.5A1.5 1.5 0 0 0 12.873 8h-2.746a1.5 1.5 0 0 0-1.307.765l-1.406 2.5a1.5 1.5 0 0 0 0 1.47l1.406 2.5a1.5 1.5 0 0 0 1.307.765h2.746a1.5 1.5 0 0 0 1.307-.765l1.406-2.5ZM12.5 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 6.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM8 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm1 1.225a.71.71 0 0 0-.679-.72A11.087 11.087 0 0 0 8 8.5c-3.85 0-7 2-7 4A2.5 2.5 0 0 0 3.5 15h2.25a.75.75 0 0 0 0-1.5H3.5a1 1 0 0 1-1-1c0-.204.22-.809 1.32-1.459C4.838 10.44 6.32 10 8 10c.058 0 .117 0 .175.002.442.008.825-.335.825-.777Zm3.59.307c.434.102.776.444.879.878l-2.823 2.822a1.5 1.5 0 0 1-.848.425l-.53.075.075-.53a1.5 1.5 0 0 1 .425-.848l2.822-2.822Zm-.883 4.76 3.068-3.067a.767.767 0 0 0 .225-.543A2.683 2.683 0 0 0 12.318 8a.766.766 0 0 0-.543.224l-3.068 3.069a3 3 0 0 0-.848 1.697l-.17 1.19a1 1 0 0 0 1.13 1.131l1.191-.17a3 3 0 0 0 1.697-.848Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7 6.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM7 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm3.229 3.909-.702-.28a2.5 2.5 0 0 1 3.339-1.975c-.121.185-.303.33-.523.403l-.035.012a.951.951 0 0 0 0 1.805l.46.154a.66.66 0 0 1 .383.331.66.66 0 0 0 .957.254l.365-.242a2.5 2.5 0 0 1-2.4 2.128.768.768 0 0 0 .041-.247v-.08a.686.686 0 0 0-.685-.686.686.686 0 0 1-.686-.686v-.132a.818.818 0 0 0-.514-.76ZM12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM6.25 8.525c.414-.028.75.31.75.725 0 .414-.336.747-.75.78-1.369.107-2.567.5-3.43 1.011-1.1.65-1.32 1.255-1.32 1.459a1 1 0 0 0 1 1h3.75a.75.75 0 0 1 0 1.5H2.5A2.5 2.5 0 0 1 0 12.5c0-1.868 2.75-3.737 6.25-3.975Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 6.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM8 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm1 1.225a.71.71 0 0 0-.679-.72A11.087 11.087 0 0 0 8 8.5c-3.85 0-7 2-7 4A2.5 2.5 0 0 0 3.5 15h8.75a.75.75 0 0 0 0-1.5H3.5a1 1 0 0 1-1-1c0-.204.22-.809 1.32-1.459C4.838 10.44 6.32 10 8 10c.058 0 .117 0 .175.002.442.008.825-.335.825-.777ZM13.75 8a.75.75 0 0 0-1.5 0v1.25H11a.75.75 0 0 0 0 1.5h1.25V12a.75.75 0 0 0 1.5 0v-1.25H15a.75.75 0 0 0 0-1.5h-1.25V8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm0 1.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-3.029 2.886c-.777.54-.971 1.063-.971 1.306 0 .446.362.808.808.808h6.384a.808.808 0 0 0 .808-.808c0-.244-.194-.767-.971-1.306C7.792 9.875 6.719 9.5 5.5 9.5c-1.218 0-2.292.375-3.029.886ZM0 11.692C0 9.846 2.475 8 5.5 8c1.18 0 2.278.281 3.177.734A5.671 5.671 0 0 1 11.5 8c2.475 0 4.5 1.538 4.5 3.077A1.923 1.923 0 0 1 14.077 13h-3.483c-.416.604-1.113 1-1.902 1H2.308A2.308 2.308 0 0 1 0 11.692Zm10.991-.192h3.086c.234 0 .423-.19.423-.423 0-.103-.096-.472-.688-.89-.554-.393-1.375-.687-2.312-.687-.517 0-.999.09-1.42.236.526.534.854 1.146.911 1.764ZM12.5 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM14 5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 4.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm0 1.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm-.75 1.25a.75.75 0 0 1 .75-.75c1.238 0 2.363.385 3.178.962C15.496 8.04 16 8.81 16 9.577a1.923 1.923 0 0 1-1.923 1.923h-.327a.75.75 0 0 1 0-1.5h.327c.234 0 .423-.19.423-.423 0-.105-.099-.474-.688-.89C13.257 8.293 12.437 8 11.5 8a.75.75 0 0 1-.75-.75ZM2.188 8.686C2.743 8.294 3.563 8 4.5 8a.75.75 0 0 0 0-1.5c-1.238 0-2.363.385-3.178.962C.504 8.04 0 8.81 0 9.577 0 10.639.861 11.5 1.923 11.5h.327a.75.75 0 0 0 0-1.5h-.327a.423.423 0 0 1-.423-.423c0-.105.099-.474.688-.89ZM4.5 4.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm0 1.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm6.25 3.5h-.25V9a2.5 2.5 0 1 0-5 0v.5h-.25c-.69 0-1.25.56-1.25 1.25v3c0 .69.56 1.25 1.25 1.25h5.5c.69 0 1.25-.56 1.25-1.25v-3c0-.69-.56-1.25-1.25-1.25ZM9 9v.5H7V9a1 1 0 1 1 2 0Zm-3.5 2v2.5h5V11h-5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10 4.5a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm1.5 0a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-9 8c0-.204.22-.809 1.32-1.459C4.838 10.44 6.32 10 8 10c1.68 0 3.162.44 4.18 1.041 1.1.65 1.32 1.255 1.32 1.459a1 1 0 0 1-1 1h-.25a.75.75 0 0 0 0 1.5h.25a2.5 2.5 0 0 0 2.5-2.5c0-2-3.15-4-7-4s-7 2-7 4A2.5 2.5 0 0 0 3.5 15h.25a.75.75 0 0 0 0-1.5H3.5a1 1 0 0 1-1-1Zm3.335-.92a.75.75 0 0 0-.68 1.336l.02.012c.022.013.06.038.11.074.098.074.237.195.38.373.193.242.404.604.512 1.125H5.75a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-.427c.108-.52.319-.883.513-1.125.142-.178.281-.299.38-.373a1.416 1.416 0 0 1 .128-.086.75.75 0 0 0-.68-1.337l.336.671a61.14 61.14 0 0 0-.336-.67h-.003l-.004.003-.01.005a1.686 1.686 0 0 0-.1.058 2.9 2.9 0 0 0-.231.156 3.629 3.629 0 0 0-.652.636c-.377.471-.733 1.146-.863 2.062H7.7c-.13-.916-.486-1.59-.863-2.062a3.629 3.629 0 0 0-.652-.636 2.9 2.9 0 0 0-.331-.214l-.01-.005-.004-.002-.002-.001c-.001 0-.002 0-.337.67l.335-.67Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.535 3A3.503 3.503 0 0 1 7.25.08v1.67a.75.75 0 1 0 1.5 0V.08A3.503 3.503 0 0 1 11.464 3h.286a.75.75 0 0 1 0 1.5h-.25a3.5 3.5 0 0 1-7 0h-.25a.75.75 0 0 1 0-1.5h.285ZM8 6.5a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2Zm-5.5 6c0-.204.22-.809 1.32-1.459a5.74 5.74 0 0 1 .223-.125L5.01 13.5H3.5a1 1 0 0 1-1-1Zm4.114 1-1.179-3.143A9.213 9.213 0 0 1 8 10c.93 0 1.8.135 2.565.357L9.387 13.5H6.612Zm4.375 0H12.5a1 1 0 0 0 1-1c0-.204-.22-.809-1.32-1.459a5.7 5.7 0 0 0-.223-.125l-.969 2.584ZM8 8.5c-3.85 0-7 2-7 4A2.5 2.5 0 0 0 3.5 15h9a2.5 2.5 0 0 0 2.5-2.5c0-2-3.15-4-7-4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 6.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM8 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm1 1.225a.71.71 0 0 0-.679-.72A11.087 11.087 0 0 0 8 8.5c-3.85 0-7 2-7 4A2.5 2.5 0 0 0 3.5 15h8.75a.75.75 0 0 0 0-1.5H3.5a1 1 0 0 1-1-1c0-.204.22-.809 1.32-1.459C4.838 10.44 6.32 10 8 10c.058 0 .117 0 .175.002.442.008.825-.335.825-.777Zm4-.286-.97-.97a.75.75 0 1 0-1.06 1.061l.97.97-.97.97a.75.75 0 1 0 1.06 1.06l.97-.97.97.97a.75.75 0 1 0 1.06-1.06l-.97-.97.97-.97a.75.75 0 0 0-1.06-1.06l-.97.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3h-7A1.5 1.5 0 0 0 3 4.5v5.027l.962-.7a1.75 1.75 0 0 1 2.079.016l.928.696 2.368-2.03a1.75 1.75 0 0 1 2.325.043L13 8.787V4.5A1.5 1.5 0 0 0 11.5 3Zm3 7.498V4.5a3 3 0 0 0-3-3h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-1.002Zm-1.5.33-2.355-2.174a.25.25 0 0 0-.332-.006L7.488 11.07l-.457.392-.481-.361-1.41-1.057a.25.25 0 0 0-.296-.002L3 11.381v.119A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-.672ZM7.5 6a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.922 3.7 7.81 4.81 6.444 6.179a3.326 3.326 0 0 0 3.378 3.378L11.19 8.19l1.11-1.11A2.39 2.39 0 0 0 8.922 3.7ZM7 3.5l-2 2-2.36 2.36a3.89 3.89 0 1 0 5.5 5.5L10.5 11l2-2 .86-.86a3.889 3.889 0 1 0-5.5-5.5L7 3.5Zm.078 8.8 1.413-1.412A4.852 4.852 0 0 1 5.11 7.51L3.7 8.922A2.39 2.39 0 0 0 7.078 12.3Zm.892-6.33a.75.75 0 1 0 1.06 1.06l1.5-1.5a.75.75 0 1 0-1.06-1.06l-1.5 1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.5 2.255v-.01c.003-.03.013-.157-.361-.35C9.703 1.668 8.966 1.5 8 1.5c-.967 0-1.703.169-2.138.394-.375.194-.365.32-.362.351v.01c-.003.03-.013.157.362.35C6.297 2.832 7.033 3 8 3c.967 0 1.703-.169 2.139-.394.374-.194.364-.32.361-.351ZM8 4.5c.506 0 .99-.04 1.436-.118l.84 2.352.253.707.717.221c.648.2 1.055.44 1.277.65.192.18.227.31.227.438 0 .14-.055.488-.937.878-.869.384-2.2.622-3.813.622s-2.944-.238-3.813-.622c-.882-.39-.937-.738-.937-.878 0-.128.035-.259.227-.439.222-.209.629-.448 1.277-.649l.717-.221.253-.707.84-2.352c.445.079.93.118 1.436.118Zm4-2.25c0 .738-.433 1.294-1.136 1.669l.825 2.31c1.553.48 2.561 1.32 2.561 2.52 0 1.854-2.402 2.848-5.5 2.985V15a.75.75 0 0 1-1.5 0v-3.266c-3.098-.136-5.5-1.131-5.5-2.984 0-1.2 1.008-2.04 2.561-2.52l.825-2.311C4.433 3.544 4 2.988 4 2.25 4 .75 5.79 0 8 0s4 .75 4 2.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.5 2.255v-.01c.003-.03.013-.157-.361-.35C9.703 1.668 8.966 1.5 8 1.5c-.967 0-1.703.169-2.138.394-.375.194-.365.32-.362.351v.01c-.003.03-.013.157.362.35C6.297 2.832 7.033 3 8 3c.967 0 1.703-.169 2.139-.394.374-.194.364-.32.361-.351ZM12 2.25c0 .738-.433 1.294-1.136 1.669l.825 2.31c1.553.48 2.561 1.32 2.561 2.52 0 1.854-2.402 2.848-5.5 2.985V15a.75.75 0 0 1-1.5 0v-3.266c-3.098-.136-5.5-1.131-5.5-2.984 0-1.2 1.008-2.04 2.561-2.52l.825-2.311C4.433 3.544 4 2.988 4 2.25 4 .75 5.79 0 8 0s4 .75 4 2.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.5 2.255v-.01c.003-.03.013-.157-.361-.35C9.703 1.668 8.966 1.5 8 1.5c-.967 0-1.703.169-2.138.394-.375.194-.365.32-.362.351v.01c0 .008-.002.024.005.048L4.38 1.179C5.02.393 6.4 0 8 0c2.21 0 4 .75 4 2.25 0 .738-.433 1.294-1.136 1.669l.825 2.31c1.553.48 2.561 1.32 2.561 2.52 0 .617-.266 1.138-.734 1.565l-1.061-1.061c.27-.227.295-.41.295-.503 0-.128-.035-.259-.226-.439-.223-.209-.63-.448-1.278-.649l-.552-.17-.228-.228-.19-.53-.84-2.352a8.304 8.304 0 0 1-1.739.113l-1.96-1.96c.037.023.077.046.125.07C6.297 2.832 7.033 3 8 3c.967 0 1.703-.169 2.139-.394.374-.194.364-.32.361-.351Zm-.008 9.297 2.478 2.478a.75.75 0 1 0 1.06-1.06l-11-11a.75.75 0 0 0-1.06 1.06l2.567 2.567-.226.632C2.758 6.71 1.75 7.55 1.75 8.75c0 1.854 2.402 2.848 5.5 2.985V15a.75.75 0 0 0 1.5 0v-3.266a13.889 13.889 0 0 0 1.742-.182Zm-1.345-1.345L5.71 6.771l-.239.67-.717.221c-.648.2-1.055.44-1.277.65-.192.18-.227.31-.227.438 0 .14.055.488.937.878.869.384 2.2.622 3.813.622.4 0 .784-.015 1.147-.043Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.5 2.255v-.01c.003-.03.013-.157-.361-.35C9.703 1.668 8.966 1.5 8 1.5c-.967 0-1.703.169-2.138.394-.375.194-.365.32-.362.351v.01c0 .008-.002.024.005.048L4.38 1.179C5.02.393 6.4 0 8 0c2.21 0 4 .75 4 2.25 0 .738-.433 1.294-1.136 1.669l.825 2.31c1.553.48 2.561 1.32 2.561 2.52 0 .617-.266 1.138-.734 1.565L5.738 2.536c.035.022.076.045.124.07C6.297 2.83 7.033 3 8 3c.967 0 1.703-.169 2.139-.394.374-.194.364-.32.361-.351ZM4.537 5.597l-.226.632C2.758 6.71 1.75 7.55 1.75 8.75c0 1.854 2.402 2.848 5.5 2.985V15a.75.75 0 0 0 1.5 0v-3.266a13.889 13.889 0 0 0 1.742-.182l2.478 2.478a.75.75 0 1 0 1.06-1.06l-11-11a.75.75 0 0 0-1.06 1.06l2.567 2.567Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M0 1.75A.75.75 0 0 1 .75 1h6a.75.75 0 0 1 0 1.5H6.5v2.25a.5.5 0 0 0 .5.5h2.25A5.75 5.75 0 0 1 15 11v2.5h.25a.75.75 0 0 1 0 1.5h-6a.75.75 0 0 1 0-1.5h.25v-2.25a.5.5 0 0 0-.5-.5H6.75A5.75 5.75 0 0 1 1 5V2.5H.75A.75.75 0 0 1 0 1.75ZM11 13.5h2.5V11a4.25 4.25 0 0 0-4.25-4.25h-.5v2.5H9a2 2 0 0 1 2 2v2.25Zm-8.5-11H5v2.25a2 2 0 0 0 2 2h.25v2.5h-.5A4.25 4.25 0 0 1 2.5 5V2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5c1.63 0 3.094-.709 4.101-1.835A2.501 2.501 0 0 1 10.25 9.25V9a.75.75 0 0 0-.75-.75 2.25 2.25 0 0 1 0-4.5.75.75 0 0 0 .75-.75v-.02a5.502 5.502 0 0 0-7.471 3.287A2.25 2.25 0 0 1 4.75 8.5c0 .414.336.75.75.75a2.25 2.25 0 0 1 1.265 4.11c.397.092.81.14 1.235.14Zm-3.491-1.25H5.5a.75.75 0 0 0 0-1.5A2.25 2.25 0 0 1 3.25 8.5a.75.75 0 0 0-.744-.75 5.489 5.489 0 0 0 2.003 4.5Zm8.241-2h.27A5.48 5.48 0 0 0 13.5 8c0-1.665-.74-3.158-1.91-4.166A2.25 2.25 0 0 1 9.5 5.25a.75.75 0 0 0 0 1.5A2.25 2.25 0 0 1 11.75 9v.25a1 1 0 0 0 1 1ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M14.005 7.134 5.5 2.217a1 1 0 0 0-1.5.866v9.834a1 1 0 0 0 1.5.866l8.505-4.917a1 1 0 0 0 0-1.732Zm.751 3.03c1.665-.962 1.665-3.366 0-4.329L6.251.918C4.585-.045 2.5 1.158 2.5 3.083v9.834c0 1.925 2.085 3.128 3.751 2.164l8.505-4.917Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M14.756 10.164c1.665-.962 1.665-3.366 0-4.329L6.251.918C4.585-.045 2.5 1.158 2.5 3.083v9.834c0 1.925 2.085 3.128 3.751 2.164l8.505-4.917Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M15.53 1.53A.75.75 0 0 0 14.47.47l-1.29 1.29a4.243 4.243 0 0 0-5.423.483l-.58.58a.958.958 0 0 0 0 1.354l4.646 4.646a.958.958 0 0 0 1.354 0l.58-.58a4.243 4.243 0 0 0 .484-5.423l1.29-1.29Zm-8.5 4.94a.75.75 0 0 1 0 1.06L5.78 8.78l1.44 1.44 1.25-1.25a.75.75 0 0 1 1.06 1.06l-1.25 1.25.543.543a.958.958 0 0 1 0 1.354l-.58.58a4.243 4.243 0 0 1-5.423.484l-1.29 1.29A.75.75 0 0 1 .47 14.47l1.29-1.29a4.243 4.243 0 0 1 .483-5.423l.58-.58a.958.958 0 0 1 1.354 0l.543.543 1.25-1.25a.75.75 0 0 1 1.06 0ZM3.5 8.62l-.197.197a2.743 2.743 0 0 0 3.879 3.879l.197-.197L3.5 8.621Zm9.197-1.439-.197.197L8.621 3.5l.197-.197a2.743 2.743 0 0 1 3.879 3.879Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M11.89 4.111a5.5 5.5 0 0 0-7.78 0c-2.599 2.6-2.12 5.657-1.06 6.718a.75.75 0 0 0 1.06 0l.925-.925a3.09 3.09 0 0 1-.173-2.843l.547-1.23a1 1 0 0 1 1.62-.302l.19.19.75-.75A.75.75 0 1 1 9.03 6.03l-.75.75.94.94.75-.75a.75.75 0 1 1 1.06 1.06l-.75.75.19.19a1 1 0 0 1-.3 1.621l-1.231.547a3.089 3.089 0 0 1-2.843-.173l-.924.924a2.25 2.25 0 0 1-3.182 0C.222 10.122-.007 6.107 3.05 3.05a7 7 0 1 1 2.983 11.67.75.75 0 1 1 .42-1.44 5.5 5.5 0 0 0 5.436-9.168Zm-5.658 3.56.252-.566 2.411 2.411-.566.252A1.589 1.589 0 0 1 6.232 7.67Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 1.75a.75.75 0 0 1 .75.75v4.75h4.75a.75.75 0 0 1 0 1.5H8.75v4.75a.75.75 0 0 1-1.5 0V8.75H2.5a.75.75 0 0 1 0-1.5h4.75V2.5A.75.75 0 0 1 8 1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.75 1.75a.75.75 0 0 0-1.5 0v5.5a.75.75 0 0 0 1.5 0v-5.5ZM4.92 3.442A.75.75 0 1 0 4.08 2.2a7 7 0 1 0 7.841 0 .75.75 0 1 0-.841 1.242 5.5 5.5 0 1 1-6.159 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.75 2.5h-5.5a.75.75 0 0 0-.75.75V4h7v-.75a.75.75 0 0 0-.75-.75ZM13 4v-.75A2.25 2.25 0 0 0 10.75 1h-5.5A2.25 2.25 0 0 0 3 3.25V4a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h1v1a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-1h1a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3Zm-9 6v.5H3A1.5 1.5 0 0 1 1.5 9V7A1.5 1.5 0 0 1 3 5.5h10A1.5 1.5 0 0 1 14.5 7v2a1.5 1.5 0 0 1-1.5 1.5h-1V10a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2Zm6-.5H6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5Zm2.5-1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M9.235 1a.75.75 0 0 1 .74.56l2.034 7.726 1.09-1.908A.75.75 0 0 1 13.75 7h1.5a.75.75 0 0 1 0 1.5h-1.065l-1.784 3.122a.75.75 0 0 1-1.376-.181l-1.71-6.496-2.083 9.466a.75.75 0 0 1-1.446.07L3.544 7.55l-.65 1.085A.75.75 0 0 1 2.25 9H.75a.75.75 0 1 1 0-1.5h1.075l1.282-2.136a.75.75 0 0 1 1.357.155l1.898 5.868 2.156-9.798A.75.75 0 0 1 9.235 1Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.731 4H4.5A1.5 1.5 0 0 0 3 5.5v.377a2.72 2.72 0 0 1 0 5.246v.377A1.5 1.5 0 0 0 4.5 13h.377a2.72 2.72 0 0 1 5.246 0h.377a1.5 1.5 0 0 0 1.5-1.5v-1.232l1-.353a1.501 1.501 0 0 0 0-2.83l-1-.354V5.5A1.5 1.5 0 0 0 10.5 4H9.269l-.354-1a1.501 1.501 0 0 0-2.83 0l-.354 1ZM8.9 14.5l-.204-1.02a1.22 1.22 0 0 0-2.392 0L6.1 14.5H4.5a3 3 0 0 1-3-3V9.9l1.02-.204a1.22 1.22 0 0 0 0-2.392L1.5 7.1V5.5a3 3 0 0 1 3-3h.17a3.001 3.001 0 0 1 5.66 0h.17a3 3 0 0 1 3 3v.17a3.001 3.001 0 0 1 0 5.66v.17a3 3 0 0 1-3 3H8.9Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.75 2.25a.75.75 0 0 0-1.5 0v5h-5a.75.75 0 0 0 0 1.5h5.5a1 1 0 0 0 1-1v-5.5ZM7.25 11a1 1 0 0 1 1-1H11a.75.75 0 0 1 0 1.5H8.75v2.25a.75.75 0 0 1-1.5 0V11ZM13 13h-2.25a.75.75 0 0 0 0 1.5h2.75a1 1 0 0 0 1-1V8.25a1 1 0 0 0-1-1h-2.75a.75.75 0 0 0 0 1.5H13V13ZM3 4.5V3h1.5v1.5H3Zm-1.5-2a1 1 0 0 1 1-1H5a1 1 0 0 1 1 1V5a1 1 0 0 1-1 1H2.5a1 1 0 0 1-1-1V2.5Zm1.5 9V13h1.5v-1.5H3ZM2.5 10a1 1 0 0 0-1 1v2.5a1 1 0 0 0 1 1H5a1 1 0 0 0 1-1V11a1 1 0 0 0-1-1H2.5Zm9-5.5V3H13v1.5h-1.5Zm-1.5-2a1 1 0 0 1 1-1h2.5a1 1 0 0 1 1 1V5a1 1 0 0 1-1 1H11a1 1 0 0 1-1-1V2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M3.589 9.67A2.751 2.751 0 0 1 1.5 7v-.25A2.75 2.75 0 0 1 4.25 4h.25a2.747 2.747 0 0 1 2.748 2.657v.003h.002V7c0 .131-.01.26-.027.386-.02.261-.05.518-.09.77a8.028 8.028 0 0 1-.559 1.918 7.208 7.208 0 0 1-2.162 2.801 7.043 7.043 0 0 1-.098.076.237.237 0 0 1-.144.049.251.251 0 0 1-.22-.367 17.026 17.026 0 0 0 .65-1.384c.197-.474.396-1.013.557-1.578a2.712 2.712 0 0 1-.657.079h-.25c-.228 0-.45-.028-.661-.08Zm-.549 1.405A4.252 4.252 0 0 1 0 7v-.25A4.25 4.25 0 0 1 4.25 2.5h.25c1.452 0 2.733.728 3.5 1.838A4.245 4.245 0 0 1 11.5 2.5h.25A4.25 4.25 0 0 1 16 6.664V7c0 .183-.012.365-.035.543-.207 2.62-1.358 4.966-3.488 6.599a1.738 1.738 0 0 1-1.057.358c-1.341 0-2.146-1.425-1.548-2.564.111-.211.26-.508.418-.86a4.252 4.252 0 0 1-2.005-1.297 8.763 8.763 0 0 1-3.058 4.363 1.738 1.738 0 0 1-1.057.358c-1.341 0-2.146-1.425-1.548-2.564.111-.211.26-.508.418-.86Zm7.8-1.405c.211.052.433.08.661.08h.25a2.76 2.76 0 0 0 .657-.079 14.405 14.405 0 0 1-.68 1.865 17.927 17.927 0 0 1-.527 1.097.251.251 0 0 0 .22.367.238.238 0 0 0 .144-.049l.098-.076a7.207 7.207 0 0 0 2.221-2.94 8.027 8.027 0 0 0 .5-1.779 9.01 9.01 0 0 0 .09-.77A2.73 2.73 0 0 0 14.501 7v-.339H14.5v-.004A2.747 2.747 0 0 0 11.75 4h-.251a2.75 2.75 0 0 0-2.75 2.75V7c0 1.29.89 2.374 2.089 2.67Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M12.411 6.33A2.751 2.751 0 0 1 14.5 9v.25A2.75 2.75 0 0 1 11.75 12h-.25a2.747 2.747 0 0 1-2.748-2.657V9.34H8.75V9c0-.131.01-.26.027-.386.02-.261.05-.518.09-.77a8.028 8.028 0 0 1 .559-1.918 7.207 7.207 0 0 1 2.162-2.801l.098-.076A.238.238 0 0 1 11.83 3c.186 0 .306.202.22.367a18.552 18.552 0 0 0-.22.433 17.949 17.949 0 0 0-.43.951 14.39 14.39 0 0 0-.557 1.578l.054-.013a2.76 2.76 0 0 1 .603-.066h.25c.228 0 .45.028.661.08Zm.549-1.405A4.252 4.252 0 0 1 16 9v.25a4.25 4.25 0 0 1-4.25 4.25h-.25A4.245 4.245 0 0 1 8 11.662 4.245 4.245 0 0 1 4.5 13.5h-.25A4.25 4.25 0 0 1 0 9.336V9c0-.183.012-.365.035-.543.207-2.62 1.358-4.966 3.488-6.599A1.738 1.738 0 0 1 4.58 1.5c1.341 0 2.146 1.425 1.548 2.564-.111.211-.26.508-.418.86.788.234 1.481.69 2.005 1.297a8.763 8.763 0 0 1 3.058-4.363A1.738 1.738 0 0 1 11.83 1.5c1.341 0 2.146 1.425 1.548 2.564-.111.211-.26.508-.418.86ZM5.16 6.33a2.756 2.756 0 0 0-.661-.08h-.25a2.76 2.76 0 0 0-.657.079 14.398 14.398 0 0 1 .68-1.865A17.736 17.736 0 0 1 4.8 3.367.251.251 0 0 0 4.58 3a.238.238 0 0 0-.144.049 7.737 7.737 0 0 0-.93.844 7.208 7.208 0 0 0-1.39 2.172 8.029 8.029 0 0 0-.498 1.779 8.753 8.753 0 0 0-.091.77A2.773 2.773 0 0 0 1.5 9v.339h.001v.004A2.747 2.747 0 0 0 4.25 12h.251a2.75 2.75 0 0 0 2.75-2.75V9c0-1.29-.89-2.374-2.089-2.67Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.3 2 3.9.5 2 2v13.5l1.5-.776L4.9 14l2.4 1.5L9.7 14l2.4 1.5L14 14V.5l-1.5.776L11.1 2 8.7.5 6.3 2Zm2.4.269L7.095 3.272l-.795.497-.795-.497-1.504-.94-.501.395v10.308l.71-.367.76-.393.725.453L7.3 13.731l1.605-1.003.795-.497.795.497 1.504.94.501-.395V2.965l-.71.367-.76.393-.725-.453L8.7 2.269ZM5 6.5a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5A.75.75 0 0 1 5 6.5Zm.75 2.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M12.5 12.5h-9A1.5 1.5 0 0 1 2 11V9h3a.75.75 0 0 0 .648-.372l1.02-1.748 1.9 4.18a.75.75 0 0 0 1.33.068L11.43 8.5H14V11a1.5 1.5 0 0 1-1.5 1.5ZM14 7h-3a.75.75 0 0 0-.648.372L9.332 9.12l-1.9-4.18a.75.75 0 0 0-1.33-.068L4.57 7.5H2V5a1.5 1.5 0 0 1 1.5-1.5h9A1.5 1.5 0 0 1 14 5v2ZM3.5 14h9a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3h-9a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.5 3h2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5Zm-2 .5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-2Zm9-.5h2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5Zm-2 .5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-2Zm-3 6.5h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5Zm-2-1.5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2Zm7 1.5h2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5Zm-2 .5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M15.37 1.268a.75.75 0 0 0-.62-.634 7.745 7.745 0 0 0-7.516 3.055l-.156.212-2.59.112a.75.75 0 0 0-.433.16L.696 6.827a.75.75 0 0 0 .206 1.292L4.25 9.352c.673.273 1.13.56 1.484.913.352.353.64.811.913 1.484l1.234 3.35a.75.75 0 0 0 1.292.205l2.652-3.36a.75.75 0 0 0 .16-.431l.113-2.591.212-.156a7.745 7.745 0 0 0 3.058-7.498ZM4.794 5.501l1.144-.05-1.69 2.302-1.572-.58 2.118-1.672Zm4.032 7.822-.58-1.572 2.302-1.69-.05 1.145-1.672 2.117Zm5.127-11.277a6.246 6.246 0 0 0-5.511 2.531l-2.78 3.786c.425.237.8.51 1.132.842.332.332.606.707.842 1.133l3.786-2.78a6.246 6.246 0 0 0 2.53-5.512ZM2.378 13.952a5.36 5.36 0 0 1-.377.053 5.52 5.52 0 0 1 .05-.366c.104-.59.294-1.014.527-1.247.244-.244.694-.274 1.004.036.31.31.281.76.036 1.005-.223.223-.644.413-1.24.519ZM.48 15.069a7.796 7.796 0 0 1 .025-1.18c.082-.838.33-1.876 1.012-2.557.853-.854 2.253-.838 3.126.035.873.874.89 2.273.036 3.126-1.082 1.082-3.112 1.068-3.735 1.036a.487.487 0 0 1-.319-.145.486.486 0 0 1-.145-.316Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.22 2.28a.75.75 0 0 1 1.06-1.06 9.589 9.589 0 0 1 0 13.56.75.75 0 1 1-1.06-1.06 8.089 8.089 0 0 0 0-11.44Zm-6.44 0a.75.75 0 0 0-1.06-1.06 9.589 9.589 0 0 0 0 13.56.75.75 0 0 0 1.06-1.06 8.089 8.089 0 0 1 0-11.44Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.25 5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm0 1.5a2.751 2.751 0 0 1-2.646-2H4.577a.827.827 0 0 0-.238 1.619l7.753 2.326A2.327 2.327 0 0 1 11.423 13H6.396a2.751 2.751 0 1 1 0-1.5h5.027a.827.827 0 0 0 .238-1.619L3.908 7.556A2.327 2.327 0 0 1 4.577 3h5.027a2.751 2.751 0 1 1 2.646 3.5ZM5 12.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M5.042.156a.75.75 0 0 1 .83-.057c.832.475 1.507.75 2.156.886.644.134 1.304.139 2.116.023a.75.75 0 0 1 .83.94l-.562 2.06C12.957 5.758 14 10.142 14 12.75c0 2-3 3.25-6 3.25s-6-1.25-6-3.25c0-2.608 1.044-6.995 3.592-8.745L4.775.943a.75.75 0 0 1 .267-.787ZM7.992 5.6c.536.005 1.044-.116 1.605-.332.55.385 1.046.983 1.486 1.785a3.895 3.895 0 0 1-2.96.706.75.75 0 1 0-.246 1.48 5.408 5.408 0 0 0 3.83-.793c.543 1.494.793 3.122.793 4.303 0 .15-.114.568-1.046 1.033-.875.438-2.136.717-3.454.717s-2.579-.279-3.454-.717C3.614 13.318 3.5 12.9 3.5 12.75c0-.41.03-.874.092-1.368a8.153 8.153 0 0 0 5.251 1.112.75.75 0 1 0-.186-1.488c-1.719.215-3.356-.225-4.768-1.219.199-.808.477-1.627.84-2.37.485-.989 1.047-1.71 1.678-2.15.549.2 1.053.329 1.586.334ZM6.646 2.135l.479 1.793c.364.12.633.17.882.173.247.002.513-.042.87-.166l.368-1.347a6.67 6.67 0 0 1-2.599-.453Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.25 3h-4.5v10h2.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.5V3h-4.5a.75.75 0 0 1 0-1.5h10.5a.75.75 0 0 1 0 1.5ZM1.643 8.568l.007.018a1.454 1.454 0 0 0 2.7 0l.007-.018L3 5.854 1.643 8.568ZM3 4c-.46 0-.88.26-1.085.67L.2 8.099a1 1 0 0 0-.034.819l.09.226a2.954 2.954 0 0 0 5.486 0l.09-.226a1 1 0 0 0-.034-.819L4.085 4.671A1.214 1.214 0 0 0 3 4Zm8.643 4.568.007.018a1.454 1.454 0 0 0 2.7 0l.007-.018L13 5.854l-1.357 2.714ZM13 4c-.46 0-.88.26-1.085.67L10.2 8.099a1 1 0 0 0-.034.819l.09.226a2.954 2.954 0 0 0 5.486 0l.09-.226a1 1 0 0 0-.034-.819l-1.714-3.427A1.214 1.214 0 0 0 13 4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.983.843a.75.75 0 0 1-.576.89l-4.657.998V13h2.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.5V3.053l-4.343.93a.75.75 0 1 1-.314-1.466l10.5-2.25a.75.75 0 0 1 .89.576Zm-2.34 6.725.007.018a1.454 1.454 0 0 0 2.7 0l.007-.018L13 4.854l-1.357 2.714ZM13 3c-.46 0-.88.26-1.085.67L10.2 7.099a1 1 0 0 0-.034.819l.09.226a2.954 2.954 0 0 0 5.486 0l.09-.226a1 1 0 0 0-.034-.819l-1.714-3.427A1.214 1.214 0 0 0 13 3ZM1.643 9.568l.007.018a1.454 1.454 0 0 0 2.7 0l.007-.018L3 6.854 1.643 9.568ZM3 5c-.46 0-.88.26-1.085.67L.2 9.099a1 1 0 0 0-.034.819l.09.226a2.954 2.954 0 0 0 5.486 0l.09-.226a1 1 0 0 0-.034-.819L4.085 5.671A1.214 1.214 0 0 0 3 5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-3-1.5a3 3 0 0 0 4.524 2.585L6.939 8l-.915.915a3 3 0 1 0 1.06 1.06L8.122 8.94l5.501 3.209a.75.75 0 1 0 .756-1.296L9.488 8l4.89-2.852a.75.75 0 0 0-.756-1.296l-5.5 3.209-1.037-1.037A3 3 0 1 0 1.5 4.5Zm3 5.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M5.515 3.5h.621l.44-.44 1.07-1.07a.5.5 0 0 1 .708 0l1.07 1.07.44.44H12a.5.5 0 0 1 .5.5v2.136l.44.44 1.07 1.07a.5.5 0 0 1 0 .708l-1.07 1.07-.44.44V12a.5.5 0 0 1-.5.5H9.865l-.44.44-1.071 1.07a.5.5 0 0 1-.707 0l-1.072-1.07-.439-.44H4a.5.5 0 0 1-.5-.5V9.864l-.44-.44-1.07-1.07a.5.5 0 0 1 0-.708l1.07-1.07.44-.44V4a.5.5 0 0 1 .5-.5h1.515Zm3.9-2.571a2 2 0 0 0-2.83 0L5.516 2H4a2 2 0 0 0-2 2v1.515L.93 6.585a2 2 0 0 0 0 2.83L2 10.484V12a2 2 0 0 0 2 2h1.515l1.07 1.071a2 2 0 0 0 2.83 0L10.484 14H12a2 2 0 0 0 2-2v-1.515l1.071-1.07a2 2 0 0 0 0-2.83l-1.07-1.07V4a2 2 0 0 0-2-2h-1.516L9.415.929ZM11.1 6.45a.75.75 0 0 0-1.2-.9L7.42 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08l3-4Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M5.515 3.5h.621l.44-.44 1.07-1.07a.5.5 0 0 1 .708 0l1.07 1.07.44.44H12a.5.5 0 0 1 .5.5v2.136l.44.44 1.07 1.07a.5.5 0 0 1 0 .708l-1.07 1.07-.44.44V12a.5.5 0 0 1-.5.5H9.864l-.44.44-1.07 1.07a.5.5 0 0 1-.708 0l-1.07-1.07-.44-.44H4a.5.5 0 0 1-.5-.5V9.864l-.44-.44-1.07-1.07a.5.5 0 0 1 0-.708l1.07-1.07.44-.44V4a.5.5 0 0 1 .5-.5h1.515Zm3.9-2.571a2 2 0 0 0-2.83 0L5.516 2H4a2 2 0 0 0-2 2v1.515L.929 6.585a2 2 0 0 0 0 2.83L2 10.484V12a2 2 0 0 0 2 2h1.515l1.07 1.071a2 2 0 0 0 2.83 0L10.484 14H12a2 2 0 0 0 2-2v-1.515l1.071-1.07a2 2 0 0 0 0-2.83L14 5.516V4a2 2 0 0 0-2-2h-1.515L9.415.929ZM6.53 10.53l4-4a.75.75 0 1 0-1.06-1.06l-4 4a.75.75 0 1 0 1.06 1.06ZM11 10a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 3.5h8A1.5 1.5 0 0 1 13.5 5v2.25h-11V5A1.5 1.5 0 0 1 4 3.5ZM2.5 8.75V11A1.5 1.5 0 0 0 4 12.5h8a1.5 1.5 0 0 0 1.5-1.5V8.75h-11ZM1 5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5Zm2.75.5a.75.75 0 0 1 .75-.75H7a.75.75 0 0 1 0 1.5H4.5a.75.75 0 0 1-.75-.75Zm.75 4.25a.75.75 0 0 0 0 1.5H7a.75.75 0 0 0 0-1.5H4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M8 2.075 10.193 6H5.807L8 2.075ZM6.909.953a1.25 1.25 0 0 1 2.182 0l2.62 4.687A1.25 1.25 0 0 1 10.62 7.5H5.38a1.25 1.25 0 0 1-1.09-1.86L6.908.953ZM4 15.25a3.5 3.5 0 1 1 .001-6.999A3.5 3.5 0 0 1 4 15.25Zm2-3.5a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm8 1.75h-3.5V10H14v3.5ZM9 9.75c0-.69.56-1.25 1.25-1.25h4c.69 0 1.25.56 1.25 1.25v4c0 .69-.56 1.25-1.25 1.25h-4C9.56 15 9 14.44 9 13.75v-4Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M6.193 6 4 2.075 1.807 6h4.386ZM5.091.953a1.25 1.25 0 0 0-2.182 0L.289 5.64A1.25 1.25 0 0 0 1.38 7.5h5.24a1.25 1.25 0 0 0 1.09-1.86L5.092.953ZM2.534 14.929a3.5 3.5 0 1 0 2.932-6.36 3.5 3.5 0 0 0-2.932 6.36ZM4 13.75a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM15.28 1.22a.75.75 0 0 1 0 1.06l-5 5a.75.75 0 1 1-1.06-1.06l5-5a.75.75 0 0 1 1.06 0Zm-5.03 12.03v-3.5h3.5v3.5h-3.5ZM8.75 9.5c0-.69.56-1.25 1.25-1.25h4c.69 0 1.25.56 1.25 1.25v4c0 .69-.56 1.25-1.25 1.25h-4c-.69 0-1.25-.56-1.25-1.25v-4Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m3.003 4.702 4.22-2.025a1.796 1.796 0 0 1 1.554 0l4.22 2.025a.886.886 0 0 1 .503.8V6a8.55 8.55 0 0 1-3.941 7.201l-.986.631a1.063 1.063 0 0 1-1.146 0l-.986-.63A8.55 8.55 0 0 1 2.5 6v-.498c0-.341.196-.652.503-.8Zm3.57-3.377L2.354 3.35A2.387 2.387 0 0 0 1 5.502V6a10.05 10.05 0 0 0 4.632 8.465l.986.63a2.563 2.563 0 0 0 2.764 0l.986-.63A10.05 10.05 0 0 0 15 6v-.498c0-.918-.526-1.755-1.354-2.152l-4.22-2.025a3.296 3.296 0 0 0-2.852 0ZM8.47 9.97a.75.75 0 1 0 1.06 1.06c.575-.574 1.118-1.398 1.516-2.195.386-.772.704-1.653.704-2.335a.75.75 0 0 0-1.5 0c0 .318-.182.937-.546 1.665-.352.703-.809 1.379-1.234 1.805Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m3.003 4.702 4.22-2.025a1.796 1.796 0 0 1 1.554 0l4.22 2.025a.886.886 0 0 1 .503.8V6a8.55 8.55 0 0 1-3.941 7.201l-.986.631a1.063 1.063 0 0 1-1.146 0l-.986-.63A8.55 8.55 0 0 1 2.5 6v-.498c0-.341.196-.652.503-.8Zm3.57-3.377L2.354 3.35A2.387 2.387 0 0 0 1 5.502V6a10.05 10.05 0 0 0 4.632 8.465l.986.63a2.563 2.563 0 0 0 2.764 0l.986-.63A10.05 10.05 0 0 0 15 6v-.498c0-.918-.526-1.755-1.354-2.152l-4.22-2.025a3.296 3.296 0 0 0-2.852 0ZM11.1 6.45a.75.75 0 1 0-1.2-.9L7.419 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08l3-4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m3.003 4.702 4.22-2.025a1.796 1.796 0 0 1 1.554 0l4.22 2.025a.886.886 0 0 1 .503.8V6a8.55 8.55 0 0 1-3.941 7.201l-.986.631a1.063 1.063 0 0 1-1.146 0l-.986-.63A8.55 8.55 0 0 1 2.5 6v-.498c0-.341.196-.652.503-.8Zm3.57-3.377L2.354 3.35A2.387 2.387 0 0 0 1 5.502V6a10.05 10.05 0 0 0 4.632 8.465l.986.63a2.563 2.563 0 0 0 2.764 0l.986-.63A10.05 10.05 0 0 0 15 6v-.498c0-.918-.526-1.755-1.354-2.152l-4.22-2.025a3.296 3.296 0 0 0-2.852 0ZM8 4.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2A.75.75 0 0 1 8 4.75Zm1 5.75a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m3.003 4.702 4.22-2.025a1.796 1.796 0 0 1 1.554 0l4.22 2.025a.886.886 0 0 1 .503.8V6a8.55 8.55 0 0 1-3.941 7.201l-.986.631a1.063 1.063 0 0 1-1.146 0l-.986-.63A8.55 8.55 0 0 1 2.5 6v-.498c0-.341.196-.652.503-.8Zm3.57-3.377L2.354 3.35A2.387 2.387 0 0 0 1 5.502V6a10.05 10.05 0 0 0 4.632 8.465l.986.63a2.563 2.563 0 0 0 2.764 0l.986-.63A10.05 10.05 0 0 0 15 6v-.498c0-.918-.526-1.755-1.354-2.152l-4.22-2.025a3.296 3.296 0 0 0-2.852 0ZM9.5 7a1.5 1.5 0 0 1-.75 1.3v1.95a.75.75 0 0 1-1.5 0V8.3A1.5 1.5 0 1 1 9.5 7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.174 3h5.652a1.5 1.5 0 0 1 1.49 1.328l.808 7A1.5 1.5 0 0 1 11.634 13H4.366a1.5 1.5 0 0 1-1.49-1.672l.808-7A1.5 1.5 0 0 1 5.174 3Zm-2.98 1.156A3 3 0 0 1 5.174 1.5h5.652a3 3 0 0 1 2.98 2.656l.808 7a3 3 0 0 1-2.98 3.344H4.366a3 3 0 0 1-2.98-3.344l.808-7ZM5 5.25a.75.75 0 0 1 1.5 0v.25a1.5 1.5 0 1 0 3 0v-.25a.75.75 0 0 1 1.5 0v.25a3 3 0 0 1-6 0v-.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 4.5h1.307a2.193 2.193 0 0 1 2.109 2.795l-1.294 4.53A3 3 0 0 1 11.237 14H4.763a3 3 0 0 1-2.885-2.176L.584 7.295A2.193 2.193 0 0 1 2.693 4.5H4V3a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v1.5Zm-6.5 0V3a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v1.5h-5Zm5.737 8H4.763a1.5 1.5 0 0 1-1.442-1.088L2.027 6.883A.693.693 0 0 1 2.693 6h10.614a.693.693 0 0 1 .666.883l-1.294 4.53a1.5 1.5 0 0 1-1.442 1.087Zm-4.59-1.265a.75.75 0 0 1-.882-.588l-.5-2.5a.75.75 0 0 1 1.47-.294l.5 2.5a.75.75 0 0 1-.588.882Zm4.088-3.088a.75.75 0 1 0-1.47-.294l-.5 2.5a.75.75 0 1 0 1.47.294l.5-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.018 3.068 3.395 4.5 4.58 9.005a3 3 0 0 0 4.186 1.948l4.518-2.14A3 3 0 0 0 15 6.102V5a2 2 0 0 0-2-2H4.556l-.15-.535A2 2 0 0 0 2.48 1H.75a.75.75 0 0 0 0 1.5h1.73a.5.5 0 0 1 .482.366l.056.202Zm5.106 6.53 4.518-2.14a1.5 1.5 0 0 0 .858-1.356V5a.5.5 0 0 0-.5-.5H4.946L6.03 8.624a1.5 1.5 0 0 0 2.093.973ZM12 14.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5ZM4.75 13a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.75 12.5a.75.75 0 0 1 0-1.5h2.044c.86 0 1.644-.49 2.021-1.262L6.665 8l-.85-1.738A2.25 2.25 0 0 0 3.794 5H1.75a.75.75 0 1 1 0-1.5h2.044a3.75 3.75 0 0 1 3.369 2.103l.337.69.337-.69A3.75 3.75 0 0 1 11.206 3.5h1.233l-.97-.97a.75.75 0 0 1 1.061-1.06l2.25 2.25a.75.75 0 0 1 0 1.06l-2.25 2.25a.75.75 0 1 1-1.06-1.06l.97-.97h-1.234c-.86 0-1.644.49-2.021 1.262l-2.022 4.135A3.75 3.75 0 0 1 3.794 12.5H1.75Zm6.639-1.542.696-1.424.1.204A2.25 2.25 0 0 0 11.206 11h1.233l-.97-.97a.75.75 0 1 1 1.061-1.06l2.25 2.25a.75.75 0 0 1 0 1.06l-2.25 2.25a.75.75 0 1 1-1.06-1.06l.97-.97h-1.234a3.75 3.75 0 0 1-2.905-1.378c.031-.053.06-.108.088-.164Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.261 2.186c.337-.274.829-.154 1.044.223.197.344.09.777-.21 1.035A5.987 5.987 0 0 0 2 8a5.99 5.99 0 0 0 2.095 4.556c.3.258.407.69.21 1.035-.215.377-.707.497-1.044.223A7.485 7.485 0 0 1 .5 8a7.485 7.485 0 0 1 2.761-5.814Zm8.434.223c-.197.344-.09.777.21 1.035A5.986 5.986 0 0 1 14 8a5.986 5.986 0 0 1-2.095 4.556c-.3.258-.407.69-.21 1.035.215.377.707.497 1.044.223A7.485 7.485 0 0 0 15.5 8a7.485 7.485 0 0 0-2.761-5.814c-.337-.274-.829-.154-1.044.223ZM4.759 4.878c.315-.327.837-.21 1.062.184.19.33.097.744-.144 1.04A2.988 2.988 0 0 0 5 8c0 .72.254 1.381.677 1.899.241.295.333.708.144 1.04-.225.393-.747.51-1.062.183A4.485 4.485 0 0 1 3.5 8c0-1.213.48-2.313 1.26-3.122Zm5.42.184c-.19.33-.098.744.144 1.04C10.746 6.618 11 7.28 11 8s-.254 1.381-.677 1.899c-.242.295-.333.708-.144 1.04.225.393.747.51 1.062.183A4.484 4.484 0 0 0 12.5 8c0-1.213-.48-2.313-1.26-3.122-.314-.327-.836-.21-1.061.184ZM8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.5 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm1.405.75a3.001 3.001 0 0 1-5.81 0H1.747a.75.75 0 0 1 0-1.5h1.348a3.001 3.001 0 0 1 5.81 0h5.345a.75.75 0 0 1 0 1.5H8.905Zm-7.158 4.5h5.345a3.001 3.001 0 0 1 5.811 0h1.347a.75.75 0 1 1 0 1.5h-1.347a3.001 3.001 0 0 1-5.81 0H1.746a.75.75 0 0 1 0-1.5Zm8.25-.75a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.998 8.499a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm-.75-1.406a3.001 3.001 0 0 0 0 5.811v1.347a.75.75 0 0 0 1.5 0v-1.347a3.001 3.001 0 0 0 0-5.811V1.748a.75.75 0 0 0-1.5 0v5.345Zm-4.5 7.158V8.906a3.001 3.001 0 0 0 0-5.81V1.747a.75.75 0 1 0-1.5 0v1.347a3.001 3.001 0 0 0 0 5.811v5.345a.75.75 0 0 0 1.5 0Zm.75-8.25a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 4 12.5v-9A1.5 1.5 0 0 1 5.5 2h5A1.5 1.5 0 0 1 12 3.5Zm-1.5-3a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3h-5a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3h5ZM6.25 11a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.864 1.107a.75.75 0 1 1 .768 1.29 1.982 1.982 0 0 0-.397.414c-.205.287-.432.748-.477 1.44a2.112 2.112 0 0 1 .388 2.78l-.028.043a2.277 2.277 0 0 0-.266 1.982l.471 1.414A3.44 3.44 0 0 1 11.06 15H2.332A1.333 1.333 0 0 1 1 13.667c0-1.223.822-2.253 1.944-2.568C2.344 10.27 2 9.15 2 8c0-1.412.458-2.674 1.349-3.587C4.243 3.498 5.509 3 7 3c1.522 0 2.643.802 3.246 1.93.105-.169.23-.323.37-.46a3.463 3.463 0 0 1-.36-2 3.254 3.254 0 0 1 .293-.999l.036-.069.013-.023.005-.008.002-.004.001-.001v-.002a.75.75 0 1 1 1.285.778 1.762 1.762 0 0 0-.146.513 1.95 1.95 0 0 0 .207 1.132c.115-.02.232-.03.351-.034a4.122 4.122 0 0 1 .712-1.814 3.48 3.48 0 0 1 .548-.607 2.664 2.664 0 0 1 .263-.201l.022-.015.01-.005.003-.002.002-.001.001-.001ZM7.75 10.75c.877 0 1.57-.38 2.06-.94a5.188 5.188 0 0 0 1.165-2.169L11.401 6a.998.998 0 0 1 1.09-.74.6.6 0 0 1 .509.595.63.63 0 0 1-.102.344l-.028.043a3.776 3.776 0 0 0-.44 3.289l.47 1.413a1.941 1.941 0 0 1-1.84 2.556H2.511c.08-.565.567-1 1.155-1h.678a.905.905 0 0 0 .436-1.7C4.131 10.438 3.5 9.374 3.5 8c0-1.088.348-1.95.922-2.538C4.993 4.877 5.852 4.5 7 4.5c1.346 0 2.25 1.056 2.25 2.5 0 .639-.162 1.235-.437 1.646-.26.39-.604.604-1.063.604-.87 0-1.25-.568-1.25-1 0-.551.38-.75.5-.75A.75.75 0 0 0 7 6C5.89 6 5 7.04 5 8.25c0 1.329 1.12 2.5 2.75 2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.719 1.22a.75.75 0 0 1 1.06 0L8 2.44l1.22-1.22a.75.75 0 1 1 1.06 1.06L8.75 3.81V6.7l2.502-1.445.56-2.091a.75.75 0 1 1 1.45.388l-.447 1.667 1.667.447a.75.75 0 1 1-.388 1.449l-2.092-.56L9.5 7.998l2.502 1.445 2.091-.56a.75.75 0 0 1 .389 1.448l-1.667.447.447 1.667a.75.75 0 1 1-1.45.388l-.56-2.091L8.75 9.298v2.891l1.53 1.53a.75.75 0 0 1-1.062 1.06L8 13.561l-1.218 1.218a.75.75 0 1 1-1.061-1.06l1.529-1.53V9.3l-2.504 1.445-.56 2.088a.75.75 0 1 1-1.449-.388l.446-1.664-1.664-.446a.75.75 0 0 1 .388-1.449l2.09.56L6.5 7.999 3.996 6.553l-2.089.56a.75.75 0 1 1-.388-1.449l1.664-.446-.445-1.664a.75.75 0 0 1 1.448-.388l.56 2.088L7.25 6.7V3.81L5.719 2.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8 4a.75.75 0 0 0 0 1.5A2.5 2.5 0 0 1 10.5 8 .75.75 0 1 0 12 8a4 4 0 0 0-4-4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3h-7A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3Zm-7-1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3h-7A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3Zm-7-1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7Zm6 6H5.43a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h5.07a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1Zm-5.32-3h3.57a.75.75 0 0 1 0 1.5H5.18a.75.75 0 0 1 0-1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm3.75 5.498a.75.75 0 0 0 0 1.5h5.502a.75.75 0 0 0 0-1.5H5.25ZM4.5 8a.75.75 0 0 1 .75-.75h5.502a.75.75 0 0 1 0 1.5H5.25A.75.75 0 0 1 4.5 8Zm.75-3.498a.75.75 0 0 0 0 1.5h5.502a.75.75 0 0 0 0-1.5H5.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm8.5 6.251a.75.75 0 1 0 1.5 0V5.249a.75.75 0 0 0-1.5 0v5.502Zm-2 .75a.75.75 0 0 1-.75-.75V5.249a.75.75 0 0 1 1.5 0v5.502a.75.75 0 0 1-.75.75Zm-3.497-.75a.75.75 0 0 0 1.5 0V5.249a.75.75 0 1 0-1.5 0v5.502Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.75 1A2.25 2.25 0 0 0 1.5 3.25v9.5A2.25 2.25 0 0 0 3.75 15h.5a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 1-.75-.75v-9.5a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 0 0-1.5h-.5Zm8.5 14a2.25 2.25 0 0 0 2.25-2.25v-9.5A2.25 2.25 0 0 0 12.25 1h-.5a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 1 .75.75v9.5a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 0 0 1.5h.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 4.25a.75.75 0 0 1 .75-.75h1.01a.75.75 0 0 0 0-1.5H3.25A2.25 2.25 0 0 0 1 4.25v7.5A2.25 2.25 0 0 0 3.25 14h1.01a.75.75 0 0 0 0-1.5H3.25a.75.75 0 0 1-.75-.75v-7.5ZM11.74 2a.75.75 0 0 0 0 1.5h1.01a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75h-1.01a.75.75 0 0 0 0 1.5h1.01A2.25 2.25 0 0 0 15 11.75v-7.5A2.25 2.25 0 0 0 12.75 2h-1.01ZM8.75 5.75a.75.75 0 0 0-1.5 0v4.5a.75.75 0 0 0 1.5 0v-4.5Zm2-.75a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-4.5a.75.75 0 0 1 .75-.75ZM6 5.75a.75.75 0 0 0-1.5 0v4.5a.75.75 0 0 0 1.5 0v-4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.25 3.5a.75.75 0 0 0-.75.75v7.5c0 .414.336.75.75.75h1.01a.75.75 0 0 1 0 1.5H3.25A2.25 2.25 0 0 1 1 11.75v-7.5A2.25 2.25 0 0 1 3.25 2h1.01a.75.75 0 0 1 0 1.5H3.25Zm7.74-.75a.75.75 0 0 1 .75-.75h1.01A2.25 2.25 0 0 1 15 4.25v7.5A2.25 2.25 0 0 1 12.75 14h-1.01a.75.75 0 0 1 0-1.5h1.01a.75.75 0 0 0 .75-.75v-7.5a.75.75 0 0 0-.75-.75h-1.01a.75.75 0 0 1-.75-.75Zm-4.2 2.588a1.291 1.291 0 0 1 2.418 0l1.743 4.649a.75.75 0 1 1-1.404.526L9.168 9.5H6.832l-.38 1.013a.75.75 0 1 1-1.404-.526l1.743-4.65ZM7.395 8h1.21L8 6.386 7.395 8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm3.75 5.498a.75.75 0 0 0 0 1.5h2.002a.75.75 0 0 0 0-1.5H5.25ZM4.5 8a.75.75 0 0 1 .75-.75h5.502a.75.75 0 0 1 0 1.5H5.25A.75.75 0 0 1 4.5 8Zm.75-3.498a.75.75 0 0 0 0 1.5h3.502a.75.75 0 0 0 0-1.5H5.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm8.499 6.251a.75.75 0 0 0 1.5 0V8.749a.75.75 0 0 0-1.5 0v2.002Zm-1.998.75a.75.75 0 0 1-.75-.75V5.249a.75.75 0 1 1 1.5 0v5.502a.75.75 0 0 1-.75.75Zm-3.498-.75a.75.75 0 0 0 1.5 0V7.249a.75.75 0 1 0-1.5 0v3.502Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm10.092 1.46a.75.75 0 0 0-1.184-.92L7.43 8.869l-1.4-1.4A.75.75 0 0 0 4.97 8.53l2 2a.75.75 0 0 0 1.122-.07l3.5-4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3A1.5 1.5 0 0 0 3 4.5v1.75a.75.75 0 0 1-1.5 0V4.5a3 3 0 0 1 3-3h1.75a.75.75 0 0 1 0 1.5H4.5ZM9 2.25a.75.75 0 0 1 .75-.75h1.75a3 3 0 0 1 3 3v1.75a.75.75 0 0 1-1.5 0V4.5A1.5 1.5 0 0 0 11.5 3H9.75A.75.75 0 0 1 9 2.25ZM2.25 9a.75.75 0 0 1 .75.75v1.75A1.5 1.5 0 0 0 4.5 13h1.75a.75.75 0 0 1 0 1.5H4.5a3 3 0 0 1-3-3V9.75A.75.75 0 0 1 2.25 9Zm11.5 0a.75.75 0 0 1 .75.75v1.75a3 3 0 0 1-3 3H9.75a.75.75 0 0 1 0-1.5h1.75a1.5 1.5 0 0 0 1.5-1.5V9.75a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3 4.5A1.5 1.5 0 0 1 4.5 3h1.75a.75.75 0 0 0 0-1.5H4.5a3 3 0 0 0-3 3v1.75a.75.75 0 0 0 1.5 0V4.5Zm6.75-3a.75.75 0 0 0 0 1.5h1.75A1.5 1.5 0 0 1 13 4.5v1.75a.75.75 0 0 0 1.5 0V4.5a3 3 0 0 0-3-3H9.75ZM3 9.75a.75.75 0 0 0-1.5 0v1.75a3 3 0 0 0 3 3h1.75a.75.75 0 0 0 0-1.5H4.5A1.5 1.5 0 0 1 3 11.5V9.75Zm11.5 0a.75.75 0 0 0-1.5 0v1.75a1.5 1.5 0 0 1-1.5 1.5H9.75a.75.75 0 0 0 0 1.5h1.75a3 3 0 0 0 3-3V9.75ZM10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm1.5 0a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3A1.5 1.5 0 0 0 3 4.5v1.75a.75.75 0 0 1-1.5 0V4.5a3 3 0 0 1 3-3h1.75a.75.75 0 0 1 0 1.5H4.5ZM9 2.25a.75.75 0 0 1 .75-.75h1.75a3 3 0 0 1 3 3v1.75a.75.75 0 0 1-1.5 0V4.5A1.5 1.5 0 0 0 11.5 3H9.75A.75.75 0 0 1 9 2.25ZM2.25 9a.75.75 0 0 1 .75.75v1.75A1.5 1.5 0 0 0 4.5 13h1.75a.75.75 0 0 1 0 1.5H4.5a3 3 0 0 1-3-3V9.75A.75.75 0 0 1 2.25 9Zm11.5 0a.75.75 0 0 1 .75.75v1.75a3 3 0 0 1-3 3H9.75a.75.75 0 0 1 0-1.5h1.75a1.5 1.5 0 0 0 1.5-1.5V9.75a.75.75 0 0 1 .75-.75ZM6.791 5.338a1.291 1.291 0 0 1 2.418 0l1.743 4.649a.75.75 0 1 1-1.404.526L9.168 9.5H6.832l-.38 1.013a.75.75 0 1 1-1.404-.526l1.743-4.65ZM7.395 8h1.21L8 6.386 7.395 8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3 4.5A1.5 1.5 0 0 1 4.5 3h1.75a.75.75 0 0 0 0-1.5H4.5a3 3 0 0 0-3 3v1.75a.75.75 0 0 0 1.5 0V4.5Zm6.75-3a.75.75 0 0 0 0 1.5h1.75A1.5 1.5 0 0 1 13 4.5v1.75a.75.75 0 0 0 1.5 0V4.5a3 3 0 0 0-3-3H9.75ZM3 9.75a.75.75 0 0 0-1.5 0v1.75a3 3 0 0 0 3 3h1.75a.75.75 0 0 0 0-1.5H4.5A1.5 1.5 0 0 1 3 11.5V9.75Zm11.5 0a.75.75 0 0 0-1.5 0v1.75a1.5 1.5 0 0 1-1.5 1.5H9.75a.75.75 0 0 0 0 1.5h1.75a3 3 0 0 0 3-3V9.75ZM5.752 5.002a.75.75 0 1 0 0 1.5h1.5l-.002 3.75a.75.75 0 1 0 1.5 0l.002-3.75h1.5a.75.75 0 0 0 0-1.5h-4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3 4.5A1.5 1.5 0 0 1 4.5 3h1.75a.75.75 0 0 0 0-1.5H4.5a3 3 0 0 0-3 3v1.75a.75.75 0 0 0 1.5 0V4.5Zm6.75-3a.75.75 0 0 0 0 1.5h1.75A1.5 1.5 0 0 1 13 4.5v1.75a.75.75 0 0 0 1.5 0V4.5a3 3 0 0 0-3-3H9.75ZM3 9.75a.75.75 0 0 0-1.5 0v1.75a3 3 0 0 0 3 3h1.75a.75.75 0 0 0 0-1.5H4.5A1.5 1.5 0 0 1 3 11.5V9.75Zm11.5 0a.75.75 0 0 0-1.5 0v1.75a1.5 1.5 0 0 1-1.5 1.5H9.75a.75.75 0 0 0 0 1.5h1.75a3 3 0 0 0 3-3V9.75ZM5.752 4.502a.75.75 0 1 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-4.5Zm0 2.75a.75.75 0 1 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-4.5Zm0 2.75a.75.75 0 1 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.25 1.5a.75.75 0 0 1 0 1.5H4.5A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5V7.75a.75.75 0 0 1 1.5 0v3.75a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7a3 3 0 0 1 3-3h3.75Zm4.25 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3h-7A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3Zm-7-1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7Zm4.5 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM8.75 5a.75.75 0 0 0-1.5 0v2.5a.75.75 0 0 0 1.5 0V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3h-7A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3Zm-7-1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7Zm5.623 2.76a.75.75 0 0 1 .617.863l-.105.627h.865a.75.75 0 0 1 0 1.5h-1.115l-.25 1.5H11a.75.75 0 0 1 0 1.5H9.885l-.145.873a.75.75 0 1 1-1.48-.246l.105-.627h-1.48l-.145.873a.75.75 0 1 1-1.48-.246l.105-.627H4.5a.75.75 0 0 1 0-1.5h1.115l.25-1.5H5a.75.75 0 0 1 0-1.5h1.115l.145-.873a.75.75 0 1 1 1.48.246l-.105.627h1.48l.145-.873a.75.75 0 0 1 .863-.617ZM7.135 8.75h1.48l.25-1.5h-1.48l-.25 1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm5.25 0a.75.75 0 0 0-.75.75v5.5a.75.75 0 0 0 1.5 0V9.5h.75a2.5 2.5 0 0 0 0-5h-1.5ZM8.25 8H7.5V6h.75a1 1 0 0 1 0 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm4.5.25a.75.75 0 0 0 0 1.5h1.25v4.25a.75.75 0 0 0 1.5 0V6.25H10a.75.75 0 0 0 0-1.5H6Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm4.75.75a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm1 0A.75.75 0 0 1 8 4.5h2.75a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1-.75-.75ZM5.25 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm1 1.75a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM8 7.25a.75.75 0 0 0 0 1.5h2.75a.75.75 0 0 0 0-1.5H8Zm-.75 3.5A.75.75 0 0 1 8 10h2.75a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm4 2.75a.75.75 0 0 0 0 1.5h5a.75.75 0 0 0 0-1.5h-5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm7.25 1a.75.75 0 0 0-1.5 0v1.75H5.5a.75.75 0 0 0 0 1.5h1.75v1.75a.75.75 0 0 0 1.5 0V8.75h1.75a.75.75 0 0 0 0-1.5H8.75V5.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm5.03.97a.75.75 0 0 0-1.06 1.06L6.94 8 5.47 9.47a.75.75 0 1 0 1.06 1.06L8 9.06l1.47 1.47a.75.75 0 1 0 1.06-1.06L9.06 8l1.47-1.47a.75.75 0 1 0-1.06-1.06L8 6.94 6.53 5.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m9.194 5 .351.873.94.064 3.197.217-2.46 2.055-.722.603.23.914.782 3.108-2.714-1.704L8 10.629l-.798.5-2.714 1.705.782-3.108.23-.914-.723-.603-2.46-2.055 3.198-.217.94-.064.35-.874L8 2.025 9.194 5Zm-7.723-.292 3.943-.268L6.886.773C7.29-.231 8.71-.231 9.114.773l1.472 3.667 3.943.268c1.08.073 1.518 1.424.688 2.118L12.185 9.36l.964 3.832c.264 1.05-.886 1.884-1.802 1.31L8 12.4l-3.347 2.101c-.916.575-2.066-.26-1.802-1.309l.964-3.832L.783 6.826c-.83-.694-.391-2.045.688-2.118Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M6.886.773C7.29-.231 8.71-.231 9.114.773l1.472 3.667 3.943.268c1.08.073 1.518 1.424.688 2.118L12.185 9.36l.964 3.832c.264 1.05-.886 1.884-1.802 1.31L8 12.4l-3.347 2.101c-.916.575-2.066-.26-1.802-1.309l.964-3.832L.783 6.826c-.83-.694-.391-2.045.688-2.118l3.943-.268L6.886.773Z"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.513 2.452a.75.75 0 0 0-.526-1.404l-1.027.385A2.25 2.25 0 0 0 .5 3.539V6a4.75 4.75 0 0 0 4.274 4.727 4.75 4.75 0 0 0 9.476-.477v-.364a2.501 2.501 0 1 0-1.5 0v.364a3.25 3.25 0 0 1-6.477.39A4.752 4.752 0 0 0 10 6V3.54a2.25 2.25 0 0 0-1.46-2.107l-1.027-.385a.75.75 0 0 0-.526 1.404l1.026.385a.75.75 0 0 1 .487.702V6A3.25 3.25 0 1 1 2 6V3.54a.75.75 0 0 1 .487-.703l1.026-.385ZM13.5 8.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3h-7A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h3v-2.5a3 3 0 0 1 3-3H13v-3A1.5 1.5 0 0 0 11.5 3Zm1.303 6a1.503 1.503 0 0 1-.242.318l-3.243 3.243a1.503 1.503 0 0 1-.318.242V10.5A1.5 1.5 0 0 1 10.5 9h2.303Zm.818 1.379a3 3 0 0 0 .879-2.122V4.5a3 3 0 0 0-3-3h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h3.757a3 3 0 0 0 2.122-.879l3.242-3.242Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3h-7A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3Zm-7-1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.25 0a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5ZM13 9A5 5 0 1 1 3 9a5 5 0 0 1 10 0Zm1.5 0a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0Zm-2.28-7.28a.75.75 0 0 1 1.06 0l1.5 1.5a.75.75 0 0 1-1.06 1.06l-1.5-1.5a.75.75 0 0 1 0-1.06ZM8.75 6a.75.75 0 0 0-1.5 0v3a.75.75 0 0 0 .3.6l1.333 1a.75.75 0 1 0 .9-1.2L8.75 8.625V6Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M5.502 2.757C6.214 2.236 7.122 2 7.984 2c1.685 0 3.015.572 3.687 1.915a.75.75 0 1 1-1.342.67C10.001 3.928 9.331 3.5 7.984 3.5c-.611 0-1.19.17-1.597.467a1.46 1.46 0 0 0-.627 1.242c0 .404.165.76.463 1.041H4.447a2.89 2.89 0 0 1-.187-1.04c0-1.084.507-1.916 1.242-2.453Zm6.047 5.993h1.201a.75.75 0 0 0 0-1.5h-9.5a.75.75 0 0 0 0 1.5h5.475l.043.012h.002c1.196.323 1.98 1.005 1.98 1.988 0 .669-.289 1.063-.742 1.33-.5.296-1.222.437-2 .437-1.398 0-2.453-.473-2.796-1.504a.75.75 0 0 0-1.424.474c.657 1.969 2.602 2.53 4.22 2.53.915 0 1.94-.16 2.762-.644.869-.513 1.48-1.377 1.48-2.623 0-.822-.276-1.482-.7-2Z"></path><path d="M5.502 2.757C6.214 2.236 7.122 2 7.984 2c1.685 0 3.015.572 3.687 1.915a.75.75 0 1 1-1.342.67C10.001 3.93 9.331 3.5 7.984 3.5c-.611 0-1.19.17-1.597.468-.384.28-.627.678-.627 1.242 0 .403.165.758.463 1.04H4.447a2.89 2.89 0 0 1-.187-1.04c0-1.084.507-1.916 1.242-2.453Zm6.047 5.993h1.201a.75.75 0 0 0 0-1.5h-9.5a.75.75 0 0 0 0 1.5h5.475l.043.012h.002c1.196.323 1.98 1.005 1.98 1.988 0 .669-.289 1.063-.742 1.33-.5.296-1.222.437-2 .437-1.398 0-2.453-.472-2.796-1.504a.75.75 0 1 0-1.424.474c.657 1.969 2.602 2.53 4.22 2.53.915 0 1.94-.16 2.762-.644.869-.512 1.48-1.377 1.48-2.623 0-.822-.276-1.481-.7-2Z"></path></g></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9 1.5H7a.5.5 0 0 0-.5.5v1h3V2a.5.5 0 0 0-.5-.5ZM5 2v1a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3V2a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2Zm4.5 2.5H11A1.5 1.5 0 0 1 12.5 6v6a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V6A1.5 1.5 0 0 1 5 4.5h4.5ZM5.75 6a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 3a.75.75 0 0 1-.75-.75V.75a.75.75 0 1 1 1.5 0v1.5A.75.75 0 0 1 8 3Zm0 7.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-.75 3.25a.75.75 0 0 0 1.5 0v-1.5a.75.75 0 0 0-1.5 0v1.5ZM13 8a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 0 1.5h-1.5A.75.75 0 0 1 13 8ZM.75 7.25a.75.75 0 1 0 0 1.5h1.5a.75.75 0 0 0 0-1.5H.75Zm10.786-2.786a.75.75 0 0 1 0-1.06l1.06-1.06a.75.75 0 0 1 1.06 1.06l-1.06 1.06a.75.75 0 0 1-1.06 0Zm-9.193 8.132a.75.75 0 0 0 1.06 1.06l1.062-1.06a.75.75 0 0 0-1.061-1.06l-1.06 1.06Zm9.193-1.06a.75.75 0 0 1 1.06 0l1.06 1.06a.75.75 0 0 1-1.06 1.06l-1.06-1.06a.75.75 0 0 1 0-1.06ZM3.404 2.343a.75.75 0 0 0-1.06 1.06l1.06 1.061a.75.75 0 1 0 1.06-1.06l-1.06-1.06Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m13.06 8.818-4.869 4.87a1 1 0 0 1-1.408.006l-4.45-4.37a1 1 0 0 1-.012-1.414l4.868-4.96a1.5 1.5 0 0 1 1.07-.45H12.5a1 1 0 0 1 1 1v4.257a1.5 1.5 0 0 1-.44 1.061Zm-6.942-6.92A3 3 0 0 1 8.259 1H12.5A2.5 2.5 0 0 1 15 3.5v4.257a3 3 0 0 1-.879 2.122l-4.87 4.87a2.5 2.5 0 0 1-3.519.015l-4.45-4.37a2.5 2.5 0 0 1-.032-3.535L6.118 1.9ZM10.5 6.5a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m7.182 2.94-4.87 4.869a1 1 0 0 0-.006 1.408l4.37 4.45a1 1 0 0 0 1.414.012l4.96-4.868a1.5 1.5 0 0 0 .45-1.07V3.5a1 1 0 0 0-1-1H8.243a1.5 1.5 0 0 0-1.061.44Zm6.92 6.942A3 3 0 0 0 15 7.741V3.5A2.5 2.5 0 0 0 12.5 1H8.243a3 3 0 0 0-2.122.879l-4.87 4.87a2.5 2.5 0 0 0-.015 3.519l4.37 4.45a2.5 2.5 0 0 0 3.535.032l4.96-4.868Zm-3.72-5.324a2.477 2.477 0 0 0-1.045-.38 1.95 1.95 0 0 0-1.616.57c-.54.54-.56 1.23-.437 1.767.119.526.394 1.029.637 1.41.254.4.46.732.549 1.033.073.249.036.352-.072.46-.072.072-.182.124-.417.066-.253-.064-.569-.247-.855-.533a1.773 1.773 0 0 1-.469-.879c-.069-.329-.023-.57.034-.68a.75.75 0 1 0-1.33-.693c-.263.506-.289 1.125-.172 1.682.07.332.196.67.382.988l-.253.252a.75.75 0 0 0 1.06 1.061l.222-.221a3.12 3.12 0 0 0 1.018.478c.6.15 1.301.079 1.84-.46.612-.612.626-1.346.451-1.943-.153-.522-.472-1.022-.694-1.37l-.029-.046c-.213-.334-.378-.664-.44-.937-.06-.261-.002-.337.036-.374a.451.451 0 0 1 .392-.14c.172.02.445.126.777.457.33.33.447.6.482.79a.832.832 0 0 1-.067.513.75.75 0 1 0 1.362.627c.18-.392.281-.879.179-1.42a2.712 2.712 0 0 0-.446-1.036l.221-.221a.75.75 0 1 0-1.06-1.06l-.24.239Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m7.182 2.94-4.87 4.869a1 1 0 0 0-.006 1.408l4.37 4.45a1 1 0 0 0 1.414.012l4.96-4.868a1.5 1.5 0 0 0 .45-1.07V3.5a1 1 0 0 0-1-1H8.243a1.5 1.5 0 0 0-1.061.44Zm6.92 6.942A3 3 0 0 0 15 7.741V3.5A2.5 2.5 0 0 0 12.5 1H8.243a3 3 0 0 0-2.122.879l-4.87 4.87a2.5 2.5 0 0 0-.015 3.519l4.37 4.45a2.5 2.5 0 0 0 3.535.032l4.96-4.868Zm-3.908-5.844a.75.75 0 0 0-1.06 0L7.366 5.805l-.088-.088a.75.75 0 0 0-1.06 1.06l.087.09-.353.353-.088-.089a.75.75 0 0 0-1.061 1.061l.088.088-.353.354a.75.75 0 0 0 1.06 1.06l.354-.353 1.06 1.06a.75.75 0 1 0 1.061-1.06l-1.06-1.06.353-.354.796.795a2.375 2.375 0 0 0 3.358-3.358l-1.325-1.326Zm-.972 3.624-.795-.796L9.664 5.63l.796.795a.875.875 0 0 1-1.238 1.238Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m10.884 6.995-4.12 4.12a.75.75 0 0 1-1.055.005L1.906 7.395a.75.75 0 0 1-.011-1.06l4.118-4.21a1.25 1.25 0 0 1 .894-.375H10.5a.75.75 0 0 1 .75.75v3.61c0 .332-.132.65-.366.885ZM4.94 1.077A2.75 2.75 0 0 1 6.907.25H10.5a2.25 2.25 0 0 1 2.25 2.25v.75h.75a2.25 2.25 0 0 1 2.25 2.25v3.61c0 .73-.29 1.43-.806 1.946l-4.12 4.12a2.25 2.25 0 0 1-3.165.016l-3.803-3.726a2.264 2.264 0 0 1-.286-.341L.856 8.466a2.25 2.25 0 0 1-.033-3.18l4.118-4.21Zm2.242 11.548a2.25 2.25 0 0 0 .642-.45L11.52 8.48a1.25 1.25 0 0 0 1.206-2.01c.015-.118.023-.237.023-.358V4.75h.75a.75.75 0 0 1 .75.75v3.61c0 .332-.132.65-.366.885l-4.12 4.12a.75.75 0 0 1-1.055.005l-1.526-1.495ZM8.75 5.5a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm0-4.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0-3a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.293 0c.39 0 .707.317.707.707V2h1.293a.707.707 0 0 1 .5 1.207l-1.46 1.46A1.138 1.138 0 0 1 13.53 5h-1.47L8.53 8.53a.75.75 0 0 1-1.06-1.06L11 3.94V2.47c0-.301.12-.59.333-.804l1.46-1.46a.707.707 0 0 1 .5-.207ZM2.5 8a5.5 5.5 0 0 1 6.598-5.39.75.75 0 0 0 .298-1.47A7 7 0 1 0 14.86 6.6a.75.75 0 0 0-1.47.299A5.5 5.5 0 1 1 2.5 8Zm5.364-2.496a.75.75 0 0 0-.08-1.498A4 4 0 1 0 11.988 8.3a.75.75 0 0 0-1.496-.111 2.5 2.5 0 1 1-2.63-2.686Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 3.5H4A1.5 1.5 0 0 0 2.5 5v6A1.5 1.5 0 0 0 4 12.5h8a1.5 1.5 0 0 0 1.5-1.5V5A1.5 1.5 0 0 0 12 3.5ZM4 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H4Zm.47 8.53a.75.75 0 0 1 0-1.06L5.94 8 4.47 6.53a.75.75 0 0 1 1.06-1.06l2 2a.75.75 0 0 1 0 1.06l-2 2a.75.75 0 0 1-1.06 0ZM8.75 9.5a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.22 11.22a.75.75 0 1 0 1.06 1.06l3.75-3.75a.75.75 0 0 0 0-1.06L2.28 3.72a.75.75 0 0 0-1.06 1.06L4.44 8l-3.22 3.22Zm13.03 1.28a.75.75 0 0 0 0-1.5h-6.5a.75.75 0 0 0 0 1.5h6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.279 2.544A.75.75 0 0 1 4 2h8a.75.75 0 0 1 .721.544l.5 1.75a.75.75 0 1 1-1.442.412L11.434 3.5H8.75l-.004 9H9.5a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.746l.004-9H4.566L4.22 4.706a.75.75 0 1 1-1.442-.412l.5-1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.75 2a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75Zm0 7a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75Zm2 3.5a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5ZM4 6.25a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 0 1.5h-6.5A.75.75 0 0 1 4 6.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.75 2a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75ZM2 6.25a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 6.25ZM2.75 9a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75Zm0 3.5a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.75 2a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75Zm0 7a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75Zm0 3.5a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5ZM2 6.25a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 0 1.5h-6.5A.75.75 0 0 1 2 6.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.75 2a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75ZM6 6.25a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 0 1.5h-6.5A.75.75 0 0 1 6 6.25ZM2.75 9a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75Zm4 3.5a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.25 2H2.75a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5Zm0 3.5h-5.5a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5Zm0 3.5h-5.5a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5Zm-10.5 3.5h10.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5Zm.49-7a.74.74 0 0 1 .463.162l1.906 1.526a1.04 1.04 0 0 1 0 1.624l-1.906 1.526A.74.74 0 0 1 2.5 9.76V6.24a.74.74 0 0 1 .74-.74Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.25 2H2.75a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5Zm0 3.5h-5.5a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5Zm0 3.5h-5.5a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5Zm-10.5 3.5h10.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5Zm2.01-7a.74.74 0 0 0-.463.162L2.39 7.188a1.04 1.04 0 0 0 0 1.624l1.907 1.526A.74.74 0 0 0 5.5 9.76V6.24a.74.74 0 0 0-.74-.74Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m12 9-2.94 5.041a1.932 1.932 0 0 1-3.56-1.378l.25-1.163.321-1.5h-2.94a2 2 0 0 1-1.927-2.535l.879-3.162A4 4 0 0 1 6.404 1.4L11.5 2l.5 7ZM6.229 2.89l3.863.455.379 5.3-2.708 4.64a.432.432 0 0 1-.796-.308l.571-2.663.389-1.814H3.13a.5.5 0 0 1-.482-.634l.879-3.162a2.5 2.5 0 0 1 2.7-1.814Zm7.023 5.663a.75.75 0 1 0 1.496-.106l-.5-7a.75.75 0 0 0-1.496.106l.5 7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M8.9 14.315a1.38 1.38 0 0 1-2.542-.984L7.07 10H3.131a2 2 0 0 1-1.927-2.535l.879-3.162A4 4 0 0 1 6.404 1.4L11.5 2l.5 7-3.1 5.315Zm4.352-5.762a.75.75 0 1 0 1.496-.106l-.5-7a.75.75 0 0 0-1.496.106l.5 7Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m4 7 2.94-5.041a1.932 1.932 0 0 1 3.56 1.378L10.25 4.5 9.93 6h2.94a2 2 0 0 1 1.927 2.535l-.879 3.162A4 4 0 0 1 9.596 14.6L4.5 14 4 7Zm5.771 6.11-3.863-.455-.379-5.3 2.708-4.64a.432.432 0 0 1 .796.308l-.571 2.663L8.073 7.5h4.796a.5.5 0 0 1 .482.634l-.879 3.162a2.5 2.5 0 0 1-2.7 1.814ZM2.748 7.447a.75.75 0 1 0-1.496.106l.5 7a.75.75 0 0 0 1.496-.106l-.5-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="m13.345 2.978-.135.609-.33 1.5h1.158A2 2 0 0 1 16 7.472l-.259 1.321a4 4 0 0 1-4.322 3.21 4 4 0 0 1-4.286 2.767l-3.984-.473-.48-6.352 2.813-4.564a1.854 1.854 0 0 1 3.427.826l1.452-2.418a1.627 1.627 0 0 1 2.984 1.189Zm-4.38 4.06.215-.37 2.467-4.106a.127.127 0 0 1 .233.092l-.465 2.11-.403 1.823h3.027a.5.5 0 0 1 .49.596l-.26 1.321a2.5 2.5 0 0 1-2.528 2.018l.219-1.09A2 2 0 0 0 10 7.037H8.964ZM4.55 12.952l2.759.328a2.5 2.5 0 0 0 2.745-1.99l.434-2.155a.5.5 0 0 0-.49-.599H6.476l.414-1.83.515-2.275a.354.354 0 0 0-.646-.264L4.2 8.318l.35 4.635ZM.695 7.651a.75.75 0 0 1 .804.691l.478 6.353a.75.75 0 0 1-1.495.112L.004 8.455a.75.75 0 0 1 .691-.804Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.1 1.685a1.38 1.38 0 0 1 2.542.984L8.93 6h3.939a2 2 0 0 1 1.927 2.535l-.879 3.162A4 4 0 0 1 9.596 14.6L4.5 14 4 7l3.1-5.315ZM2.749 7.447a.75.75 0 1 0-1.496.106l.5 7a.75.75 0 0 0 1.496-.106l-.5-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m7.835 6 .76-2.027L9.336 2H5.5a.716.716 0 0 0-.664.45L2.513 8.257a.177.177 0 0 0 .164.243h4.965l-.732 2.013-1.082 2.975a.382.382 0 0 0 .637.392l6.956-7.391A.29.29 0 0 0 13.21 6H7.835Zm1.558-4.154ZM10.563 3l.235-.627A1.386 1.386 0 0 0 9.5.5h-4c-.906 0-1.72.552-2.057 1.393L1.12 7.7A1.677 1.677 0 0 0 2.677 10H5.5l-.545 1.5-.537 1.475a1.882 1.882 0 0 0 3.14 1.933l6.956-7.391A1.79 1.79 0 0 0 13.21 4.5H10l.563-1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="m14.61 6.914-7.632 8.08a1.614 1.614 0 0 1-2.69-1.66L5.5 10H2.677A1.677 1.677 0 0 1 1.12 7.7l2.323-5.807A2.216 2.216 0 0 1 5.5.5h4c.968 0 1.637.967 1.298 1.873L10 4.5h3.569a1.431 1.431 0 0 1 1.04 2.414Z"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M11.091 2.318a.986.986 0 0 1 .106 1.485L11 4a.707.707 0 0 0 1 1l.197-.197a1.02 1.02 0 0 1 .288-.2.986.986 0 0 1 1.197.306l1.243 1.658c.575.766.36 1.862-.461 2.355a16.158 16.158 0 0 0-5.542 5.542 1.616 1.616 0 0 1-2.355.461l-1.658-1.243a.986.986 0 0 1-.106-1.485L5 12a.707.707 0 1 0-1-1l-.197.197a.968.968 0 0 1-.288.2.986.986 0 0 1-1.197-.306L1.075 9.433a1.616 1.616 0 0 1 .461-2.355 16.158 16.158 0 0 0 5.542-5.542 1.616 1.616 0 0 1 2.355-.461l1.658 1.243Zm-2.558-.043 1.201.9a2.208 2.208 0 0 0 3.09 3.09l.901 1.202a.116.116 0 0 1-.033.169 17.658 17.658 0 0 0-6.057 6.056.116.116 0 0 1-.168.033l-1.201-.9a2.208 2.208 0 0 0-3.09-3.09l-.901-1.202a.116.116 0 0 1 .033-.168 17.658 17.658 0 0 0 6.056-6.057.116.116 0 0 1 .17-.033ZM7.53 6.47a.75.75 0 1 0-1.06 1.06l2 2a.75.75 0 0 0 1.06-1.06l-2-2Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.25 1.25v13.5a.75.75 0 0 0 1.5 0V1.25a.75.75 0 0 0-1.5 0ZM2.5 2H6v1.5H2.5a1 1 0 0 0-1 1v1.75a1 1 0 0 0 1 1H6v1.5h-.5a1 1 0 0 0-1 1v1.75a1 1 0 0 0 1 1H6V14h-.5A2.5 2.5 0 0 1 3 11.5V9.75c0-.356.074-.694.208-1H2.5A2.5 2.5 0 0 1 0 6.25V4.5A2.5 2.5 0 0 1 2.5 2Zm8 5.25H10v1.5h3.5a1 1 0 0 1 1 1v1.75a1 1 0 0 1-1 1H10V14h3.5a2.5 2.5 0 0 0 2.5-2.5V9.75a2.5 2.5 0 0 0-2.5-2.5h-.708c.134-.306.208-.644.208-1V4.5A2.5 2.5 0 0 0 10.5 2H10v1.5h.5a1 1 0 0 1 1 1v1.75a1 1 0 0 1-1 1Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.5 12.75a2.75 2.75 0 0 0-2-2.646V8.75h2.25a.75.75 0 0 0 0-1.5h-6V5.896a2.752 2.752 0 0 0 2-2.646 2.75 2.75 0 1 0-3.5 2.646V7.25h-6a.75.75 0 0 0 0 1.5H3.5v1.354a2.752 2.752 0 0 0-2 2.646A2.75 2.75 0 1 0 5 10.104V8.75h6v1.354a2.751 2.751 0 1 0 3.5 2.646ZM11.75 14a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM8 4.5A1.25 1.25 0 1 0 8 2a1.25 1.25 0 0 0 0 2.5ZM4.25 14a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 12.5v-9A1.5 1.5 0 0 1 6 2h4a1.5 1.5 0 0 1 1.5 1.5v9A1.5 1.5 0 0 1 10 14H6a1.5 1.5 0 0 1-1.5-1.5Zm10.374-7.834L13 7.477v.773h1.25a.75.75 0 0 1 .624 1.166L13 12.227v.273a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-.273L1.126 9.416A.75.75 0 0 1 1.75 8.25H3v-.773L1.126 4.666A.75.75 0 0 1 1.75 3.5H3a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3h1.25a.75.75 0 0 1 .624 1.166ZM8 7.25a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Zm0 5a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9 2H7a.5.5 0 0 0-.5.5V3h3v-.5A.5.5 0 0 0 9 2Zm2 1v-.5a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2V3H2.251a.75.75 0 0 0 0 1.5h.312l.317 7.625A3 3 0 0 0 5.878 15h4.245a3 3 0 0 0 2.997-2.875l.318-7.625h.312a.75.75 0 0 0 0-1.5H11Zm.936 1.5H4.064l.315 7.562A1.5 1.5 0 0 0 5.878 13.5h4.245a1.5 1.5 0 0 0 1.498-1.438l.315-7.562Zm-6.186 2v5a.75.75 0 0 0 1.5 0v-5a.75.75 0 0 0-1.5 0Zm3.75-.75a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0v-5a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8.5h-2.388a3.422 3.422 0 0 1-6.224 0H2.5V11A1.5 1.5 0 0 0 4 12.5h8a1.5 1.5 0 0 0 1.5-1.5V8.5Zm-2.204-4.757L13.251 7H10l-.136.545a1.921 1.921 0 0 1-3.728 0L6 7H2.75l1.954-3.257a.5.5 0 0 1 .428-.243h5.736a.5.5 0 0 1 .428.243ZM15 8.5v-.67a3 3 0 0 0-.428-1.543l-1.99-3.316A2 2 0 0 0 10.869 2H5.132a2 2 0 0 0-1.715.971l-1.99 3.316A3 3 0 0 0 1 7.831V11a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V8.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.134 13.005 2.217 4.5A1 1 0 0 1 3.083 3h9.834a1 1 0 0 1 .866 1.5l-4.917 8.505a1 1 0 0 1-1.732 0Zm3.03.751c-.962 1.665-3.366 1.665-4.329 0L.918 5.251C-.045 3.584 1.158 1.5 3.083 1.5h9.834c1.925 0 3.128 2.084 2.164 3.751l-4.917 8.505Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M10.164 13.756c-.962 1.665-3.366 1.665-4.329 0L.918 5.251C-.045 3.584 1.158 1.5 3.083 1.5h9.834c1.925 0 3.128 2.084 2.164 3.751l-4.917 8.505Z"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.134 2.994 2.217 11.5a1 1 0 0 0 .866 1.5h9.834a1 1 0 0 0 .866-1.5L8.866 2.993a1 1 0 0 0-1.732 0Zm3.03-.75c-.962-1.665-3.366-1.665-4.328 0L.919 10.749c-.964 1.666.239 3.751 2.164 3.751h9.834c1.925 0 3.128-2.085 2.164-3.751l-4.917-8.505ZM8 5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2A.75.75 0 0 1 8 5Zm1 5.75a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.836 2.244c.962-1.665 3.366-1.665 4.328 0l4.917 8.505c.964 1.666-.239 3.751-2.164 3.751H3.083c-1.925 0-3.128-2.085-2.164-3.751l4.917-8.505ZM8 5a.75.75 0 0 1 .75.75v2a.75.75 0 1 1-1.5 0v-2A.75.75 0 0 1 8 5Zm1 5.75a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.995 7.134 11.5 2.217a1 1 0 0 1 1.5.866v9.834a1 1 0 0 1-1.5.866L2.995 8.866a1 1 0 0 1 0-1.732Zm-.751 3.03c-1.665-.962-1.665-3.366 0-4.329L10.749.918c1.666-.963 3.751.24 3.751 2.165v9.834c0 1.925-2.085 3.128-3.751 2.164l-8.505-4.917Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M2.244 10.164c-1.665-.962-1.665-3.366 0-4.328L10.749.919c1.666-.964 3.751.239 3.751 2.164v9.834c0 1.925-2.085 3.128-3.751 2.164l-8.505-4.917Z"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.005 7.134 4.5 2.217a1 1 0 0 0-1.5.866v9.834a1 1 0 0 0 1.5.866l8.505-4.917a1 1 0 0 0 0-1.732Zm.751 3.03c1.665-.962 1.665-3.366 0-4.329L5.251.918C3.584-.045 1.5 1.158 1.5 3.083v9.834c0 1.925 2.084 3.128 3.751 2.164l8.505-4.917Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M13.756 10.164c1.665-.962 1.665-3.366 0-4.328L5.251.919C3.584-.045 1.5 1.158 1.5 3.083v9.834c0 1.925 2.084 3.128 3.751 2.164l8.505-4.917Z"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.134 2.994 2.217 11.5a1 1 0 0 0 .866 1.5h9.834a1 1 0 0 0 .866-1.5L8.866 2.993a1 1 0 0 0-1.732 0Zm3.03-.75c-.962-1.665-3.366-1.665-4.329 0L.918 10.749c-.963 1.666.24 3.751 2.165 3.751h9.834c1.925 0 3.128-2.085 2.164-3.751l-4.917-8.505ZM8.671 6.585a.75.75 0 0 0-1.342-.67l-1.25 2.5a.75.75 0 0 0 .67 1.085h1.287l-.707 1.415a.75.75 0 1 0 1.342.67l1.25-2.5A.75.75 0 0 0 9.25 8H7.963l.708-1.415Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.134 2.995 2.217 11.5a1 1 0 0 0 .866 1.5h9.834a1 1 0 0 0 .866-1.5L8.866 2.995a1 1 0 0 0-1.732 0Zm3.03-.751c-.962-1.665-3.366-1.665-4.329 0L.918 10.749c-.963 1.666.24 3.751 2.165 3.751h9.834c1.925 0 3.128-2.085 2.164-3.751l-4.917-8.505Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M10.164 2.244c-.962-1.665-3.366-1.665-4.329 0L.918 10.749c-.963 1.666.24 3.751 2.165 3.751h9.834c1.925 0 3.128-2.085 2.164-3.751l-4.917-8.505Z"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.988 11A1.5 1.5 0 1 0 7 11h-.012ZM10 12.476v.024a3 3 0 1 1-4.473-2.614l-1.955-7.33A.75.75 0 0 0 2.848 2H1.25a.75.75 0 0 1 0-1.5h1.598a2.25 2.25 0 0 1 2.174 1.67l.542 2.035a2.251 2.251 0 0 1 .69-.317l4.602-1.231A2.25 2.25 0 0 1 13.61 4.25l1.228 4.607a2.25 2.25 0 0 1-1.595 2.753L10 12.476Zm1.243-8.37a.75.75 0 0 1 .919.531l1.227 4.607a.75.75 0 0 1-.531.918l-3.244.865A2.999 2.999 0 0 0 7 9.5h-.024l-.865-3.245a.75.75 0 0 1 .53-.918l1.595-.427.642 2.291a.75.75 0 0 0 1.444-.403l-.637-2.275 1.558-.417Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m15.177 3.088-3.544-1.771A3 3 0 0 0 10.292 1h-.877a1.5 1.5 0 0 1-2.83 0h-.877a3 3 0 0 0-1.341.317L.823 3.088a1 1 0 0 0-.481 1.266l1.295 3.237a1 1 0 0 0 1.28.565l.351-.132-.188 4.9A2 2 0 0 0 5.078 15h5.844a2 2 0 0 0 1.998-2.077l-.188-4.899.352.132a1 1 0 0 0 1.28-.565l1.294-3.237a1 1 0 0 0-.481-1.266ZM5.764 2.5h-.056a1.5 1.5 0 0 0-.67.158L1.904 4.224l.943 2.356 2.006-.752-.275 7.153a.5.5 0 0 0 .5.519h5.843a.5.5 0 0 0 .5-.52l-.276-7.152 2.006.752.943-2.356-3.132-1.566a1.5 1.5 0 0 0-.671-.158h-.056A2.99 2.99 0 0 1 8 3.5a2.99 2.99 0 0 1-2.236-1Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3 3.5h10A1.5 1.5 0 0 1 14.5 5v5a1.5 1.5 0 0 1-1.5 1.5H3A1.5 1.5 0 0 1 1.5 10V5A1.5 1.5 0 0 1 3 3.5Zm-.21 9.493A3 3 0 0 1 0 10V5a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v5a3 3 0 0 1-2.79 2.993l.46.922a.75.75 0 1 1-1.34.67L11.536 13H4.463l-.793 1.585a.75.75 0 1 1-1.342-.67l.461-.922Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.086.782a.75.75 0 0 0-1.172.937L5.94 3H4a3 3 0 0 0-3 3v5a3 3 0 0 0 2.79 2.993l-.21.421a.75.75 0 0 0 1.34.671l.5-1A.762.762 0 0 0 5.458 14h5.086c.01.029.022.057.036.085l.5 1a.75.75 0 0 0 1.342-.67l-.211-.422A3 3 0 0 0 15 11V6a3 3 0 0 0-3-3h-1.94l1.026-1.281A.75.75 0 0 0 9.914.782L8.14 3h-.28L6.086.782ZM7.494 4.5H12A1.5 1.5 0 0 1 13.5 6v5a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 11V6A1.5 1.5 0 0 1 4 4.5h3.494ZM5.5 7.5v2H8v-2H5.5ZM5 6a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3.5a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H5Zm7 .75a.75.75 0 0 0-1.5 0v3.5a.75.75 0 0 0 1.5 0v-3.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.183 11.595c-.05.02-.34.112-1.113-.187-.953-.368-2.258-1.218-3.76-2.719-1.5-1.5-2.35-2.806-2.718-3.759-.299-.774-.206-1.063-.187-1.113 1.57-1.535 5.177-2.013 7.484.294 2.32 2.32 1.914 5.83.294 7.484ZM5.79 10.27c2.947 2.747 5.427 3.411 6.427 2.41 2.063-2.061 2.617-6.141.236-9.073l.577-.578a.75.75 0 1 0-1.06-1.06l-.579.578C8.448.178 4.286.814 2.318 2.782c-1 1-.336 3.48 2.41 6.428L2.47 11.47a2.164 2.164 0 1 0 3.06 3.06l.25-.25a.75.75 0 1 0-1.06-1.06l-.25.25a.664.664 0 1 1-.94-.94l2.26-2.259Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5 2.75a.75.75 0 0 0-1.5 0V7a4.5 4.5 0 0 0 9 0V2.75a.75.75 0 0 0-1.5 0V7a3 3 0 0 1-6 0V2.75Zm-.75 9.75a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5h-7.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 14.25v-.75h7v.75a.75.75 0 0 0 1.5 0v-.791a3 3 0 0 0 2.5-2.959v-6a3 3 0 0 0-3-3h-9a3 3 0 0 0-3 3v6A3 3 0 0 0 3 13.459v.791a.75.75 0 0 0 1.5 0ZM3.5 12h9a1.5 1.5 0 0 0 1.5-1.5v-6A1.5 1.5 0 0 0 12.5 3h-9A1.5 1.5 0 0 0 2 4.5v6A1.5 1.5 0 0 0 3.5 12ZM8 8.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm2.384-.246a2.498 2.498 0 0 0-.402-2.278l.66-.942a.75.75 0 0 0-1.229-.86l-.66.942a2.499 2.499 0 0 0-2.277.402l-.942-.66a.75.75 0 0 0-.86 1.228l.942.66a2.499 2.499 0 0 0 .402 2.277l-.66.943a.75.75 0 0 0 1.228.86l.66-.942a2.499 2.499 0 0 0 2.277-.402l.943.66a.75.75 0 1 0 .86-1.228l-.942-.66Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 5.5a2.74 2.74 0 0 1-1.444-.409 2.764 2.764 0 0 1-.914-.925c-.6.37-1.106.877-1.476 1.476a2.749 2.749 0 0 1 0 4.716c.37.6.877 1.106 1.476 1.476a2.749 2.749 0 0 1 4.716 0c.6-.37 1.106-.877 1.476-1.476l-.028-.017a2.748 2.748 0 0 1 .028-4.699 4.524 4.524 0 0 0-1.476-1.476l-.017.028A2.748 2.748 0 0 1 8 5.5Zm2.749-2.835a2.75 2.75 0 0 0-5.498 0 6.026 6.026 0 0 0-2.586 2.586 2.75 2.75 0 0 0 0 5.498 6.026 6.026 0 0 0 2.586 2.586 2.749 2.749 0 0 0 5.09 1.359c.245-.398.393-.862.408-1.36a6.027 6.027 0 0 0 2.586-2.585A2.749 2.749 0 0 0 16 8a2.75 2.75 0 0 0-2.665-2.749 6.027 6.027 0 0 0-2.586-2.586ZM9.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM4 8a1.25 1.25 0 1 1-2.5 0A1.25 1.25 0 0 1 4 8Zm5.25 5.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm4-4a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.091 5.194c.132-.214.236-.447.305-.694h3.208c.259.916.98 1.637 1.896 1.896v3.208A2.756 2.756 0 0 0 9.604 11.5H6.396A2.756 2.756 0 0 0 4.5 9.604V6.396a2.756 2.756 0 0 0 1.591-1.202ZM13 6.396v3.208a2.748 2.748 0 0 1 1.591 4.09A2.751 2.751 0 0 1 9.603 13H6.397a2.748 2.748 0 0 1-2.646 2A2.75 2.75 0 0 1 3 9.604V6.396A2.751 2.751 0 1 1 6.396 3h3.208A2.751 2.751 0 1 1 13 6.396ZM3.75 2.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5ZM5 12.25a1.25 1.25 0 1 0-2.5 0 1.25 1.25 0 0 0 2.5 0ZM12.25 11a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Zm1.25-7.25a1.25 1.25 0 1 0-2.5 0 1.25 1.25 0 0 0 2.5 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3 4.5h5.5A1.5 1.5 0 0 1 10 6v4a1.5 1.5 0 0 1-1.5 1.5H3A1.5 1.5 0 0 1 1.5 10V6A1.5 1.5 0 0 1 3 4.5Zm8.452 6.037A3 3 0 0 1 8.5 13H3a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h5.5a3 3 0 0 1 2.952 2.463l1.554-1.11A1.893 1.893 0 0 1 16 5.893v4.214a1.893 1.893 0 0 1-2.994 1.54l-1.554-1.11Zm.048-1.809 2.378 1.699a.393.393 0 0 0 .622-.32V5.893a.393.393 0 0 0-.622-.32L11.5 7.272v1.456Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M5.06 9.94A1.5 1.5 0 0 0 4 9.5H2a.5.5 0 0 1-.5-.5V7a.5.5 0 0 1 .5-.5h2a1.5 1.5 0 0 0 1.06-.44l2.483-2.482a.268.268 0 0 1 .457.19v8.464a.268.268 0 0 1-.457.19L5.06 9.939ZM2 5h2l2.482-2.482A1.768 1.768 0 0 1 9.5 3.768v8.464a1.768 1.768 0 0 1-3.018 1.25L4 11H2a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm12.162 8.103c-.265.319-.743.316-1.036.024-.292-.293-.288-.766-.031-1.09A6.473 6.473 0 0 0 14.5 8a6.473 6.473 0 0 0-1.405-4.037c-.257-.324-.261-.797.031-1.09.293-.292.771-.294 1.036.024A7.967 7.967 0 0 1 16 8c0 1.94-.69 3.718-1.838 5.103Zm-2.138-2.135c-.246.333-.726.33-1.019.037-.293-.293-.284-.764-.06-1.113A3.484 3.484 0 0 0 11.5 8c0-.697-.204-1.347-.555-1.892-.224-.348-.233-.82.06-1.113.293-.293.773-.296 1.02.037C12.637 5.862 13 6.89 13 8a4.977 4.977 0 0 1-.976 2.968Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M2 5h2l2.482-2.482A1.768 1.768 0 0 1 9.5 3.768v8.464a1.768 1.768 0 0 1-3.018 1.25L4 11H2a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm12.162 8.103c-.265.319-.743.316-1.036.024-.292-.293-.288-.766-.031-1.09A6.473 6.473 0 0 0 14.5 8a6.473 6.473 0 0 0-1.405-4.037c-.257-.324-.261-.797.031-1.09.293-.292.771-.294 1.036.024A7.967 7.967 0 0 1 16 8c0 1.94-.69 3.718-1.838 5.103Zm-2.138-2.135c-.246.333-.726.33-1.019.037-.293-.293-.284-.764-.06-1.113A3.484 3.484 0 0 0 11.5 8c0-.697-.204-1.347-.555-1.892-.224-.348-.233-.82.06-1.113.293-.293.773-.296 1.02.037C12.637 5.862 13 6.89 13 8a4.977 4.977 0 0 1-.976 2.968Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.06 9.94A1.5 1.5 0 0 0 4 9.5H2a.5.5 0 0 1-.5-.5V7a.5.5 0 0 1 .5-.5h2a1.5 1.5 0 0 0 1.06-.44l2.483-2.482a.268.268 0 0 1 .457.19v8.464a.268.268 0 0 1-.457.19L5.06 9.939ZM2 5h2l2.482-2.482A1.768 1.768 0 0 1 9.5 3.768v8.464a1.768 1.768 0 0 1-3.018 1.25L4 11H2a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm10.024 5.968c-.246.333-.726.33-1.019.037-.293-.293-.284-.764-.06-1.113A3.484 3.484 0 0 0 11.5 8c0-.697-.204-1.347-.555-1.892-.224-.348-.233-.82.06-1.113.293-.293.773-.296 1.02.037C12.637 5.862 13 6.89 13 8a4.977 4.977 0 0 1-.976 2.968Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.06 9.94A1.5 1.5 0 0 0 4 9.5H2a.5.5 0 0 1-.5-.5V7a.5.5 0 0 1 .5-.5h2a1.5 1.5 0 0 0 1.06-.44l2.483-2.482a.268.268 0 0 1 .457.19v8.464a.268.268 0 0 1-.457.19L5.06 9.939ZM2 5h2l2.482-2.482A1.768 1.768 0 0 1 9.5 3.768v8.464a1.768 1.768 0 0 1-3.018 1.25L4 11H2a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.06 9.94A1.5 1.5 0 0 0 4 9.5H2a.5.5 0 0 1-.5-.5V7a.5.5 0 0 1 .5-.5h2a1.5 1.5 0 0 0 1.06-.44l2.483-2.482a.268.268 0 0 1 .457.19v8.464a.268.268 0 0 1-.457.19L5.06 9.939ZM2 5h2l2.482-2.482A1.768 1.768 0 0 1 9.5 3.768v8.464a1.768 1.768 0 0 1-3.018 1.25L4 11H2a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm10.28.72a.75.75 0 1 0-1.06 1.06L12.44 8l-1.22 1.22a.75.75 0 1 0 1.06 1.06l1.22-1.22 1.22 1.22a.75.75 0 1 0 1.06-1.06L14.56 8l1.22-1.22a.75.75 0 0 0-1.06-1.06L13.5 6.94l-1.22-1.22Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.25 4.886A2.497 2.497 0 0 1 5.5 2.5a2.5 2.5 0 1 1 3.25 2.386V6h2.904a2.5 2.5 0 0 1 2.389 1.765l1.36 4.423A2.173 2.173 0 0 1 13.328 15H2.673a2.173 2.173 0 0 1-2.077-2.812l.252-.82 1.109-3.603A2.5 2.5 0 0 1 4.347 6H7.25V4.886ZM9 2.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-4.654 5a1 1 0 0 0-.955.706L2.03 12.629a.673.673 0 0 0 .643.871h10.654a.673.673 0 0 0 .643-.871l-1.36-4.423a1 1 0 0 0-.956-.706H4.346Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m8.581 9.298.776.143A3.5 3.5 0 0 0 13.5 6c0-.118-.01-.236-.027-.352l-1.39 1.39a1.575 1.575 0 0 1-1.114.462A2.47 2.47 0 0 1 8.5 5.03c0-.417.166-.817.461-1.112l1.39-1.39A2.402 2.402 0 0 0 10 2.5a3.5 3.5 0 0 0-3.441 4.143l.143.776-3.813 3.813a1.329 1.329 0 0 0 1.879 1.879L8.58 9.298Zm3.817-6.787a.795.795 0 0 0-.411-1.018C11.87 1.432 11.014 1 10 1a5 5 0 0 0-4.916 5.916l-3.256 3.256a2.828 2.828 0 1 0 4 4l3.256-3.256A5 5 0 0 0 15 6c0-1.014-.432-1.87-.493-1.987l-.014-.027a.795.795 0 0 0-1.273-.207l-2.198 2.2a.074.074 0 0 1-.053.021.97.97 0 0 1-.969-.97c0-.019.008-.038.022-.052L12.22 2.78a.792.792 0 0 0 .178-.27Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.47 3.47a.75.75 0 0 1 1.06 0L8 6.94l3.47-3.47a.75.75 0 1 1 1.06 1.06L9.06 8l3.47 3.47a.75.75 0 1 1-1.06 1.06L8 9.06l-3.47 3.47a.75.75 0 0 1-1.06-1.06L6.94 8 3.47 4.53a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path></svg></svg></span></span></button></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"icons":{"actions_copyIconName":"Copy icon name","actions_copyLink":"Copy Link","actions_copied":"Copied","actions_copyReactComponent":"Copy React component","actions_copySvgImport":"Copy SVG import","actions_downloadSvg":"Download SVG","title":"Icons","goToLibrary":"Go to library","filterPlaceholder":"Filter by icon name","keywords":"Keywords","empty_title":"No results found for your request","empty_subTitle":"Please check the spelling or try another keywords.","usage_reactComponent":"React component","usage_svg":"SVG"}}},"initialLocale":"en","ns":["common","icons"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/icons","query":{},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/691d7a23370ad563.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/691d7a23370ad563.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/534-b8eabdbfd9dc7895.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/icons-2c056648930b98c9.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="pc-Grid gravity-ui-landing-icons"><div class="container-fluid "><div class="row"><div class="col col-12 gravity-ui-landing-icons__heading"><h1 class="gravity-ui-landing-icons__title">Icons</h1><div class="gravity-ui-landing-icons__actions"><a class="g-button g-button_view_outlined-contrast g-button_size_xl g-button_pin_round-round gravity-ui-landing-icons__library-button" href="/libraries/icons" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_end"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10 1.5A.75.75 0 0 0 10 3h1.94L6.97 7.97a.75.75 0 0 0 1.06 1.06L13 4.06V6a.75.75 0 0 0 1.5 0V2.25a.75.75 0 0 0-.75-.75H10ZM7.5 3.25a.75.75 0 0 0-.75-.75H4.5a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V9.25a.75.75 0 0 0-1.5 0v2.25a1.5 1.5 0 0 1-1.5 1.5h-6A1.5 1.5 0 0 1 3 11.5v-6A1.5 1.5 0 0 1 4.5 4h2.25a.75.75 0 0 0 .75-.75Z" clip-rule="evenodd"></path></svg></svg></span></span><span class="g-button__text">Go to library</span></a></div></div></div><div class="row gravity-ui-landing-icons__search"><div class="col col-12"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round g-text-input_has-start-content gravity-ui-landing-icons__search-input"><span class="g-text-input__content"><div class="g-text-input__additional-content g-text-input__additional-content_placement_start"><div class="gravity-ui-landing-icons__search-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 7a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm-.82 4.74a6 6 0 1 1 1.06-1.06l2.79 2.79a.75.75 0 1 1-1.06 1.06l-2.79-2.79Z" clip-rule="evenodd"></path></svg></svg></div></div><input class="g-text-input__control g-text-input__control_type_input" placeholder="Filter by icon name" value=""/></span></span></div></div><div class="row"><div class="col col-12"><div class="gravity-ui-landing-icon-collection"><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.02 11.419 4.691 10H2.808l-.327 1.419a.75.75 0 1 1-1.462-.338L2.407 5.07a1.379 1.379 0 0 1 2.686 0l1.388 6.012a.75.75 0 1 1-1.462.338Zm-1.27-5.5L4.346 8.5H3.154l.596-2.581ZM14.5 4.75a.75.75 0 1 0-1.5 0v6.5a.75.75 0 0 0 1.5 0v-6.5ZM8.25 4a.75.75 0 0 0-.75.75v6.5a.75.75 0 0 0 1.5 0V9.5h.5a2.75 2.75 0 0 0 0-5.5H8.25ZM9.5 8H9V5.5h.5a1.25 1.25 0 0 1 0 2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 11.25V6.672l1.436 3.39a1.129 1.129 0 0 0 2.076.008l1.513-3.492v4.672a.75.75 0 0 0 1.5 0V5.218a1.218 1.218 0 0 0-2.335-.484L4.98 8.679 3.307 4.732A1.201 1.201 0 0 0 1 5.202v6.048a.75.75 0 1 0 1.5 0Zm9.5-6.5a.75.75 0 0 0-1.5 0v6.5c0 .414.336.75.75.75h3.5a.75.75 0 0 0 0-1.5H12V4.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.75 4a.75.75 0 0 1 .75.75v5.75h2.75a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1-.75-.75v-6.5a.75.75 0 0 1 .75-.75Zm-3.21 6.997c.611-.666.96-1.665.96-2.997 0-2.667-1.4-4-3.5-4S1.5 5.333 1.5 8s1.4 4 3.5 4c.448 0 .864-.06 1.24-.182l1.456 1.461a.75.75 0 1 0 1.063-1.058L7.54 10.997ZM7 8c0 1.083-.282 1.675-.567 1.985-.27.294-.708.515-1.433.515-.725 0-1.163-.22-1.433-.515C3.282 9.675 3 9.083 3 8c0-1.082.282-1.675.567-1.985.27-.294.708-.515 1.433-.515.725 0 1.163.22 1.433.515C6.718 6.325 7 6.918 7 8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M13.5 4.75a.75.75 0 0 0-1.5 0v6.5c0 .414.336.75.75.75h2.5a.75.75 0 0 0 0-1.5H13.5V4.75ZM11 8c0 1.32-.257 2.314-.709 2.98l.99.99a.75.75 0 1 1-1.061 1.06l-1.132-1.132a2.43 2.43 0 0 1-.713.102C6.8 12 5.75 10.667 5.75 8S6.8 4 8.375 4 11 5.333 11 8Zm-1.957 2.15c.222-.322.457-.98.457-2.149 0-1.168-.235-1.826-.457-2.149-.175-.254-.366-.35-.668-.35-.302 0-.493.096-.668.35-.222.323-.457.981-.457 2.15 0 1.167.235 1.826.457 2.148.175.254.366.351.668.351.302 0 .493-.097.668-.351ZM2.562 4.002c-.689 0-1.285.249-1.702.713C.453 5.17.277 5.76.277 6.352c0 .732.326 1.28.759 1.658.41.358.908.561 1.305.684.398.122.684.217.89.372.147.113.27.266.27.625 0 .29-.109.469-.253.589a1.08 1.08 0 0 1-.686.222c-.202 0-.438-.093-.658-.293a1.391 1.391 0 0 1-.423-.684.75.75 0 1 0-1.462.333c.127.557.453 1.079.878 1.463.426.386 1.006.681 1.665.681.578 0 1.177-.18 1.647-.57.485-.405.791-1.006.791-1.74 0-.843-.352-1.433-.864-1.82-.434-.33-.962-.492-1.306-.597l-.047-.015c-.31-.095-.579-.221-.76-.38a.65.65 0 0 1-.246-.528c0-.304.09-.512.2-.635.099-.11.27-.215.585-.215.322 0 .498.099.612.206.13.123.233.313.3.56a.75.75 0 1 0 1.449-.386c-.113-.42-.325-.892-.719-1.263-.409-.387-.961-.617-1.642-.617Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1 4.75A.75.75 0 0 1 1.75 4h3.113a1.137 1.137 0 0 1 .96 1.748L2.797 10.5H5.25a.75.75 0 0 1 0 1.5H2.137a1.137 1.137 0 0 1-.96-1.748L4.203 5.5H1.75A.75.75 0 0 1 1 4.75ZM7.75 4a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-1.5 0v-6.5A.75.75 0 0 1 7.75 4Zm3 0a.75.75 0 0 0-.75.75v6.5a.75.75 0 0 0 1.5 0V9.5h.5A2.75 2.75 0 1 0 12 4h-1.25ZM12 8h-.5V5.5h.5A1.25 1.25 0 1 1 12 8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.56 4.403c.27.314.223.784-.015 1.123A2.986 2.986 0 0 0 5 7.25c0 .642.202 1.237.545 1.724.238.339.284.809.015 1.123-.27.315-.75.354-1.015.036A4.482 4.482 0 0 1 3.5 7.25c0-1.097.393-2.102 1.045-2.883.266-.318.745-.279 1.015.036Zm4.88 0c-.27.314-.223.784.015 1.123.344.487.545 1.082.545 1.724 0 .642-.201 1.237-.545 1.724-.238.339-.284.809-.015 1.123.27.315.75.354 1.015.036A4.482 4.482 0 0 0 12.5 7.25a4.482 4.482 0 0 0-1.045-2.883c-.265-.318-.745-.279-1.015.036Zm1.953-2.278c-.27.315-.23.785.05 1.092A5.978 5.978 0 0 1 14 7.25c0 1.553-.59 2.968-1.558 4.033-.278.307-.319.777-.05 1.092.27.314.747.353 1.033.053A7.474 7.474 0 0 0 15.5 7.25c0-2.008-.79-3.832-2.075-5.178-.286-.3-.763-.261-1.032.053Zm-8.786 0c-.27-.314-.746-.353-1.032-.053A7.475 7.475 0 0 0 .5 7.25c0 2.008.79 3.832 2.075 5.178.286.3.763.261 1.032-.053.27-.315.23-.785-.05-1.092A5.978 5.978 0 0 1 2 7.25c0-1.553.59-2.968 1.558-4.033.278-.307.319-.777.05-1.092ZM8.75 8.55a1.5 1.5 0 1 0-1.5 0v5.701a.75.75 0 0 0 1.5 0v-5.7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.48 5.48 0 0 1-.48 2.251 6.965 6.965 0 0 0-.897-2.61c-.64-1.109-1.517-1.984-2.467-2.508l-.013-.008a5.037 5.037 0 0 0-.19-.098c-.634-.314-1.33-.484-2.006-.428.464-.575.995-1.002 1.514-1.259.733-.362 1.356-.353 1.789-.103v-.001A5.498 5.498 0 0 1 13.5 8ZM7.438 2.528A5.5 5.5 0 0 0 2.5 8c0 .5.304 1.044.984 1.497.482.322 1.117.568 1.847.682-.386-.558-.587-1.245-.633-1.951a5.047 5.047 0 0 1-.009-.213v-.012c-.022-1.086.298-2.284.938-3.394a6.966 6.966 0 0 1 1.811-2.08ZM6.189 8.002c.002.043.003.087.006.13.053.815.372 1.35.805 1.6.433.25 1.056.259 1.789-.104l.117-.06.11-.07C9.696 9.043 10 8.5 10 8s-.304-1.044-.984-1.497a3.492 3.492 0 0 0-.11-.071 3.511 3.511 0 0 0-.117-.06C8.056 6.009 7.433 6.018 7 6.268c-.433.25-.752.785-.805 1.6a3.51 3.51 0 0 0-.006.134Zm3.468 2.865.011-.007a4.22 4.22 0 0 0 .18-.115c.59-.392 1.084-.91 1.374-1.523.266.69.37 1.362.333 1.94-.053.816-.372 1.351-.805 1.601A5.474 5.474 0 0 1 8 13.5a5.493 5.493 0 0 1-4.458-2.278c.8.34 1.73.528 2.708.528 1.28 0 2.477-.322 3.407-.883ZM1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 8h11v3a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 11V8Zm10.697-1.5-1.851-2.777a.5.5 0 0 0-.416-.223H5.07a.5.5 0 0 0-.416.223L2.803 6.5h10.394ZM15 7.408V11a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V7.408a3 3 0 0 1 .504-1.664l1.902-2.853A2 2 0 0 1 5.07 2h5.86a2 2 0 0 1 1.664.89l1.902 2.854A3 3 0 0 1 15 7.408ZM9.25 11a.75.75 0 0 0 0-1.5h-2.5a.75.75 0 0 0 0 1.5h2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.75 2a.75.75 0 0 0-1.5 0v5.69L4.53 4.97a.75.75 0 0 0-1.06 1.06l4 4a.75.75 0 0 0 1.06 0l4-4a.75.75 0 0 0-1.06-1.06L8.75 7.69V2ZM4.53 9.47a.75.75 0 0 0-1.06 1.06l4 4a.75.75 0 0 0 1.06 0l4-4a.75.75 0 1 0-1.06-1.06L8 12.94 4.53 9.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14 8.75a.75.75 0 0 0 0-1.5H8.31l2.72-2.72a.75.75 0 1 0-1.06-1.06l-4 4a.75.75 0 0 0 0 1.06l4 4a.75.75 0 1 0 1.06-1.06L8.31 8.75H14ZM6.53 4.53a.75.75 0 0 0-1.06-1.06l-4 4a.75.75 0 0 0 0 1.06l4 4a.75.75 0 0 0 1.06-1.06L3.06 8l3.47-3.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2 7.25a.75.75 0 0 0 0 1.5h5.69l-2.72 2.72a.75.75 0 1 0 1.06 1.06l4-4a.75.75 0 0 0 0-1.06l-4-4a.75.75 0 0 0-1.06 1.06l2.72 2.72H2Zm7.47 4.22a.75.75 0 1 0 1.06 1.06l4-4a.75.75 0 0 0 0-1.06l-4-4a.75.75 0 1 0-1.06 1.06L12.94 8l-3.47 3.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.25 14a.75.75 0 0 0 1.5 0V8.31l2.72 2.72a.75.75 0 1 0 1.06-1.06l-4-4a.75.75 0 0 0-1.06 0l-4 4a.75.75 0 1 0 1.06 1.06l2.72-2.72V14Zm4.22-7.47a.75.75 0 1 0 1.06-1.06l-4-4a.75.75 0 0 0-1.06 0l-4 4a.75.75 0 0 0 1.06 1.06L8 3.06l3.47 3.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 1.25a.75.75 0 0 1 .75.75v10.19l2.72-2.72a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 1 1 1.06-1.06l2.72 2.72V2A.75.75 0 0 1 8 1.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.53 14.78a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 1 1 1.06-1.06l1.22 1.22V4.75a.75.75 0 0 1 1.5 0v7.69l1.22-1.22a.75.75 0 1 1 1.06 1.06l-2.5 2.5ZM14.25 2.5a.75.75 0 0 0 0-1.5H1.75a.75.75 0 0 0 0 1.5h12.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.53 11.78a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.22 1.22V1.75a.75.75 0 1 1 1.5 0v7.69l1.22-1.22a.75.75 0 1 1 1.06 1.06l-2.5 2.5ZM1.75 13.5a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5H1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.53 11.78a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.22 1.22V1.75a.75.75 0 0 1 1.5 0v7.69l1.22-1.22a.75.75 0 1 1 1.06 1.06l-2.5 2.5ZM4.25 4a.75.75 0 1 1 0 1.5H4A1.5 1.5 0 0 0 2.5 7v5A1.5 1.5 0 0 0 4 13.5h8a1.5 1.5 0 0 0 1.5-1.5V7A1.5 1.5 0 0 0 12 5.5h-.25a.75.75 0 0 1 0-1.5H12a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.22 8.53a.75.75 0 0 1 0-1.06l2.5-2.5a.75.75 0 0 1 1.06 1.06L3.56 7.25h7.69a.75.75 0 0 1 0 1.5H3.56l1.22 1.22a.75.75 0 1 1-1.06 1.06l-2.5-2.5Zm12.28 5.72a.75.75 0 0 0 1.5 0V1.75a.75.75 0 0 0-1.5 0v12.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.22 8.53a.75.75 0 0 1 0-1.06l2.5-2.5a.75.75 0 0 1 1.06 1.06L6.56 7.25h7.69a.75.75 0 0 1 0 1.5H6.56l1.22 1.22a.75.75 0 1 1-1.06 1.06l-2.5-2.5ZM2.5 1.75a.75.75 0 0 0-1.5 0v12.5a.75.75 0 0 0 1.5 0V1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 8A.75.75 0 0 1 2 7.25h10.19L9.47 4.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2A.75.75 0 0 1 1.25 8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.78 3.72a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06L11.44 5H2.75a.75.75 0 1 1 0-1.5h8.69L9.72 1.78A.75.75 0 0 1 10.78.72l3 3ZM2 11.75a.75.75 0 0 1 .22-.53l3-3a.75.75 0 1 1 1.06 1.06L4.56 11h8.69a.75.75 0 0 1 0 1.5H4.56l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1-.22-.53Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.78 7.47a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 1 1-1.06-1.06l1.22-1.22H4.75a.75.75 0 0 1 0-1.5h7.69l-1.22-1.22a.75.75 0 0 1 1.06-1.06l2.5 2.5ZM2.5 1.75a.75.75 0 0 0-1.5 0v12.5a.75.75 0 0 0 1.5 0V1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.78 7.47a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 1 1-1.06-1.06l1.22-1.22H4.75a.75.75 0 0 1 0-1.5h7.69l-1.22-1.22a.75.75 0 0 1 1.06-1.06l2.5 2.5ZM9.5 4.25a.75.75 0 0 1-1.5 0V4a1.5 1.5 0 0 0-1.5-1.5H4A1.5 1.5 0 0 0 2.5 4v8A1.5 1.5 0 0 0 4 13.5h2.5A1.5 1.5 0 0 0 8 12v-.25a.75.75 0 0 1 1.5 0V12a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.5a3 3 0 0 1 3 3v.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.78 7.47a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 1 1-1.06-1.06l1.22-1.22H1.75a.75.75 0 0 1 0-1.5h7.69L8.22 6.03a.75.75 0 0 1 1.06-1.06l2.5 2.5Zm1.72 6.78a.75.75 0 0 0 1.5 0V1.75a.75.75 0 0 0-1.5 0v12.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.78 7.47a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 1 1-1.06-1.06l1.22-1.22H1.75a.75.75 0 0 1 0-1.5h7.69L8.22 6.03a.75.75 0 0 1 1.06-1.06l2.5 2.5ZM4 11.75a.75.75 0 0 1 1.5 0V12A1.5 1.5 0 0 0 7 13.5h5a1.5 1.5 0 0 0 1.5-1.5V4A1.5 1.5 0 0 0 12 2.5H7A1.5 1.5 0 0 0 5.5 4v.25a.75.75 0 0 1-1.5 0V4a3 3 0 0 1 3-3h5a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 1 1-6.445 7.348.75.75 0 1 1 1.487-.194A5.001 5.001 0 1 0 4.43 4.5h1.32a.75.75 0 0 1 0 1.5h-3A.75.75 0 0 1 2 5.25v-3a.75.75 0 0 1 1.5 0v1.06A6.48 6.48 0 0 1 8 1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 1 0 6.445 7.348.75.75 0 1 0-1.487-.194A5.001 5.001 0 1 1 11.57 4.5h-1.32a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-1.5 0v1.06A6.48 6.48 0 0 0 8 1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M11.39 2.503a6.473 6.473 0 0 0-3.383-.984 6.48 6.48 0 0 0-4.515 1.77l.005-.559a.75.75 0 1 0-1.5-.013l-.022 2.5a.75.75 0 0 0 .743.756l2.497.022a.75.75 0 1 0 .013-1.5l-.817-.007a4.983 4.983 0 0 1 3.583-1.469 4.973 4.973 0 0 1 2.602.756.75.75 0 0 0 .795-1.272Zm-9.097 8.716a6.473 6.473 0 0 1-.84-3.422.75.75 0 1 1 1.5.053 4.955 4.955 0 0 0 .646 2.63 4.983 4.983 0 0 0 3.064 2.37l-.403-.712a.75.75 0 0 1 1.306-.738l1.229 2.173a.75.75 0 0 1-.283 1.022l-2.176 1.23a.75.75 0 1 1-.739-1.305l.487-.275a6.48 6.48 0 0 1-3.79-3.026Zm11.258.099a6.473 6.473 0 0 1-2.544 2.438.75.75 0 0 1-.704-1.325 4.974 4.974 0 0 0 1.955-1.875 4.983 4.983 0 0 0 .52-3.838l-.415.705a.75.75 0 1 1-1.292-.762l1.267-2.15a.75.75 0 0 1 1.027-.266l2.154 1.268a.75.75 0 1 1-.761 1.293l-.483-.284a6.48 6.48 0 0 1-.724 4.796Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M8.007 1.52a6.466 6.466 0 0 1 3.384.983.75.75 0 1 1-.795 1.272 4.973 4.973 0 0 0-2.602-.756 4.983 4.983 0 0 0-3.583 1.469l.817.007a.75.75 0 1 1-.013 1.5l-2.497-.022a.75.75 0 0 1-.743-.756l.022-2.5a.75.75 0 1 1 1.5.013l-.005.56a6.48 6.48 0 0 1 4.515-1.77ZM1.453 7.796a6.473 6.473 0 0 0 .84 3.422 6.48 6.48 0 0 0 3.791 3.026l-.487.275a.75.75 0 0 0 .739 1.306l2.176-1.231a.75.75 0 0 0 .283-1.022L7.565 11.4a.75.75 0 0 0-1.305.738l.403.712a4.983 4.983 0 0 1-3.064-2.37 4.973 4.973 0 0 1-.647-2.63.75.75 0 1 0-1.499-.053Zm9.554 5.959a6.473 6.473 0 0 0 2.544-2.438 6.48 6.48 0 0 0 .724-4.796l.483.284a.75.75 0 1 0 .761-1.293l-2.154-1.268a.75.75 0 0 0-1.027.265L11.071 6.66a.75.75 0 0 0 1.292.762l.415-.705a4.983 4.983 0 0 1-.52 3.838 4.974 4.974 0 0 1-1.955 1.876.75.75 0 1 0 .704 1.324ZM7.003 5.284a1.056 1.056 0 0 1 1.994 0l1.45 4.142a.75.75 0 0 1-1.416.496L8.9 9.543H7.1l-.132.379a.75.75 0 0 1-1.416-.496l1.45-4.142ZM8 6.975l.374 1.068h-.748L8 6.975Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M4.61 2.503a6.473 6.473 0 0 1 3.383-.984 6.48 6.48 0 0 1 4.515 1.77l-.004-.559a.75.75 0 1 1 1.5-.013l.021 2.5a.75.75 0 0 1-.743.756l-2.497.022a.75.75 0 1 1-.013-1.5l.817-.007a4.983 4.983 0 0 0-3.583-1.469 4.973 4.973 0 0 0-2.602.756.75.75 0 0 1-.795-1.272Zm9.097 8.716a6.48 6.48 0 0 0 .84-3.422.75.75 0 1 0-1.5.053 4.973 4.973 0 0 1-.646 2.63 4.983 4.983 0 0 1-3.064 2.37l.403-.712a.75.75 0 0 0-1.306-.738l-1.229 2.173a.75.75 0 0 0 .283 1.022l2.176 1.23a.75.75 0 1 0 .739-1.305l-.487-.275a6.48 6.48 0 0 0 3.79-3.026Zm-11.258.099a6.473 6.473 0 0 0 2.544 2.438.75.75 0 0 0 .704-1.325 4.973 4.973 0 0 1-1.955-1.875 4.983 4.983 0 0 1-.52-3.838l.415.705a.75.75 0 1 0 1.292-.762l-1.267-2.15a.75.75 0 0 0-1.027-.266L.481 5.513a.75.75 0 1 0 .761 1.293l.483-.284a6.48 6.48 0 0 0 .724 4.796Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6 7.5H3.33a.33.33 0 0 0-.252.542l4.42 5.225a.656.656 0 0 0 1.003 0l4.42-5.225a.33.33 0 0 0-.251-.542H10V3a.5.5 0 0 0-.5-.5h-3A.5.5 0 0 0 6 3v4.5ZM4.5 3a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3h1.17a1.83 1.83 0 0 1 1.397 3.011l-4.421 5.225a2.156 2.156 0 0 1-3.292 0L1.933 9.011A1.83 1.83 0 0 1 3.329 6H4.5V3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.5 9H4.029l3.499 4.276a.61.61 0 0 0 .944 0L11.971 9H9.5V5.75a.25.25 0 0 0-.25-.25h-2.5a.25.25 0 0 0-.25.25V9Zm2.75-5H6.749A1.75 1.75 0 0 0 5 5.75V7.5H3.974a1.474 1.474 0 0 0-1.14 2.407l3.533 4.319a2.11 2.11 0 0 0 3.266 0l3.534-4.319a1.474 1.474 0 0 0-1.14-2.407H11V5.75A1.75 1.75 0 0 0 9.25 4Zm-7.5-1.5a.75.75 0 0 1 0-1.5h12.5a.75.75 0 0 1 0 1.5H1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.5 6H4.029l3.499 4.276a.61.61 0 0 0 .944 0L11.971 6H9.5V2.75a.25.25 0 0 0-.25-.25h-2.5a.25.25 0 0 0-.25.25V6Zm1.498 7.5H1.75a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5H7.998Zm0-1.5a2.11 2.11 0 0 1-1.631-.774L2.833 6.907A1.474 1.474 0 0 1 3.973 4.5H5V2.75C5 1.784 5.784 1 6.75 1h2.5c.966 0 1.75.784 1.75 1.75V4.5h1.026a1.474 1.474 0 0 1 1.14 2.407l-3.533 4.319c-.4.49-1 .774-1.632.774H8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.5 6V3.33a.33.33 0 0 0-.543-.252L2.732 7.499a.656.656 0 0 0 0 1.002l5.225 4.421a.33.33 0 0 0 .543-.252V10H13a.5.5 0 0 0 .5-.5v-3A.5.5 0 0 0 13 6H8.5ZM13 4.5a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-3v1.17a1.83 1.83 0 0 1-3.012 1.397L1.763 9.646a2.156 2.156 0 0 1 0-3.292l5.225-4.421A1.83 1.83 0 0 1 10 3.33V4.5h3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7 6.5V4.029L2.724 7.528a.61.61 0 0 0 0 .944L7 11.971V9.5h3.25a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25H7Zm5 2.75V6.749A1.75 1.75 0 0 0 10.25 5H8.5V3.974a1.474 1.474 0 0 0-2.407-1.14L1.774 6.366a2.11 2.11 0 0 0 0 3.266l4.319 3.534a1.474 1.474 0 0 0 2.407-1.14V11h1.75A1.75 1.75 0 0 0 12 9.25Zm1.5-7.5a.75.75 0 0 1 1.5 0v12.5a.75.75 0 0 1-1.5 0V1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10 6.5V4.029L5.724 7.528a.61.61 0 0 0 0 .944L10 11.971V9.5h3.25a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25H10ZM2.5 7.998V1.75a.75.75 0 0 0-1.5 0v12.5a.75.75 0 0 0 1.5 0V7.998Zm1.5 0c0-.632.284-1.23.774-1.631l4.319-3.534a1.474 1.474 0 0 1 2.407 1.14V5h1.75c.966 0 1.75.784 1.75 1.75v2.5A1.75 1.75 0 0 1 13.25 11H11.5v1.026a1.474 1.474 0 0 1-2.407 1.14L4.774 9.634c-.49-.4-.774-1-.774-1.632V8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.5 10v2.67a.33.33 0 0 0 .542.252l5.225-4.421a.656.656 0 0 0 0-1.002L8.042 3.078a.33.33 0 0 0-.543.252V6H3a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h4.5ZM3 11.5a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3V3.33a1.83 1.83 0 0 1 3.01-1.397l5.226 4.421a2.156 2.156 0 0 1 0 3.292L9.01 14.067a1.83 1.83 0 0 1-3.012-1.397V11.5H3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9 9.5v2.471l4.276-3.499a.61.61 0 0 0 0-.944L9 4.029V6.5H5.75a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25H9ZM4 6.75v2.501A1.75 1.75 0 0 0 5.75 11H7.5v1.026a1.474 1.474 0 0 0 2.407 1.14l4.319-3.533a2.11 2.11 0 0 0 0-3.266L9.907 2.833A1.474 1.474 0 0 0 7.5 3.973V5H5.75A1.75 1.75 0 0 0 4 6.75Zm-1.5 7.5a.75.75 0 0 1-1.5 0V1.75a.75.75 0 0 1 1.5 0v12.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6 9.5v2.471l4.276-3.499a.61.61 0 0 0 0-.944L6 4.029V6.5H2.75a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25H6Zm7.5-1.498v6.248a.75.75 0 0 0 1.5 0V1.75a.75.75 0 0 0-1.5 0v6.252Zm-1.5 0a2.11 2.11 0 0 1-.774 1.631l-4.319 3.534a1.474 1.474 0 0 1-2.407-1.14V11H2.75A1.75 1.75 0 0 1 1 9.25v-2.5C1 5.784 1.784 5 2.75 5H4.5V3.974a1.474 1.474 0 0 1 2.407-1.14l4.319 3.533c.49.4.774 1 .774 1.632V8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7 9v2.665a.335.335 0 0 1-.55.257L1.73 7.988a.635.635 0 0 1 0-.976l4.72-3.934a.335.335 0 0 1 .55.257V6h1.5c1.584 0 3.182.571 4.241 1.692.9.951 1.549 2.446 1.31 4.723-.65-1.026-1.365-1.837-2.201-2.413C10.802 9.278 9.677 9 8.5 9H7Zm3 1.731c1.162.396 2.165 1.337 3.151 3.106.223.4.64.663 1.098.663.552 0 1.04-.376 1.143-.917C16.598 7.237 12.322 4.5 8.501 4.5V3.335a1.835 1.835 0 0 0-3.01-1.41L.768 5.86a2.135 2.135 0 0 0 0 3.28l4.721 3.935a1.835 1.835 0 0 0 3.01-1.41V10.5c.533 0 1.03.07 1.5.231Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9 9v2.665a.335.335 0 0 0 .55.257l4.72-3.934a.635.635 0 0 0 0-.976L9.55 3.078a.335.335 0 0 0-.55.257V6H7.5c-1.584 0-3.182.571-4.241 1.692-.9.951-1.549 2.446-1.31 4.723.65-1.026 1.365-1.837 2.201-2.413C5.198 9.278 6.323 9 7.5 9H9Zm-3 1.731c-1.162.396-2.165 1.337-3.151 3.106-.223.4-.64.663-1.098.663-.552 0-1.04-.376-1.143-.917C-.598 7.237 3.678 4.5 7.499 4.5V3.335a1.835 1.835 0 0 1 3.01-1.41l4.722 3.935a2.135 2.135 0 0 1 0 3.28l-4.721 3.935a1.835 1.835 0 0 1-3.01-1.41V10.5c-.533 0-1.03.07-1.5.231Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10 8.5h2.67a.33.33 0 0 0 .252-.542L8.5 2.733a.656.656 0 0 0-1.002 0l-4.42 5.225a.33.33 0 0 0 .252.542H6V13a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V8.5Zm1.5 4.5a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2v-3H3.33a1.83 1.83 0 0 1-1.398-3.01l4.42-5.225a2.156 2.156 0 0 1 3.293 0l4.42 5.225A1.83 1.83 0 0 1 12.67 10H11.5v3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.5 7h2.471L8.472 2.724a.61.61 0 0 0-.944 0L4.029 7H6.5v3.25c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25V7Zm-2.75 5h2.501A1.75 1.75 0 0 0 11 10.25V8.5h1.026a1.474 1.474 0 0 0 1.14-2.407L9.634 1.774a2.11 2.11 0 0 0-3.266 0L2.833 6.093A1.474 1.474 0 0 0 3.973 8.5H5v1.75c0 .966.784 1.75 1.75 1.75Zm7.5 1.5a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1 0-1.5h12.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.5 10h2.471L8.472 5.724a.61.61 0 0 0-.944 0L4.029 10H6.5v3.25c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25V10ZM8.002 2.5h6.248a.75.75 0 0 0 0-1.5H1.75a.75.75 0 0 0 0 1.5h6.252Zm0 1.5a2.11 2.11 0 0 1 1.631.774l3.534 4.319a1.474 1.474 0 0 1-1.14 2.407H11v1.75A1.75 1.75 0 0 1 9.25 15h-2.5A1.75 1.75 0 0 1 5 13.25V11.5H3.974a1.474 1.474 0 0 1-1.14-2.407l3.533-4.319c.4-.49 1-.774 1.632-.774H8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.28 4.78a.75.75 0 0 0 0-1.06l-2.5-2.5a.75.75 0 1 0-1.06 1.06L6.94 3.5H1.75a.75.75 0 1 0 0 1.5h5.19L5.72 6.22a.75.75 0 1 0 1.06 1.06l2.5-2.5Zm-.06 3.94-2.5 2.5a.75.75 0 0 0 0 1.06l2.5 2.5a.75.75 0 1 0 1.06-1.06L9.06 12.5h5.19a.75.75 0 0 0 0-1.5H9.06l1.22-1.22a.75.75 0 1 0-1.06-1.06ZM14 4.25a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0ZM3.75 13.5a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 1.5a6.501 6.501 0 0 1 6.445 5.649.75.75 0 1 1-1.488.194A5.001 5.001 0 0 0 4.43 4.5h1.32a.75.75 0 0 1 0 1.5h-3A.75.75 0 0 1 2 5.25v-3a.75.75 0 1 1 1.5 0v1.06A6.48 6.48 0 0 1 8 1.5Zm5.25 13a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-.75-.75h-3a.75.75 0 1 0 0 1.5h1.32a5.001 5.001 0 0 1-8.528-2.843.75.75 0 1 0-1.487.194 6.501 6.501 0 0 0 10.945 3.84v1.059c0 .414.336.75.75.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 1.5a6.47 6.47 0 0 1 2.709.59L9.552 3.245A4.996 4.996 0 0 0 8 3a4.983 4.983 0 0 0-3.57 1.5h1.32a.75.75 0 0 1 0 1.5h-3A.75.75 0 0 1 2 5.25v-3a.75.75 0 1 1 1.5 0v1.06A6.48 6.48 0 0 1 8 1.5Zm4.026 3.534-6.991 6.992C5.865 12.638 6.89 13 8 13a4.983 4.983 0 0 0 3.57-1.5h-1.32a.75.75 0 0 1 0-1.5h3a.75.75 0 0 1 .75.75v3a.75.75 0 1 1-1.5 0v-1.06A6.48 6.48 0 0 1 8 14.5a6.472 6.472 0 0 1-4.035-1.404l-.935.934a.75.75 0 0 1-1.06-1.06l11-11a.75.75 0 0 1 1.06 1.06l-.934.935a6.472 6.472 0 0 1 1.349 3.184.75.75 0 1 1-1.488.194 4.972 4.972 0 0 0-.93-2.309ZM3.043 8.657c.04.308.109.607.203.895L2.09 10.708a6.46 6.46 0 0 1-.534-1.857.75.75 0 0 1 1.487-.194Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 1.5a6.501 6.501 0 0 0-6.445 5.649.75.75 0 1 0 1.488.194A5.001 5.001 0 0 1 11.57 4.5h-1.32a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-1.5 0v1.06A6.48 6.48 0 0 0 8 1.5Zm-5.25 13a.75.75 0 0 1-.75-.75v-3a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 0 1.5H4.43a5.001 5.001 0 0 0 8.528-2.843.75.75 0 1 1 1.487.194A6.501 6.501 0 0 1 3.5 12.691v1.059a.75.75 0 0 1-.75.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.904 3.965a6.472 6.472 0 0 0-1.349 3.184.75.75 0 1 0 1.488.194 4.97 4.97 0 0 1 .93-2.309l6.992 6.992A4.978 4.978 0 0 1 8 13a4.983 4.983 0 0 1-3.57-1.5h1.32a.75.75 0 0 0 0-1.5h-3a.75.75 0 0 0-.75.75v3a.75.75 0 0 0 1.5 0v-1.06A6.48 6.48 0 0 0 8 14.5a6.472 6.472 0 0 0 4.035-1.404l.935.934a.75.75 0 1 0 1.06-1.06l-11-11a.75.75 0 0 0-1.06 1.06l.934.935Zm9.85 5.587 1.156 1.156a6.457 6.457 0 0 0 .534-1.857.75.75 0 1 0-1.487-.194c-.04.308-.109.607-.203.895ZM5.291 2.09l1.157 1.157A4.996 4.996 0 0 1 8 3a4.98 4.98 0 0 1 3.57 1.5h-1.32a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-1.5 0v1.06A6.48 6.48 0 0 0 8 1.5a6.47 6.47 0 0 0-2.709.59Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 14.75a.75.75 0 0 1-.75-.75V3.81L4.53 6.53a.75.75 0 0 1-1.06-1.06l4-4a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1-1.06 1.06L8.75 3.81V14a.75.75 0 0 1-.75.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.72 2.22a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1-1.06 1.06L5 4.56v8.69a.75.75 0 0 1-1.5 0V4.56L1.78 6.28A.75.75 0 0 1 .72 5.22l3-3ZM11.75 14a.75.75 0 0 1-.53-.22l-3-3a.75.75 0 1 1 1.06-1.06L11 11.44V2.75a.75.75 0 0 1 1.5 0v8.69l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-.53.22Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.47 1.22a.75.75 0 0 1 1.06 0l2.5 2.5a.75.75 0 1 1-1.06 1.06L8.75 3.56v7.69a.75.75 0 0 1-1.5 0V3.56L6.03 4.78a.75.75 0 0 1-1.06-1.06l2.5-2.5ZM1.75 13.5a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5H1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.47 1.22a.75.75 0 0 1 1.06 0l2.5 2.5a.75.75 0 1 1-1.06 1.06L8.75 3.56v7.69a.75.75 0 0 1-1.5 0V3.56L6.03 4.78a.75.75 0 0 1-1.06-1.06l2.5-2.5ZM4.25 6.5a.75.75 0 0 1 0 1.5H4a1.5 1.5 0 0 0-1.5 1.5V12A1.5 1.5 0 0 0 4 13.5h8a1.5 1.5 0 0 0 1.5-1.5V9.5A1.5 1.5 0 0 0 12 8h-.25a.75.75 0 0 1 0-1.5H12a3 3 0 0 1 3 3V12a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V9.5a3 3 0 0 1 3-3h.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.47 1.22a.75.75 0 0 1 1.06 0l2.5 2.5a.75.75 0 1 1-1.06 1.06L8.75 3.56v3.738l-1.5-1.5V3.56L6.131 4.679l-1.06-1.06 2.399-2.4Zm-.22 8.84v1.19a.75.75 0 0 0 1.453.263l1.986 1.987H4A1.5 1.5 0 0 1 2.5 12V9.5A1.5 1.5 0 0 1 4 8h1.19l2.06 2.06ZM3.704 6.515 1.97 4.78a.75.75 0 0 1 1.06-1.06l11 11a.75.75 0 1 1-1.06 1.06l-.786-.785A3.11 3.11 0 0 1 12 15H4a3 3 0 0 1-3-3V9.5a3 3 0 0 1 2.704-2.986Zm9.795 5.533 1.22 1.22A2.98 2.98 0 0 0 15 12.001V9.5a3 3 0 0 0-3-3h-.25a.75.75 0 0 0 0 1.5H12a1.5 1.5 0 0 1 1.5 1.5v2.547Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10 1.5A.75.75 0 0 0 10 3h1.94L6.97 7.97a.75.75 0 0 0 1.06 1.06L13 4.06V6a.75.75 0 0 0 1.5 0V2.25a.75.75 0 0 0-.75-.75H10ZM7.5 3.25a.75.75 0 0 0-.75-.75H4.5a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V9.25a.75.75 0 0 0-1.5 0v2.25a1.5 1.5 0 0 1-1.5 1.5h-6A1.5 1.5 0 0 1 3 11.5v-6A1.5 1.5 0 0 1 4.5 4h2.25a.75.75 0 0 0 .75-.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.47 4.22a.75.75 0 0 1 1.06 0l2.5 2.5a.75.75 0 1 1-1.06 1.06L8.75 6.56v7.69a.75.75 0 0 1-1.5 0V6.56L6.03 7.78a.75.75 0 0 1-1.06-1.06l2.5-2.5Zm6.78-1.72a.75.75 0 0 0 0-1.5H1.75a.75.75 0 0 0 0 1.5h12.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.72 13.53a.75.75 0 0 0 1.06 0l3-3a.75.75 0 1 0-1.06-1.06L6 11.19V7a3.25 3.25 0 0 1 6.5 0v1A.75.75 0 0 0 14 8V7a4.75 4.75 0 1 0-9.5 0v4.19L2.78 9.47a.75.75 0 0 0-1.06 1.06l3 3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.47 4.72a.75.75 0 0 0 0 1.06l3 3a.75.75 0 0 0 1.06-1.06L4.81 6H9a3.25 3.25 0 0 1 0 6.5H8A.75.75 0 0 0 8 14h1a4.75 4.75 0 1 0 0-9.5H4.81l1.72-1.72a.75.75 0 0 0-1.06-1.06l-3 3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.53 11.28a.75.75 0 0 0 0-1.06l-3-3a.75.75 0 1 0-1.06 1.06L11.19 10H7a3.25 3.25 0 0 1 0-6.5h1A.75.75 0 0 0 8 2H7a4.75 4.75 0 0 0 0 9.5h4.19l-1.72 1.72a.75.75 0 1 0 1.06 1.06l3-3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.28 13.53a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 1 1 1.06-1.06L10 11.19V7a3.25 3.25 0 0 0-6.5 0v1A.75.75 0 0 1 2 8V7a4.75 4.75 0 0 1 9.5 0v4.19l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.47 11.28a.75.75 0 0 1 0-1.06l3-3a.75.75 0 0 1 1.06 1.06L4.81 10H9a3.25 3.25 0 0 0 0-6.5H8A.75.75 0 0 1 8 2h1a4.75 4.75 0 1 1 0 9.5H4.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.53 4.72a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06L11.19 6H7a3.25 3.25 0 0 0 0 6.5h1A.75.75 0 0 1 8 14H7a4.75 4.75 0 1 1 0-9.5h4.19L9.47 2.78a.75.75 0 0 1 1.06-1.06l3 3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 2.5a5.5 5.5 0 1 0 3.52 9.726.75.75 0 0 1 .96 1.153A7 7 0 1 1 15 8a2.5 2.5 0 0 1-4.083 1.935A3.5 3.5 0 1 1 11.5 8a1 1 0 1 0 2 0A5.5 5.5 0 0 0 8 2.5ZM10 8a2 2 0 1 0-4 0 2 2 0 0 0 4 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.323 12.383a5.5 5.5 0 0 1-7.706-7.706l7.706 7.706Zm1.06-1.06L4.677 3.617a5.5 5.5 0 0 1 7.706 7.706ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.25 3.25A.75.75 0 0 1 2 2.5h12A.75.75 0 0 1 14 4H2a.75.75 0 0 1-.75-.75Zm0 4.75A.75.75 0 0 1 2 7.25h12a.75.75 0 0 1 0 1.5H2A.75.75 0 0 1 1.25 8ZM2 12a.75.75 0 0 0 0 1.5h12a.75.75 0 0 0 0-1.5H2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1 12.75c0 .414.336.75.75.75h12.5a.75.75 0 0 0 0-1.5H1.75a.75.75 0 0 0-.75.75ZM3 8c0 .414.336.75.75.75h8.5a.75.75 0 0 0 0-1.5h-8.5A.75.75 0 0 0 3 8Zm3.75-4a.75.75 0 0 1 0-1.5h2.5a.75.75 0 0 1 0 1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1 12.75c0 .414.336.75.75.75h12.5a.75.75 0 0 0 0-1.5H1.75a.75.75 0 0 0-.75.75ZM1 8c0 .414.336.75.75.75h8.5a.75.75 0 0 0 0-1.5h-8.5A.75.75 0 0 0 1 8Zm.75-4a.75.75 0 0 1 0-1.5h2.5a.75.75 0 0 1 0 1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.22 13.28a.75.75 0 0 0 1.06 0l2-2a.75.75 0 1 0-1.06-1.06l-.72.72V3.25a.75.75 0 0 0-1.5 0v7.69l-.72-.72a.75.75 0 1 0-1.06 1.06l2 2ZM7.75 12a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5h-7.5Zm0-3.25a.75.75 0 0 1 0-1.5h5.5a.75.75 0 0 1 0 1.5h-5.5Zm0-4.75a.75.75 0 0 1 0-1.5h2.5a.75.75 0 0 1 0 1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.22 2.72a.75.75 0 0 1 1.06 0l2 2a.75.75 0 0 1-1.06 1.06l-.72-.72v7.69a.75.75 0 0 1-1.5 0V5.06l-.72.72A.75.75 0 0 1 .22 4.72l2-2ZM7 12.75c0 .414.336.75.75.75h7.5a.75.75 0 0 0 0-1.5h-7.5a.75.75 0 0 0-.75.75Zm.75-4a.75.75 0 0 1 0-1.5h5.5a.75.75 0 0 1 0 1.5h-5.5Zm0-4.75a.75.75 0 0 1 0-1.5h2.5a.75.75 0 0 1 0 1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M15 12.75a.75.75 0 0 1-.75.75H1.75a.75.75 0 0 1 0-1.5h12.5a.75.75 0 0 1 .75.75ZM15 8a.75.75 0 0 1-.75.75h-8.5a.75.75 0 0 1 0-1.5h8.5A.75.75 0 0 1 15 8Zm-.75-4a.75.75 0 0 0 0-1.5h-2.5a.75.75 0 0 0 0 1.5h2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1 3.25a.75.75 0 0 1 .75-.75h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 3.25ZM3 8a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 3 8Zm3.75 4a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1 3.25a.75.75 0 0 1 .75-.75h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 3.25ZM1 8a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 1 8Zm.75 4a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.22 13.28a.75.75 0 0 0 1.06 0l2-2a.75.75 0 1 0-1.06-1.06l-.72.72V3.25a.75.75 0 0 0-1.5 0v7.69l-.72-.72a.75.75 0 1 0-1.06 1.06l2 2ZM7 3.25a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 7 3.25Zm.75 4a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5h-5.5Zm0 4.75a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.22 2.72a.75.75 0 0 1 1.06 0l2 2a.75.75 0 0 1-1.06 1.06l-.72-.72v7.69a.75.75 0 0 1-1.5 0V5.06l-.72.72A.75.75 0 0 1 .22 4.72l2-2ZM7.75 4a.75.75 0 0 1 0-1.5h7.5a.75.75 0 0 1 0 1.5h-7.5Zm0 3.25a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5h-5.5Zm0 4.75a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M15 3.25a.75.75 0 0 0-.75-.75H1.75a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 .75-.75ZM15 8a.75.75 0 0 0-.75-.75h-8.5a.75.75 0 0 0 0 1.5h8.5A.75.75 0 0 0 15 8Zm-.75 4a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1 0-1.5h2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.75 3.25a.75.75 0 0 1 .75-.75h11a.75.75 0 0 1 0 1.5h-11a.75.75 0 0 1-.75-.75Zm.75 3a.75.75 0 0 0 0 1.5h11a.75.75 0 0 0 0-1.5h-11Zm0 3.75a.75.75 0 0 0 0 1.5h4.25a.75.75 0 0 0 0-1.5H2.5Zm11 3.116a1 1 0 0 0 0-1.732l-3-1.732a1 1 0 0 0-1.5.866v3.464a1 1 0 0 0 1.5.866l3-1.732Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.75 2.5a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75ZM4 8a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H4.75A.75.75 0 0 1 4 8Zm-4 4.75A.75.75 0 0 1 .75 12h10.5a.75.75 0 0 1 0 1.5H.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m4.665 7.822.62-3.096a2.77 2.77 0 0 1 5.43 0l.62 3.096a4.782 4.782 0 0 0 1.305 2.44l.194.193a.567.567 0 0 1-.273.953l-.821.19a16.63 16.63 0 0 1-7.48 0l-.82-.19a.567.567 0 0 1-.274-.953l.194-.193a4.774 4.774 0 0 0 1.305-2.44Zm-1.47-.294.619-3.096a4.27 4.27 0 0 1 8.372 0l.62 3.096c.126.634.438 1.216.895 1.673l.194.194a2.066 2.066 0 0 1-.997 3.475l-.821.19c-.701.16-1.41.28-2.12.358a2 2 0 0 1-3.913 0 18.134 18.134 0 0 1-2.12-.359l-.822-.19a2.067 2.067 0 0 1-.997-3.474L2.3 9.2c.457-.457.769-1.04.895-1.673Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill-rule="evenodd" clip-rule="evenodd"><path fill="currentColor" d="M8 2.5a2.77 2.77 0 0 0-2.716 2.226l-.619 3.096a4.774 4.774 0 0 1-1.305 2.44l-.194.193a.566.566 0 0 0 .273.953l.821.19a16.63 16.63 0 0 0 7.48 0l.82-.19a.567.567 0 0 0 .274-.953l-.194-.193a4.774 4.774 0 0 1-1.305-2.44l-.068-.337a.75.75 0 0 1 1.471-.295l.068.338c.126.634.438 1.216.895 1.673l.194.194a2.066 2.066 0 0 1-.997 3.475l-.821.19c-.701.16-1.41.28-2.12.358a2 2 0 0 1-3.913 0 18.134 18.134 0 0 1-2.12-.359l-.822-.19a2.067 2.067 0 0 1-.997-3.474L2.3 9.2c.457-.457.769-1.04.895-1.673l.62-3.096a4.27 4.27 0 0 1 5.4-3.256.75.75 0 1 1-.427 1.438A2.766 2.766 0 0 0 8 2.5Z"></path><path fill="#F33" d="M12.5 5.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"></path></g></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.74 4.8 1.97 3.03a.75.75 0 0 1 1.06-1.06l11 11a.75.75 0 1 1-1.06 1.06l-.957-.956c-.68.154-1.367.269-2.057.344a2 2 0 0 1-3.912 0 18.134 18.134 0 0 1-2.12-.359l-.822-.19a2.067 2.067 0 0 1-.997-3.474L2.3 9.2c.457-.457.769-1.04.895-1.673L3.741 4.8Zm6.996 6.997a16.632 16.632 0 0 1-6.476-.2l-.82-.189a.567.567 0 0 1-.274-.953l.194-.193a4.774 4.774 0 0 0 1.305-2.44l.35-1.747 5.721 5.722Zm.599-3.975c.028.14.061.277.101.412l3.025 3.024a2.068 2.068 0 0 0-.566-1.863L13.7 9.2a3.274 3.274 0 0 1-.895-1.673l-.62-3.096a4.27 4.27 0 0 0-6.96-2.408L6.292 3.09a2.77 2.77 0 0 1 4.424 1.637l.619 3.095Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M1.522 10.68a2.14 2.14 0 0 0 2.11 1.82 2.125 2.125 0 1 0-2.11-1.82ZM3.64 14h-.015a3.626 3.626 0 0 1-3.558-2.927 3.6 3.6 0 0 1 .256-2.212L2.98 2.98a2.516 2.516 0 0 1 4.802 1.237L7.673 5.6a1.474 1.474 0 0 1 .655 0l-.11-1.382a2.516 2.516 0 0 1 4.801-1.237l2.658 5.88a3.6 3.6 0 0 1 .256 2.213A3.626 3.626 0 0 1 12.375 14h-.015a3.64 3.64 0 0 1-3.628-3.35l-.174-2.176A.963.963 0 0 0 8 8.312a.963.963 0 0 0-.558.162l-.174 2.176A3.64 3.64 0 0 1 3.64 14Zm-.015-7.25c.91 0 1.742.336 2.379.89l.283-3.542a1.016 1.016 0 0 0-1.94-.5L2.89 6.825a3.64 3.64 0 0 1 .736-.075Zm10.853 3.93a2.125 2.125 0 1 0-2.11 1.82 2.14 2.14 0 0 0 2.11-1.82Zm-2.826-7.082 1.459 3.227a3.61 3.61 0 0 0-3.115.815l-.283-3.542a1.016 1.016 0 0 1 1.94-.5Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.25 2.25A.75.75 0 0 0 3.5 3v10c0 .414.336.75.75.75H9.5a3.25 3.25 0 0 0 1.477-6.146A3.25 3.25 0 0 0 8.5 2.25H4.25Zm3.5 5a1.75 1.75 0 1 0 0-3.5h-2v3.5h2Zm-2 1.5v3.5h3a1.75 1.75 0 1 0 0-3.5h-3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.5 11.937V13a.5.5 0 0 0 .5.5h7a1.5 1.5 0 0 0 1.5-1.5v-.401A2.987 2.987 0 0 1 11 12H4c-.173 0-.34-.022-.5-.063ZM2 10V3a1.987 1.987 0 0 1 .686-1.508A1.994 1.994 0 0 1 4 1h7a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H4a2 2 0 0 1-2-2v-3Zm1.5 0a.5.5 0 0 0 .5.5h7A1.5 1.5 0 0 0 12.5 9V4A1.5 1.5 0 0 0 11 2.5H4a.498.498 0 0 0-.5.5v7Zm2-4.75a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m8 9.524.976.837 2.988 2.56a.325.325 0 0 0 .536-.246V4.5A1.5 1.5 0 0 0 11 3H5a1.5 1.5 0 0 0-1.5 1.5v8.175a.325.325 0 0 0 .536.247l2.988-2.56L8 9.523ZM14 4.5a3 3 0 0 0-3-3H5a3 3 0 0 0-3 3v8.175a1.825 1.825 0 0 0 3.013 1.386L8 11.5l2.987 2.56A1.825 1.825 0 0 0 14 12.676V4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M11 1.5a3 3 0 0 1 3 3v8.546a1.454 1.454 0 0 1-2.411 1.094L8 11l-3.589 3.14A1.454 1.454 0 0 1 2 13.046V4.5a3 3 0 0 1 3-3h6Z"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.345 2.634c.09.046.18.094.268.145L8 3l.387-.221a6.699 6.699 0 0 1 6.32-.175c.486.242.793.74.793 1.283v8.938c0 .65-.526 1.175-1.175 1.175h-.04c-.187 0-.37-.05-.529-.146a4.793 4.793 0 0 0-4.61-.177l-.199.1A2.123 2.123 0 0 1 8 14h-.117a1.624 1.624 0 0 1-.726-.171l-.233-.117a4.937 4.937 0 0 0-4.748.183.741.741 0 0 1-.381.105h-.12A1.175 1.175 0 0 1 .5 12.825V3.887c0-.544.307-1.04.793-1.284a6.699 6.699 0 0 1 6.052.03Zm1.405 9.572V4.3l.382-.218A5.199 5.199 0 0 1 14 3.927v8.357a6.293 6.293 0 0 0-5.25-.078Zm-1.5.005V4.298l-.382-.218A5.199 5.199 0 0 0 2 3.927v8.365a6.437 6.437 0 0 1 5.25-.082Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 10.421V5.475l-2 .714V8.25a.75.75 0 0 1-1.5 0V6.725l-2.25.804v6.088l4.777-1.792a1.5 1.5 0 0 0 .973-1.404Zm-2.254-5.734 1.6-.571a1.5 1.5 0 0 0-.175-.104L9.499 2.427a1.5 1.5 0 0 0-1.197-.063l-.941.353 3.724 1.862c.06.03.113.066.16.108ZM5.444 3.435l3.878 1.94-2.273.811-3.805-1.903c.072-.042.149-.078.23-.109l1.97-.739Zm.806 4.029L2.5 5.589v5.057a1.5 1.5 0 0 0 .83 1.341l2.92 1.46V7.465ZM1 5.579c0-.436.094-.856.266-1.236a.752.752 0 0 1 .2-.37c.342-.54.855-.968 1.48-1.203L7.777.96a3 3 0 0 1 2.394.125l3.172 1.586A3 3 0 0 1 15 5.354v5.067a3 3 0 0 1-1.947 2.809l-4.828 1.81a3 3 0 0 1-2.395-.125l-3.172-1.586A3 3 0 0 1 1 10.646V5.579Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.25 2H6.5a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-.75v1.75a.75.75 0 0 1-1.5 0V2ZM6.5.5A2.5 2.5 0 0 0 4 3v3c0 .356.074.694.208 1H3A2.5 2.5 0 0 0 .5 9.5v3A2.5 2.5 0 0 0 3 15h10a2.5 2.5 0 0 0 2.5-2.5v-3A2.5 2.5 0 0 0 13 7h-1.208c.134-.306.208-.644.208-1V3A2.5 2.5 0 0 0 9.5.5h-3Zm.75 9a1 1 0 0 0-1-1h-1v1.75a.75.75 0 0 1-1.5 0V8.5H3a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3.25a1 1 0 0 0 1-1v-3Zm1.5 3a1 1 0 0 0 1 1H13a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-.75v1.75a.75.75 0 0 1-1.5 0V8.5h-1a1 1 0 0 0-1 1v3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.25 12a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm-.75-1.372a2.251 2.251 0 1 0 1.5 0v-.378a3 3 0 0 0-3-3H8.75V5.372a2.25 2.25 0 1 0-1.5 0V7.25H5a3 3 0 0 0-3 3v.378a2.251 2.251 0 1 0 1.5 0v-.378A1.5 1.5 0 0 1 5 8.75h2.25v1.878a2.251 2.251 0 1 0 1.5 0V8.75H11a1.5 1.5 0 0 1 1.5 1.5v.378ZM2.75 12a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm4.5.75a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0ZM8 2.5A.75.75 0 1 0 8 4a.75.75 0 0 0 0-1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 2.75a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Zm-1.372.75a2.251 2.251 0 1 0 0-1.5h-.378a3 3 0 0 0-3 3v2.25H5.372a2.25 2.25 0 1 0 0 1.5H7.25V11a3 3 0 0 0 3 3h.378a2.251 2.251 0 1 0 0-1.5h-.378a1.5 1.5 0 0 1-1.5-1.5V8.75h1.878a2.251 2.251 0 1 0 0-1.5H8.75V5a1.5 1.5 0 0 1 1.5-1.5h.378ZM12 13.25a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Zm.75-4.5a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5ZM2.5 8A.75.75 0 1 0 4 8a.75.75 0 0 0-1.5 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 2.75a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0ZM12.75.5A2.25 2.25 0 0 0 10.628 2h-.378a3 3 0 0 0-3 3v2.19L5.03 4.97a.75.75 0 0 0-1.06 1.06l1.22 1.22H1.75a.75.75 0 0 0 0 1.5h3.44L3.97 9.97a.75.75 0 1 0 1.06 1.06l2.22-2.22V11a3 3 0 0 0 3 3h.378a2.251 2.251 0 1 0 0-1.5h-.378a1.5 1.5 0 0 1-1.5-1.5V8.75h1.878a2.251 2.251 0 1 0 0-1.5H8.75V5a1.5 1.5 0 0 1 1.5-1.5h.378a2.251 2.251 0 1 0 2.122-3ZM12 13.25a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Zm.75-4.5a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9 2.5H7a.5.5 0 0 0-.5.5v1h3V3a.5.5 0 0 0-.5-.5ZM5 3v1H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3h-1V3a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2Zm4.5 2.5H12A1.5 1.5 0 0 1 13.5 7v4a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 11V7A1.5 1.5 0 0 1 4 5.5h5.5ZM4.75 7a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.442 13.033c-.278.307-.319.777-.05 1.092.27.314.747.353 1.033.053a7.5 7.5 0 1 0-10.85 0c.286.3.763.261 1.032-.053.27-.315.23-.785-.05-1.092a6 6 0 1 1 8.884 0Zm-.987-1.15c-.265.318-.745.279-1.015-.036-.27-.314-.223-.784.015-1.123a3 3 0 1 0-4.91 0c.238.339.284.809.015 1.123-.27.315-.75.354-1.015.036a4.5 4.5 0 1 1 6.91 0ZM8 10.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M11.995.667a.75.75 0 1 0-1.49.166L11.19 7h-.867c-1.64 0-2.896 1.449-3.197 3.06a12.556 12.556 0 0 1-1.2 3.44C5.434 14.448 5 15 5 15h8.5s2.08-1.734 2.488-5.49C16.14 8.094 14.91 7 13.488 7H12.7L11.995.667ZM3.75 2.5a.75.75 0 1 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-4.5ZM.75 6a.75.75 0 1 0 0 1.5h5.5a.75.75 0 0 0 0-1.5H.75ZM1 10.25a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1-.75-.75Zm6.593 3.25c.393-.866.78-1.94 1.008-3.165C8.819 9.167 9.646 8.5 10.322 8.5h3.167c.332 0 .618.13.797.303a.63.63 0 0 1 .21.545c-.175 1.622-.708 2.779-1.173 3.514a6.003 6.003 0 0 1-.461.638h-.999c.539-.706.887-1.728.887-2.75H12c-.351 1.229-1.072 2.088-2.162 2.75H7.593Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.922 9.842c.051.283.078.582.078.896 0 1.907-1.387 3.66-3.79 3.894a4.782 4.782 0 0 1-4.208-1.774 1.99 1.99 0 0 1-.21-.333c-.231-.461-.292-1-.292-1.528.312.047.599.045.852 0 .635-.112 1.061-.487 1.148-1C2.73 8.637 3.572 7 5.76 7c.15 0 .294.01.435.028l3.417-4.784a2.971 2.971 0 1 1 4.145 4.145L8.922 9.842Zm-.56-1.444 2.819-2.013A2.686 2.686 0 0 0 9.615 4.82L7.626 7.605c.285.215.533.481.737.793Zm4.066-2.904.457-.326a1.471 1.471 0 1 0-2.052-2.052l-.326.457a4.188 4.188 0 0 1 1.921 1.921Zm-8.449 4.753c.086-.507.272-.962.54-1.264.225-.254.572-.483 1.242-.483.517 0 .913.197 1.198.523.297.34.541.906.541 1.715 0 1.121-.786 2.24-2.435 2.4a3.3 3.3 0 0 1-2.63-.922c.76-.337 1.374-.965 1.544-1.969Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.615 4.888c.814-.375.885-.714.885-.888 0-.174-.071-.513-.885-.888C10.8 2.737 9.538 2.5 8 2.5c-1.538 0-2.799.237-3.615.612-.814.375-.885.714-.885.888 0 .174.071.513.885.888C5.2 5.263 6.462 5.5 8 5.5c1.538 0 2.799-.237 3.615-.612ZM8 7c1.688 0 3.213-.26 4.304-.779a12.67 12.67 0 0 1-.085.431l-1.18 5.51a.86.86 0 0 1-.039.094 1.544 1.544 0 0 1-.31.433c-.306.306-1.03.811-2.69.811s-2.384-.505-2.69-.81a1.535 1.535 0 0 1-.31-.434.867.867 0 0 1-.038-.095l-.022-.1c.109-.017.219-.038.33-.063 1.518-.331 3.284-1.253 5.221-2.931a.75.75 0 1 0-.982-1.134c-1.813 1.572-3.36 2.338-4.56 2.6-.11.024-.219.044-.324.06l-.844-3.94c-.03-.144-.059-.287-.085-.432C4.786 6.741 6.312 7 8 7Zm-4.93 3.496-.697-3.254c-.28.426-.434.846-.49 1.227-.107.72.13 1.323.592 1.7.158.13.356.244.596.327ZM2.062 5.314A14.027 14.027 0 0 1 2 4c0-2 2.686-3 6-3s6 1 6 3c0 .997-.105 1.992-.314 2.967L12.5 12.5S12 15 8 15s-4.5-2.5-4.5-2.5l-.084-.394c-.736-.091-1.378-.356-1.89-.775C.611 10.583.223 9.434.398 8.25c.15-1.02.708-2.049 1.662-2.936Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.773 7.412c-.064.064-.27.249-1.017-.027-.75-.277-1.706-.928-2.695-1.918-.99-.99-1.64-1.945-1.918-2.695-.276-.747-.091-.953-.027-1.017.064-.064.27-.249 1.017.027.094.035.19.075.29.121.7.324 1.54.93 2.405 1.797.99.99 1.641 1.945 1.918 2.695.276.747.091.953.027 1.017ZM7 6.528c.85.85 1.738 1.535 2.581 1.972H1.694v-.027a1.292 1.292 0 0 1 .1-.507l2.802-4.33c.056-.087.114-.174.172-.26C5.16 4.383 5.956 5.485 7 6.529Zm3.89-3.889c2.147 2.148 3.24 4.537 1.944 5.834a12.976 12.976 0 0 1-2.127 1.719L6.352 13.01s-1.945 1.296-4.537-1.296C-.778 9.12.518 7.175.518 7.175L3.336 2.82A12.98 12.98 0 0 1 5.056.694C6.351-.602 8.74.491 10.888 2.64Zm1.86 12.36c.966 0 1.75-.765 1.75-1.71 0-1.234-1.17-2.76-1.512-3.178a.304.304 0 0 0-.237-.111.31.31 0 0 0-.24.112c-.34.422-1.511 1.96-1.511 3.178 0 .944.784 1.71 1.75 1.71Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M5.865.031a.75.75 0 0 1 .918.53l.531 1.981a5.554 5.554 0 0 1 2.384.225 2.5 2.5 0 1 1 3.535 3.535 5.496 5.496 0 0 1 .225 2.384l1.98.53a.75.75 0 0 1-.388 1.45l-1.98-.53a5.49 5.49 0 0 1-.687 1.187l1.45 1.45a.75.75 0 0 1-1.06 1.06l-1.45-1.45a5.493 5.493 0 0 1-1.188.687l.53 1.98a.75.75 0 1 1-1.448.388l-.531-1.98a5.5 5.5 0 0 1-6.144-6.143l-1.98-.532A.75.75 0 0 1 .95 5.334l1.98.531c.18-.426.411-.824.687-1.188l-1.45-1.45a.75.75 0 1 1 1.06-1.06l1.45 1.45a5.494 5.494 0 0 1 1.188-.687L5.335.95a.75.75 0 0 1 .53-.919ZM8 12a4 4 0 1 0-3.309-1.752L8.42 6.52a.75.75 0 0 1 1.06 1.06l-3.728 3.73c.64.435 1.414.69 2.248.69Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="currentColor"><path fill-rule="evenodd" d="M6.26 15.109a4 4 0 0 0 3.48 0l.13-.063a2 2 0 0 0 1.13-1.8v-.468c0-1.352.776-2.557 1.54-3.673a5.5 5.5 0 1 0-9.08 0C4.224 10.221 5 11.425 5 12.778v.467a2 2 0 0 0 1.13 1.801l.13.063Zm2.828-1.35.13-.064a.5.5 0 0 0 .282-.45v-.467c0-.17.009-.337.025-.5a5.328 5.328 0 0 1-3.05 0c.016.163.025.33.025.5v.467a.5.5 0 0 0 .282.45l.13.063a2.5 2.5 0 0 0 2.176 0Zm-4.39-5.501c.394.576.891 1.302 1.263 2.148a3.793 3.793 0 0 0 4.078 0c.372-.846.869-1.572 1.264-2.148a4 4 0 1 0-6.605 0Z" clip-rule="evenodd"></path><path d="M8 3.5A.75.75 0 0 0 8 5a1 1 0 0 1 1 1 .75.75 0 0 0 1.5 0A2.5 2.5 0 0 0 8 3.5Z"></path></g></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.5 12V4A1.5 1.5 0 0 1 5 2.5h6A1.5 1.5 0 0 1 12.5 4v8a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12ZM5 15a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5Zm.5-11a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2h-5Zm1 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM8 12a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm3.5-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-6-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM9 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm1.5 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.25 5.497a.75.75 0 0 1-.75-.75V4A1.5 1.5 0 0 0 3 5.5v1h10v-1A1.5 1.5 0 0 0 11.5 4v.75a.75.75 0 0 1-1.5 0V4H6v.747a.75.75 0 0 1-.75.75ZM10 2.5H6v-.752a.75.75 0 1 0-1.5 0V2.5a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-6a3 3 0 0 0-3-3v-.75a.75.75 0 0 0-1.5 0v.75ZM3 8v3.5A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5V8H3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.273 5h1.05l.36-.987.248-.684A.5.5 0 0 1 6.401 3h3.198a.5.5 0 0 1 .47.33l.249.683.359.987H12a1.5 1.5 0 0 1 1.5 1.5V11a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 11V6.5A1.5 1.5 0 0 1 4 5h.273ZM6.4 1.5a2 2 0 0 0-1.88 1.317l-.248.683H4a3 3 0 0 0-3 3V11a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V6.5a3 3 0 0 0-3-3h-.273l-.248-.683A2 2 0 0 0 9.599 1.5H6.401Zm3.099 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm1.5 0a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.5 11H4.419l-.342 1.026-.158.474H2V9.52c.496.129 1.213.23 2.25.23a.75.75 0 1 0 0-1.5c-1.073 0-1.682-.12-1.998-.217a1.765 1.765 0 0 1-.204-.075 1.82 1.82 0 0 1 .485-.87c.074-.073.145-.15.214-.228C4.272 7.293 6.15 7.5 8 7.5c1.849 0 3.728-.207 5.253-.64.069.079.14.155.214.228.241.242.408.544.485.87-.045.02-.111.047-.204.075-.316.097-.925.217-1.998.217a.75.75 0 0 0 0 1.5c1.037 0 1.754-.101 2.25-.23v2.98h-1.919l-.158-.474L11.581 11H5.5Zm6.924-5.472C11.144 5.838 9.584 6 8 6c-1.584 0-3.144-.162-4.424-.472.031-.075.06-.15.088-.226l.448-1.257c.18-.505.57-.806.96-.863a20.756 20.756 0 0 1 5.855 0c.392.057.78.358.96.863l.45 1.257c.027.076.056.151.087.226Zm-1.652 7.788L10.5 12.5h-5l-.272.816a1 1 0 0 1-.949.684H1.5a1 1 0 0 1-1-1V8.375c0-.88.35-1.725.972-2.347a3.32 3.32 0 0 0 .43-.528H1.25a.75.75 0 1 1 0-1.5h1.286l.164-.46c.343-.96 1.148-1.696 2.157-1.842a22.256 22.256 0 0 1 6.286 0c1.009.146 1.814.882 2.157 1.843l.164.459h1.286a.75.75 0 0 1 0 1.5h-.651c.124.19.268.367.429.528a3.32 3.32 0 0 1 .972 2.347V13a1 1 0 0 1-1 1h-2.78a1 1 0 0 1-.948-.684Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 4v8a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h6A1.5 1.5 0 0 1 12.5 4ZM11 1a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h6ZM9.5 6c0 .176-.03.345-.086.502L9.5 6.5a1.5 1.5 0 1 1-1.228 2.361c.08.667.382 1.293.862 1.773L9.5 11v.5h-3V11l.366-.366c.48-.48.782-1.106.862-1.773a1.5 1.5 0 1 1-1.142-2.359A1.5 1.5 0 1 1 9.5 6Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 4v8a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h6A1.5 1.5 0 0 1 12.5 4ZM11 1a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h6ZM5 8.25v-.5A5.564 5.564 0 0 0 7.75 4h.5A5.564 5.564 0 0 0 11 7.75v.5A5.564 5.564 0 0 0 8.25 12h-.5A5.564 5.564 0 0 0 5 8.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 4v8a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h6A1.5 1.5 0 0 1 12.5 4ZM11 1a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h6ZM4.75 7.333c0-1.148.734-2.084 1.846-2.084.613 0 1.253.595 1.404 1.501.15-.915.791-1.5 1.404-1.5 1.112 0 1.846.935 1.846 2.083 0 1.895-1.69 3.1-3.1 3.878a.307.307 0 0 1-.3-.001c-1.412-.786-3.1-1.973-3.1-3.877Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 4v8a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h6A1.5 1.5 0 0 1 12.5 4ZM11 1a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h6ZM9.296 9.5C10.279 9.5 11 8.803 11 7.855c0-1.308-1.38-2.246-2.464-2.983-.19-.13-.372-.254-.536-.372-.162.117-.342.24-.53.368C6.384 5.608 5 6.55 5 7.855 5 8.803 5.721 9.5 6.704 9.5c.388 0 .716-.124.974-.345a3.018 3.018 0 0 1-.812 1.479L6.5 11v.5h3V11l-.366-.366a3.018 3.018 0 0 1-.812-1.479c.258.221.587.345.974.345Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.177 6.705A.73.73 0 0 1 4.729 5.5h6.542a.73.73 0 0 1 .552 1.205L8.8 10.214a1 1 0 0 1-.757.347h-.084a1 1 0 0 1-.757-.347L4.177 6.705Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.295 4.177a.73.73 0 0 1 1.205.552v6.542a.73.73 0 0 1-1.205.552L5.786 8.8a1 1 0 0 1-.347-.757v-.084a1 1 0 0 1 .347-.757l3.509-3.024Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.705 11.823a.73.73 0 0 1-1.205-.552V4.729a.73.73 0 0 1 1.205-.552L10.214 7.2a1 1 0 0 1 .347.757v.084a1 1 0 0 1-.347.757l-3.509 3.024Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 6.273a.727.727 0 0 0-.18-.479L8.8 2.342A1 1 0 0 0 8.046 2h-.092a1 1 0 0 0-.753.341L4.18 5.794A.727.727 0 0 0 4.727 7h6.546A.727.727 0 0 0 12 6.273ZM4 9.727c0 .176.064.346.18.479l3.02 3.453a1 1 0 0 0 .753.341h.092a1 1 0 0 0 .753-.341l3.021-3.454A.727.727 0 0 0 11.273 9H4.727A.727.727 0 0 0 4 9.727Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.823 9.295a.73.73 0 0 1-.552 1.205H4.729a.73.73 0 0 1-.552-1.205L7.2 5.786a1 1 0 0 1 .757-.347h.084a1 1 0 0 1 .757.347l3.024 3.509Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M10.257 4.2a.858.858 0 0 1-.86.274l-3.103-.776a2.81 2.81 0 0 0-2.796.876L1.242 7.152A3 3 0 0 0 .5 9.127V12a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V3.309a1.933 1.933 0 0 0-3.4-1.258l-1.31 1.528-.533.622ZM14 6.48V3.31a.433.433 0 0 0-.762-.282l-1.842 2.15a2.358 2.358 0 0 1-2.362.753L5.93 5.154a1.31 1.31 0 0 0-1.303.408L2.37 8.139a1.5 1.5 0 0 0-.37.988v.685l2.304-1.44a2.59 2.59 0 0 1 2.458-.155l1.923.888a1.578 1.578 0 0 0 1.777-.317l.22-.22 1.575-1.574A1.862 1.862 0 0 1 14 6.479ZM2 12c0 .277.226.501.5.501h11a.5.5 0 0 0 .5-.5V8.337a.4.4 0 0 0-.683-.283L11.523 9.85a3.078 3.078 0 0 1-3.466.618L6.134 9.58a1.09 1.09 0 0 0-1.035.066L2.352 11.36a.752.752 0 0 0-.352.637Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M13.5 12.5h-11A.5.5 0 0 1 2 12v-1.611l2.812-1.985a1.25 1.25 0 0 1 1.414-.019l1.753 1.169a2.75 2.75 0 0 0 3.757-.681L14 5.728V12a.5.5 0 0 1-.5.5Zm.22-8.95-3.201 4.446a1.25 1.25 0 0 1-1.708.31L7.058 7.137a2.75 2.75 0 0 0-3.111.042L2 8.553V4a.5.5 0 0 1 .5-.5h11c.079 0 .153.018.22.05ZM.5 9.992V4a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2V9.991Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M6 4v1a.5.5 0 0 1-.5.5h-3A.5.5 0 0 1 2 5V4a.5.5 0 0 1 .5-.5h3A.5.5 0 0 1 6 4ZM2 7.5v1a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-7a.5.5 0 0 0-.5.5ZM2 11v1a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5Zm-1.5.503V4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v1c0 .173-.022.34-.063.5H9.5a2 2 0 0 1 2 2v1c0 .173-.022.34-.063.5H13.5a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2v-.497Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M14 12a.5.5 0 0 1-.5.5h-11A.5.5 0 0 1 2 12v-1a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5v1Zm0-3.5a.5.5 0 0 1-.5.5H12a.5.5 0 0 1-.5-.5v-1A.5.5 0 0 1 12 7h1.5a.5.5 0 0 1 .5.5v1ZM14 5V4a.5.5 0 0 0-.5-.5H8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h5.5A.5.5 0 0 0 14 5ZM2.5 3.5A.5.5 0 0 0 2 4v1a.5.5 0 0 0 .5.5h3A.5.5 0 0 0 6 5V4a.5.5 0 0 0-.5-.5h-3Zm-.5 4v1a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-7a.5.5 0 0 0-.5.5ZM.5 12a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2h-11a2 2 0 0 0-2 2v8Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3.5h2a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5V4a.5.5 0 0 1 .5-.5Zm-2.5 9a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5H7a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h2Zm-4.5 0A.5.5 0 0 0 5 12v-2a.5.5 0 0 0-.5-.5h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2Zm-1 1.5h-1a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h2c.173 0 .34.022.5.063V7a2 2 0 0 1 2-2h2c.173 0 .34.022.5.063V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-10Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M11 4a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5V4Zm-2 8.5a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5H7a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h2Zm-4.5 0A.5.5 0 0 0 5 12v-2a.5.5 0 0 0-.5-.5h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2ZM2 7.5V4a.5.5 0 0 1 .5-.5h2A.5.5 0 0 1 5 4v3.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5Zm5-4h2a.5.5 0 0 1 .5.5v.5A.5.5 0 0 1 9 5H7a.5.5 0 0 1-.5-.5V4a.5.5 0 0 1 .5-.5ZM7 2H2.5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H7Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.111 2.18a7 7 0 1 1 7.778 11.64A7 7 0 0 1 4.111 2.18ZM8 6.02a1.98 1.98 0 1 0 0 3.96 1.98 1.98 0 0 0 0-3.96Zm-.75-3.469a5.5 5.5 0 1 0 6.199 6.199h-2.05a3.481 3.481 0 0 1-5.86 1.71A3.48 3.48 0 0 1 7.25 4.603v-2.05Zm1.5 0v2.05a3.48 3.48 0 0 1 2.648 2.649h2.05A5.498 5.498 0 0 0 8.75 2.551Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M15.326 1.27a.75.75 0 0 1-.096 1.056l-3.674 3.062a2.75 2.75 0 0 1-2.55.522l-2.869-.86a1.25 1.25 0 0 0-1.214.285l-3.16 2.962A.75.75 0 1 1 .737 7.203l3.16-2.963a2.75 2.75 0 0 1 2.671-.628l2.868.86c.402.121.837.032 1.16-.236l3.674-3.062a.75.75 0 0 1 1.056.096Zm.113 6.185a.75.75 0 0 1-.393.984l-4.398 1.885a2.75 2.75 0 0 1-2.313-.068L6.186 9.182a1.25 1.25 0 0 0-1.238.068l-3.29 2.13a.75.75 0 0 1-.815-1.26l3.29-2.129a2.75 2.75 0 0 1 2.724-.15l2.149 1.073a1.25 1.25 0 0 0 1.051.031l4.398-1.884a.75.75 0 0 1 .984.394ZM1.25 12.5a.75.75 0 0 0 0 1.5h13.5a.75.75 0 0 0 0-1.5H1.25Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M16 4a.75.75 0 0 0-1.4-.375l-1.176 2.037-1.288-2.06A.75.75 0 0 0 10.75 4v4.25a.75.75 0 0 0 1.5 0V6.613l.564.901a.75.75 0 0 0 1.286-.022l.4-.694v1.45a.75.75 0 0 0 1.5 0V4ZM2.828 4a.75.75 0 0 0-1.218-.586L.282 4.477a.75.75 0 1 0 .937 1.171l.11-.088v2.69a.75.75 0 1 0 1.5 0V4Zm4.583.75a.695.695 0 0 0-.656.464l-.085.242a.75.75 0 1 1-1.415-.498l.085-.242A2.195 2.195 0 0 1 7.411 3.25h.257A1.858 1.858 0 0 1 8.776 6.6l-1.213.9h1.375a.75.75 0 1 1 0 1.5H5.975a.975.975 0 0 1-.581-1.758L7.88 5.395a.358.358 0 0 0-.213-.645H7.41Zm7.44 5.226a.778.778 0 1 1 .598 1.436l-4.717 1.968a2.85 2.85 0 0 1-2.374-.081l-2.263-1.132a1.296 1.296 0 0 0-1.262.057l-3.624 2.243a.778.778 0 1 1-.818-1.323l3.623-2.243a2.852 2.852 0 0 1 2.776-.126l2.264 1.132c.337.169.73.182 1.079.037l4.718-1.968ZM4.75 8.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M14.98 1.826a.75.75 0 0 0-.96-1.152L10.376 3.71a1.25 1.25 0 0 1-1.196.225l-2.155-.718a2.75 2.75 0 0 0-2.973.837L.926 7.767a.75.75 0 1 0 1.148.966l3.125-3.712a1.25 1.25 0 0 1 1.352-.38l2.155.718a2.75 2.75 0 0 0 2.63-.496l3.644-3.037ZM13.5 8h-2a.5.5 0 0 0-.5.5V13a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V8.5a.5.5 0 0 0-.5-.5Zm-4 5a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5v-2.5A.5.5 0 0 1 7 10h2a.5.5 0 0 1 .5.5V13ZM5 13a.5.5 0 0 1-.5.5h-2A.5.5 0 0 1 2 13v-.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v.5Zm-2.5 2h11a2 2 0 0 0 2-2V8.5a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v.063A2.004 2.004 0 0 0 9 8.5H7a2 2 0 0 0-2 2v.063a2.005 2.005 0 0 0-.5-.063h-2a2 2 0 0 0-2 2v.5a2 2 0 0 0 2 2Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.45 8.75a5.501 5.501 0 1 1-6.2-6.2V8c0 .414.336.75.75.75h5.45Zm0-1.5h-4.7v-4.7a5.503 5.503 0 0 1 4.7 4.7ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 3H4.5A1.5 1.5 0 0 0 3 4.5v4h5V3Zm1.5 0v5.5H13v-4A1.5 1.5 0 0 0 11.5 3h-2ZM3 11.5V10h3v3H4.5A1.5 1.5 0 0 1 3 11.5Zm8.25 1.5H7.5v-3h3.75v3ZM4.5 1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.488 3.43a.75.75 0 0 1 .081 1.058l-6 7a.75.75 0 0 1-1.1.042l-3.5-3.5A.75.75 0 0 1 4.03 6.97l2.928 2.927 5.473-6.385a.75.75 0 0 1 1.057-.081Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M7.71.058c-1.62.676-2.758 1.724-3.414 3.04l-.033.066a6.542 6.542 0 0 0-.624 2.516c-.026.493-.005.998.058 1.51l.002.01.002.016A4.002 4.002 0 0 0 5 15a3.985 3.985 0 0 0 3.317-1.764c.038-.056.075-.114.11-.173A4.002 4.002 0 0 0 11 14a4 4 0 1 0-1.391-7.752 4.105 4.105 0 0 1-.747-.327 3.322 3.322 0 0 1-.423-.285 2.792 2.792 0 0 1-.818-1.039c-.303-.67-.355-1.519-.048-2.477.13.362.292.693.48.995a4.52 4.52 0 0 0 2.006 1.753c.3.137.615.243.941.322a6.44 6.44 0 0 0 1.062.163c.36.025.728.024 1.1 0l.024-.002a9.551 9.551 0 0 0 .937-.111.75.75 0 0 0 .617-.863 5.859 5.859 0 0 0-.267-1.032 4.559 4.559 0 0 0-.965-1.59 4.662 4.662 0 0 0-1.22-.918C11.068.191 9.553.001 8.018 0a.752.752 0 0 0-.307.058Zm1.605 2.247a3.028 3.028 0 0 0 1.113 1.072l.02.01c.227.125.476.226.745.303.546.156 1.174.212 1.87.166a2.951 2.951 0 0 0-1.238-1.555 3.594 3.594 0 0 0-.238-.138 4.458 4.458 0 0 0-.707-.296C10.33 1.69 9.7 1.582 9 1.533a10.43 10.43 0 0 0-.045-.003 4.328 4.328 0 0 0 .028.08c.094.258.205.489.332.695ZM5.867 3.363c0 .2.011.399.036.594a4.367 4.367 0 0 0 .365 1.29 4.204 4.204 0 0 0 .679 1.035c.215.243.46.463.731.659.14.1.288.195.442.283a4.016 4.016 0 0 0-.548.713 3.999 3.999 0 0 0-2.387-.933 7.487 7.487 0 0 1-.055-.694 6.515 6.515 0 0 1 .009-.591 5.04 5.04 0 0 1 .466-1.886l.008-.016a4.337 4.337 0 0 1 .254-.454ZM8.608 9.27a3.98 3.98 0 0 1 .365 2.193 2.5 2.5 0 1 0 .229-3.201l-.002.002a2.48 2.48 0 0 0-.592 1.006ZM7.5 11.037V11a2.5 2.5 0 1 0 0 .037Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.97 5.47a.75.75 0 0 1 1.06 0L8 9.44l3.97-3.97a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0l-4.5-4.5a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.867 6.097a.75.75 0 0 1 1.036-.23L8 9.111l5.097-3.244a.75.75 0 0 1 .806 1.266l-5.5 3.5a.75.75 0 0 1-.806 0l-5.5-3.5a.75.75 0 0 1-.23-1.036Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.53 2.97a.75.75 0 0 1 0 1.06L6.56 8l3.97 3.97a.75.75 0 1 1-1.06 1.06l-4.5-4.5a.75.75 0 0 1 0-1.06l4.5-4.5a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.47 13.03a.75.75 0 0 1 0-1.06L9.44 8 5.47 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.5 2.75a.75.75 0 0 0-1.5 0v10.5a.75.75 0 0 0 1.5 0V2.75Zm14.5 0a.75.75 0 0 0-1.5 0v10.5a.75.75 0 0 0 1.5 0V2.75ZM3.47 4.97a.75.75 0 0 0 0 1.06L5.44 8 3.47 9.97a.75.75 0 1 0 1.06 1.06l2.5-2.5a.75.75 0 0 0 0-1.06l-2.5-2.5a.75.75 0 0 0-1.06 0Zm9.06 1.06a.75.75 0 0 0-1.06-1.06l-2.5 2.5a.75.75 0 0 0 0 1.06l2.5 2.5a.75.75 0 1 0 1.06-1.06L10.56 8l1.97-1.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.141 3.58a.75.75 0 0 0-1.06 1.061L4.439 8l-3.353 3.354a.75.75 0 1 0 1.06 1.06L6.03 8.53a.75.75 0 0 0 0-1.06L2.141 3.58Zm11.718 8.84a.75.75 0 0 0 1.06-1.061L11.561 8l3.353-3.354a.75.75 0 0 0-1.06-1.06L9.97 7.47a.75.75 0 0 0 0 1.06l3.889 3.89Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 2a.75.75 0 0 1 .75.75v10.5a.75.75 0 0 1-1.5 0V2.75A.75.75 0 0 1 8 2ZM2.22 4.97a.75.75 0 0 0 0 1.06L4.19 8 2.22 9.97a.75.75 0 1 0 1.06 1.06l2.5-2.5a.75.75 0 0 0 0-1.06l-2.5-2.5a.75.75 0 0 0-1.06 0Zm11.56 1.06a.75.75 0 0 0-1.06-1.06l-2.5 2.5a.75.75 0 0 0 0 1.06l2.5 2.5a.75.75 0 1 0 1.06-1.06L11.81 8l1.97-1.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M15.25 6.993a.75.75 0 0 0 0-1.5H10.5V.75a.75.75 0 1 0-1.5 0v5.493c0 .414.336.75.75.75h5.5ZM.75 9.007a.75.75 0 1 0 0 1.5H5.5v4.743a.75.75 0 0 0 1.5 0V9.757a.75.75 0 0 0-.75-.75H.75Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.42 2.141a.75.75 0 1 0-1.061-1.06L8 4.439 4.646 1.086a.75.75 0 1 0-1.06 1.06L7.47 6.03a.75.75 0 0 0 1.06 0l3.89-3.889ZM3.58 13.86a.75.75 0 0 0 1.061 1.06L8 11.561l3.354 3.353a.75.75 0 0 0 1.06-1.06L8.53 9.97a.75.75 0 0 0-1.06 0l-3.89 3.889Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.03 3.47a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 0 0-1.06-1.06L8 6.44 5.03 3.47Zm0 5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 0 0-1.06-1.06L8 11.44 5.03 8.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.903 3.617a.75.75 0 1 0-.806 1.266l5.5 3.5a.75.75 0 0 0 .806 0l5.5-3.5a.75.75 0 1 0-.806-1.266L8 6.861 2.903 3.617Zm0 4.5a.75.75 0 1 0-.806 1.266l5.5 3.5a.75.75 0 0 0 .806 0l5.5-3.5a.75.75 0 1 0-.806-1.266L8 11.361 2.903 8.117Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 2a.75.75 0 0 1 .75.75v10.5a.75.75 0 0 1-1.5 0V2.75A.75.75 0 0 1 8 2ZM4.78 4.97a.75.75 0 0 1 0 1.06L2.81 8l1.97 1.97a.75.75 0 1 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1 0-1.06l2.5-2.5a.75.75 0 0 1 1.06 0Zm6.44 1.06a.75.75 0 0 1 1.06-1.06l2.5 2.5a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 1 1-1.06-1.06L13.19 8l-1.97-1.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M11.891 3.58a.75.75 0 0 0-1.06 1.061L14.188 8l-3.353 3.354a.75.75 0 1 0 1.06 1.06L15.78 8.53a.75.75 0 0 0 0-1.06l-3.889-3.89ZM4.11 12.42a.75.75 0 0 0 1.06-1.061L1.811 8l3.353-3.354a.75.75 0 1 0-1.06-1.06L.22 7.47a.75.75 0 0 0 0 1.06l3.889 3.89Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.5 2.75a.75.75 0 0 0-1.5 0v10.5a.75.75 0 0 0 1.5 0V2.75Zm14.5 0a.75.75 0 0 0-1.5 0v10.5a.75.75 0 0 0 1.5 0V2.75ZM6.53 4.97a.75.75 0 0 1 0 1.06L4.56 8l1.97 1.97a.75.75 0 1 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1 0-1.06l2.5-2.5a.75.75 0 0 1 1.06 0Zm2.94 1.06a.75.75 0 0 1 1.06-1.06l2.5 2.5a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 1 1-1.06-1.06L11.44 8 9.47 6.03Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.754 2.004a.75.75 0 0 0 0 1.5h4.75v4.742a.75.75 0 0 0 1.5 0V2.754a.75.75 0 0 0-.75-.75h-5.5Zm.492 11.992a.75.75 0 0 0 0-1.5h-4.75V7.754a.75.75 0 0 0-1.5 0v5.492a.75.75 0 0 0 .75.75h5.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M3.58 4.109a.75.75 0 0 0 1.061 1.06L8 1.811l3.354 3.353a.75.75 0 0 0 1.06-1.06L8.53.22a.75.75 0 0 0-1.06 0L3.58 4.109Zm8.84 7.782a.75.75 0 1 0-1.061-1.06l-3.36 3.358-3.353-3.353a.75.75 0 1 0-1.06 1.06L7.47 15.78a.75.75 0 0 0 1.06 0l3.89-3.889Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.53 5.03a.75.75 0 0 0-1.06-1.06l-3.5 3.5a.75.75 0 0 0 0 1.06l3.5 3.5a.75.75 0 1 0 1.06-1.06L9.56 8l2.97-2.97Zm-5 0a.75.75 0 0 0-1.06-1.06l-3.5 3.5a.75.75 0 0 0 0 1.06l3.5 3.5a.75.75 0 0 0 1.06-1.06L4.56 8l2.97-2.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.47 10.97a.75.75 0 1 0 1.06 1.06l3.5-3.5a.75.75 0 0 0 0-1.06l-3.5-3.5a.75.75 0 0 0-1.06 1.06L6.44 8l-2.97 2.97Zm5 0a.75.75 0 1 0 1.06 1.06l3.5-3.5a.75.75 0 0 0 0-1.06l-3.5-3.5a.75.75 0 0 0-1.06 1.06L11.44 8l-2.97 2.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.97 12.53a.75.75 0 1 0 1.06-1.06l-3.5-3.5a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 1 0 1.06 1.06L8 9.56l2.97 2.97Zm0-5a.75.75 0 1 0 1.06-1.06l-3.5-3.5a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L8 4.56l2.97 2.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.097 12.383a.75.75 0 0 0 .806-1.266l-5.5-3.5a.75.75 0 0 0-.806 0l-5.5 3.5a.75.75 0 1 0 .806 1.266L8 9.139l5.097 3.244Zm0-4.5a.75.75 0 0 0 .806-1.266l-5.5-3.5a.75.75 0 0 0-.806 0l-5.5 3.5a.75.75 0 0 0 .806 1.266L8 4.639l5.097 3.244Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.03 10.53a.75.75 0 0 1-1.06 0L8 6.56l-3.97 3.97a.75.75 0 1 1-1.06-1.06l4.5-4.5a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1 0 1.06Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.867 9.903a.75.75 0 0 0 1.036.23L8 6.889l5.097 3.244a.75.75 0 0 0 .806-1.266l-5.5-3.5a.75.75 0 0 0-.806 0l-5.5 3.5a.75.75 0 0 0-.23 1.036Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 5a.75.75 0 0 0-1.5 0v4.19l-.72-.72a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.06 0l2-2a.75.75 0 1 0-1.06-1.06l-.72.72V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm.75-10a.75.75 0 0 0-1.5 0v4.19l-.72-.72a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.06 0l2-2a.75.75 0 1 0-1.06-1.06l-.72.72V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-4 .75a.75.75 0 0 0 0-1.5H6.81l.72-.72a.75.75 0 0 0-1.06-1.06l-2 2a.75.75 0 0 0 0 1.06l2 2a.75.75 0 1 0 1.06-1.06l-.72-.72H11Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm3-6.25a.75.75 0 0 0 0-1.5H6.81l.72-.72a.75.75 0 0 0-1.06-1.06l-2 2a.75.75 0 0 0 0 1.06l2 2a.75.75 0 1 0 1.06-1.06l-.72-.72H11Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM5 7.25a.75.75 0 0 0 0 1.5h4.19l-.72.72a.75.75 0 0 0 1.06 1.06l2-2a.75.75 0 0 0 0-1.06l-2-2a.75.75 0 0 0-1.06 1.06l.72.72H5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM5 7.25a.75.75 0 0 0 0 1.5h4.19l-.72.72a.75.75 0 0 0 1.06 1.06l2-2a.75.75 0 0 0 0-1.06l-2-2a.75.75 0 0 0-1.06 1.06l.72.72H5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-7.75 3a.75.75 0 0 0 1.5 0V6.81l.72.72a.75.75 0 1 0 1.06-1.06l-2-2a.75.75 0 0 0-1.06 0l-2 2a.75.75 0 1 0 1.06 1.06l.72-.72V11Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm-.75-4a.75.75 0 0 0 1.5 0V6.81l.72.72a.75.75 0 1 0 1.06-1.06l-2-2a.75.75 0 0 0-1.06 0l-2 2a.75.75 0 1 0 1.06 1.06l.72-.72V11Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-3.9-1.55a.75.75 0 1 0-1.2-.9L7.419 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08l3-4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm3.1-8.55a.75.75 0 1 0-1.2-.9L7.419 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08l3-4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 8a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0ZM1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8Zm5.03-1.28a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l2.5-2.5a.75.75 0 1 0-1.06-1.06L8 8.69 6.03 6.72Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1ZM6.03 6.72a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l2.5-2.5a.75.75 0 1 0-1.06-1.06L8 8.69 6.03 6.72Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 2.5a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11ZM8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1Zm1.28 5.03a.75.75 0 0 0-1.06-1.06l-2.5 2.5a.75.75 0 0 0 0 1.06l2.5 2.5a.75.75 0 1 0 1.06-1.06L7.31 8l1.97-1.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M15 8A7 7 0 1 0 1 8a7 7 0 0 0 14 0ZM9.28 6.03a.75.75 0 0 0-1.06-1.06l-2.5 2.5a.75.75 0 0 0 0 1.06l2.5 2.5a.75.75 0 1 0 1.06-1.06L7.31 8l1.97-1.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11ZM8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14ZM6.72 9.97a.75.75 0 0 0 1.06 1.06l2.5-2.5a.75.75 0 0 0 0-1.06l-2.5-2.5a.75.75 0 0 0-1.06 1.06L8.69 8 6.72 9.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Zm5.72 1.97a.75.75 0 1 0 1.06 1.06l2.5-2.5a.75.75 0 0 0 0-1.06l-2.5-2.5a.75.75 0 0 0-1.06 1.06L8.69 8 6.72 9.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 2.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11ZM8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1ZM5.72 4.97a.75.75 0 0 1 1.06 0L8 6.19l1.22-1.22a.75.75 0 1 1 1.06 1.06L8.53 7.78a.75.75 0 0 1-1.06 0L5.72 6.03a.75.75 0 0 1 0-1.06Zm1.06 3.75a.75.75 0 0 0-1.06 1.06l1.75 1.75a.75.75 0 0 0 1.06 0l1.75-1.75a.75.75 0 1 0-1.06-1.06L8 9.94 6.78 8.72Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 0-11 0 5.5 5.5 0 0 0 11 0ZM15 8A7 7 0 1 0 1 8a7 7 0 0 0 14 0Zm-3.97-2.28a.75.75 0 0 1 0 1.06L9.81 8l1.22 1.22a.75.75 0 1 1-1.06 1.06L8.22 8.53a.75.75 0 0 1 0-1.06l1.75-1.75a.75.75 0 0 1 1.06 0ZM7.28 6.78a.75.75 0 0 0-1.06-1.06L4.47 7.47a.75.75 0 0 0 0 1.06l1.75 1.75a.75.75 0 1 0 1.06-1.06L6.06 8l1.22-1.22Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 8a5.5 5.5 0 1 0 11 0 5.5 5.5 0 0 0-11 0ZM1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Zm3.97 2.28a.75.75 0 0 1 0-1.06L6.19 8 4.97 6.78a.75.75 0 0 1 1.06-1.06l1.75 1.75a.75.75 0 0 1 0 1.06l-1.75 1.75a.75.75 0 0 1-1.06 0Zm3.75-1.06a.75.75 0 1 0 1.06 1.06l1.75-1.75a.75.75 0 0 0 0-1.06L9.78 5.72a.75.75 0 0 0-1.06 1.06L9.94 8 8.72 9.22Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm2.28-3.97a.75.75 0 0 1-1.06 0L8 9.81l-1.22 1.22a.75.75 0 1 1-1.06-1.06l1.75-1.75a.75.75 0 0 1 1.06 0l1.75 1.75a.75.75 0 0 1 0 1.06ZM9.22 7.28a.75.75 0 1 0 1.06-1.06L8.53 4.47a.75.75 0 0 0-1.06 0L5.72 6.22a.75.75 0 0 0 1.06 1.06L8 6.06l1.22 1.22Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM9.97 9.28a.75.75 0 1 0 1.06-1.06l-2.5-2.5a.75.75 0 0 0-1.06 0l-2.5 2.5a.75.75 0 0 0 1.06 1.06L8 7.31l1.97 1.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm1.97-5.72a.75.75 0 1 0 1.06-1.06l-2.5-2.5a.75.75 0 0 0-1.06 0l-2.5 2.5a.75.75 0 0 0 1.06 1.06L8 7.31l1.97 1.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.906 1.085a7.047 7.047 0 0 1 2.188 0 .75.75 0 0 1-.232 1.482 5.546 5.546 0 0 0-1.724 0 .75.75 0 0 1-.232-1.482ZM4.933 2.502a.75.75 0 0 1-.166 1.048c-.466.34-.878.75-1.217 1.217a.75.75 0 0 1-1.213-.882 7.036 7.036 0 0 1 1.548-1.548.75.75 0 0 1 1.048.165Zm6.135 0a.75.75 0 0 1 1.047-.165 7.037 7.037 0 0 1 1.548 1.548.75.75 0 0 1-1.213.882 5.533 5.533 0 0 0-1.217-1.217.75.75 0 0 1-.165-1.048ZM1.943 6.28a.75.75 0 0 1 .624.857 5.546 5.546 0 0 0 0 1.724.75.75 0 0 1-1.482.232 7.047 7.047 0 0 1 0-2.188.75.75 0 0 1 .858-.625Zm12.114 0a.75.75 0 0 1 .858.625 7.048 7.048 0 0 1 0 2.188.75.75 0 1 1-1.482-.232 5.54 5.54 0 0 0 0-1.724.75.75 0 0 1 .624-.857ZM2.502 11.068a.75.75 0 0 1 1.048.165c.34.466.75.878 1.217 1.217a.75.75 0 0 1-.882 1.213 7.037 7.037 0 0 1-1.548-1.548.75.75 0 0 1 .165-1.047Zm10.996 0a.75.75 0 0 1 .165 1.047 7.037 7.037 0 0 1-1.548 1.548.75.75 0 0 1-.883-1.213 5.53 5.53 0 0 0 1.218-1.217.75.75 0 0 1 1.048-.165Zm-7.217 2.99a.75.75 0 0 1 .857-.625 5.54 5.54 0 0 0 1.724 0 .75.75 0 0 1 .232 1.482 7.048 7.048 0 0 1-2.188 0 .75.75 0 0 1-.625-.857Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 4.25a.75.75 0 0 0-1.5 0v.339a2.477 2.477 0 0 0-1.007.47 1.95 1.95 0 0 0-.74 1.546c0 .764.474 1.265.94 1.559.456.287 1.007.448 1.448.547.462.102.843.191 1.118.341.228.125.275.224.275.376 0 .102-.04.217-.248.341-.224.135-.577.229-.982.229-.344 0-.683-.114-.953-.29-.281-.184-.42-.388-.457-.506a.75.75 0 1 0-1.43.452c.171.543.591 1 1.068 1.31.284.185.612.335.968.429v.357a.75.75 0 0 0 1.5 0v-.313c.375-.067.74-.19 1.058-.382.53-.319.976-.864.976-1.627 0-.864-.51-1.394-1.055-1.692-.478-.26-1.056-.389-1.46-.478l-.053-.012c-.386-.086-.736-.202-.973-.352-.227-.142-.24-.236-.24-.29a.45.45 0 0 1 .18-.375c.134-.108.403-.227.87-.227.47 0 .742.11.9.218a.832.832 0 0 1 .316.41.75.75 0 0 0 1.407-.52 2.331 2.331 0 0 0-.878-1.13 2.713 2.713 0 0 0-1.048-.417V4.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm1-4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM8.75 5a.75.75 0 0 0-1.5 0v2.5a.75.75 0 0 0 1.5 0V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-6 2.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM8.75 5a.75.75 0 0 0-1.5 0v2.5a.75.75 0 0 0 1.5 0V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm1-9.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-.25 3a.75.75 0 0 0-1.5 0V11a.75.75 0 0 0 1.5 0V8.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm1-9.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM8 7.75a.75.75 0 0 1 .75.75V11a.75.75 0 0 1-1.5 0V8.5A.75.75 0 0 1 8 7.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM6.458 8c0-.8.2-1.289.445-1.569C7.136 6.165 7.487 6 8 6c.368 0 .648.086.857.222.205.134.384.345.51.672a.75.75 0 0 0 1.4-.538c-.226-.59-.593-1.066-1.09-1.39C9.181 4.643 8.604 4.5 8 4.5c-.862 0-1.657.293-2.226.944-.557.637-.816 1.523-.816 2.556 0 1.033.259 1.92.816 2.556.569.65 1.364.944 2.226.944.605 0 1.182-.143 1.676-.466.498-.324.865-.8 1.091-1.39a.75.75 0 0 0-1.4-.538c-.126.327-.305.538-.51.672-.209.136-.49.222-.857.222-.513 0-.864-.165-1.097-.431-.245-.28-.445-.77-.445-1.569Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM6.75 5a.75.75 0 0 0-.75.75v5a.75.75 0 0 0 1.5 0v-1.5h1.75a.75.75 0 0 0 0-1.5H7.5V6.5h2.25a.75.75 0 0 0 0-1.5h-3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM7 5.5a.75.75 0 0 0-1.5 0v5a.75.75 0 0 0 1.5 0V8.75h2v1.75a.75.75 0 0 0 1.5 0v-5a.75.75 0 0 0-1.5 0v1.75H7V5.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM6.75 5a.75.75 0 0 0-.75.75v5a.75.75 0 0 0 1.5 0V9.5h1a2.25 2.25 0 0 0 0-4.5H6.75Zm2.5 2.25A.75.75 0 0 1 8.5 8h-1V6.5h1a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM5.75 5.5a.75.75 0 0 1 .75-.75h1.75a2.25 2.25 0 0 1 1.38 4.028l.771 1.35a.75.75 0 0 1-1.302.744L8.172 9.25H7.25v1.25a.75.75 0 0 1-1.5 0v-5Zm1.5 2.25h1a.75.75 0 0 0 0-1.5h-1v1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.054 4.502c-.708 0-1.34.18-1.811.558a1.95 1.95 0 0 0-.74 1.545c0 .764.474 1.265.94 1.559.457.287 1.007.448 1.448.547.462.102.844.191 1.119.341.227.125.274.224.274.376 0 .102-.04.217-.248.341-.224.135-.577.229-.982.229-.344 0-.682-.114-.952-.29-.282-.184-.42-.388-.457-.506a.75.75 0 1 0-1.43.452c.17.543.59 1 1.067 1.31a3.273 3.273 0 0 0 1.772.534c.602 0 1.24-.134 1.754-.443.53-.319.976-.864.976-1.627 0-.864-.51-1.394-1.055-1.692-.478-.26-1.056-.389-1.46-.478l-.053-.012c-.386-.086-.736-.202-.973-.352-.227-.142-.24-.236-.24-.29a.45.45 0 0 1 .18-.375c.134-.108.403-.227.87-.227.47 0 .742.11.9.218a.832.832 0 0 1 .316.41.75.75 0 0 0 1.407-.52A2.33 2.33 0 0 0 9.8 4.98c-.455-.31-1.037-.478-1.745-.478Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM6 5a.75.75 0 0 0 0 1.5h1.25v4.25a.75.75 0 0 0 1.5 0V6.5H10A.75.75 0 0 0 10 5H6Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM5.712 5.763a.75.75 0 1 0-1.424.474l1.5 4.5a.75.75 0 0 0 1.424 0L8 8.372l.788 2.365a.75.75 0 0 0 1.423 0l1.5-4.5a.75.75 0 1 0-1.422-.474L9.5 8.128l-.788-2.365a.75.75 0 0 0-1.424 0L6.5 8.128l-.788-2.365Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM6.221 7.298a.707.707 0 0 0-1 0A2.461 2.461 0 1 0 8.7 10.78a.707.707 0 0 0 0-1l-.06-.06a.707.707 0 0 0-1 0 .961.961 0 0 1-1.36-1.36.707.707 0 0 0 0-1l-.06-.06Zm3.497 1.344a.707.707 0 0 1 0-1.001.961.961 0 0 0-1.359-1.36.707.707 0 0 1-1 0l-.06-.06a.707.707 0 0 1 0-1 2.461 2.461 0 1 1 3.48 3.48.707.707 0 0 1-1 0l-.06-.06Zm-.781-.518a.75.75 0 0 0-1.061-1.06l-.813.812a.75.75 0 0 0 1.061 1.06l.813-.812Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-9.5-.75a.75.75 0 0 0 0 1.5h5a.75.75 0 0 0 0-1.5h-5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM5.5 7.25a.75.75 0 0 0 0 1.5h5a.75.75 0 0 0 0-1.5h-5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM9.5 8c0 .923-.236 1.396-.44 1.622C8.875 9.828 8.565 10 8 10c-.565 0-.875-.172-1.06-.378C6.736 9.396 6.5 8.923 6.5 8c0-.923.236-1.395.44-1.621C7.125 6.173 7.435 6 8 6c.565 0 .875.173 1.06.379.204.226.44.698.44 1.621ZM11 8c0 2.333-1.2 3.5-3 3.5S5 10.333 5 8s1.2-3.5 3-3.5 3 1.167 3 3.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM9 5.5a.75.75 0 0 0-1.23-.576l-1.5 1.25a.75.75 0 1 0 .96 1.152l.27-.225V10.5a.75.75 0 0 0 1.5 0v-5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M6.569 7.088a5.344 5.344 0 0 1 1.544-.181c.623.017 1.311.15 1.869.502.596.375 1.018.993 1.018 1.841 0 1.405-1.39 2.25-3 2.25-.885 0-1.688-.289-2.254-.95-.55-.641-.788-1.529-.788-2.55 0-1.033.259-1.92.816-2.556C6.343 4.794 7.138 4.5 8 4.5c1.17 0 1.793.308 2.335.58a.75.75 0 1 1-.67 1.34l-.012-.005C9.201 6.19 8.823 6 8 6c-.513 0-.864.165-1.097.431a1.665 1.665 0 0 0-.334.657ZM8.07 8.406a3.71 3.71 0 0 0-1.271.18 1.648 1.648 0 0 0-.282.126c.074.403.21.68.367.862.22.257.564.426 1.116.426 1.265 0 1.5-.586 1.5-.75 0-.277-.109-.44-.318-.573-.248-.156-.639-.258-1.112-.271Z"></path><path d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Z"></path></g></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM6.5 5a.75.75 0 1 0 0 1.5h2.174l-1.378 3.74a.75.75 0 0 0 1.408.52l1.75-4.75A.75.75 0 0 0 9.75 5H6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm1.443-5.436A.692.692 0 0 0 9.5 9.25a.692.692 0 0 0-.057-.314.413.413 0 0 0-.14-.153C9.124 8.655 8.723 8.5 8 8.5s-1.124.155-1.303.283a.413.413 0 0 0-.14.153.692.692 0 0 0-.057.314c0 .172.033.265.057.314a.413.413 0 0 0 .14.153c.179.128.58.283 1.303.283s1.124-.155 1.303-.283a.413.413 0 0 0 .14-.153Zm-3.647-1.98C5.29 7.957 5 8.513 5 9.25c0 1.5 1.2 2.25 3 2.25s3-.75 3-2.25c0-.736-.289-1.292-.796-1.667.192-.291.296-.652.296-1.083 0-1.333-1-2-2.5-2s-2.5.667-2.5 2c0 .43.104.792.296 1.083ZM8 7c.556 0 .817-.127.903-.193a.173.173 0 0 0 .06-.069A.567.567 0 0 0 9 6.5a.567.567 0 0 0-.038-.238.173.173 0 0 0-.059-.069C8.817 6.127 8.556 6 8 6s-.817.127-.903.193a.173.173 0 0 0-.06.069A.567.567 0 0 0 7 6.5c0 .144.026.214.038.238.01.022.024.042.059.069.086.066.347.193.903.193Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Z"></path><path d="M9.491 8.81a5.344 5.344 0 0 1-1.527.289c-.623.025-1.319-.059-1.9-.37-.62-.334-1.085-.921-1.144-1.767C4.822 5.56 6.151 4.621 7.756 4.51c.883-.062 1.704.17 2.315.79.594.601.892 1.47.963 2.49.072 1.03-.124 1.932-.635 2.606-.523.688-1.295 1.037-2.155 1.097-1.167.08-1.81-.183-2.37-.416a.75.75 0 1 1 .575-1.385l.012.005c.467.194.857.356 1.678.3.512-.037.85-.225 1.065-.508.122-.16.226-.382.287-.678Zm-.334-1.48a1.65 1.65 0 0 0 .273-.144c-.102-.397-.258-.663-.427-.834-.237-.24-.592-.386-1.142-.347-1.262.088-1.456.689-1.444.853a.611.611 0 0 0 .357.549c.258.138.655.212 1.128.193a3.71 3.71 0 0 0 1.255-.27Z"></path></g></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm1.75-9.75a1 1 0 0 1 1 1v3.5a1 1 0 1 1-2 0v-3.5a1 1 0 0 1 1-1Zm-2.5 1a1 1 0 0 0-2 0v3.5a1 1 0 1 0 2 0v-3.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-7.75 3.031L11 8.866a1 1 0 0 0 0-1.732L7.25 4.969a1 1 0 0 0-1.5.866v4.33a1 1 0 0 0 1.5.866Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 5.5a.75.75 0 0 0-1.5 0v1.75H5.5a.75.75 0 0 0 0 1.5h1.75v1.75a.75.75 0 0 0 1.5 0V8.75h1.75a.75.75 0 0 0 0-1.5H8.75V5.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm.75-9.5a.75.75 0 0 0-1.5 0v1.75H5.5a.75.75 0 0 0 0 1.5h1.75v1.75a.75.75 0 0 0 1.5 0V8.75h1.75a.75.75 0 0 0 0-1.5H8.75V5.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM6.44 4.54c.43-.354.994-.565 1.56-.565 1.217 0 2.34.82 2.34 2.14 0 .377-.079.745-.298 1.1-.208.339-.513.614-.875.867-.217.153-.326.257-.379.328-.038.052-.038.07-.038.089a.75.75 0 0 1-1.5 0c0-.794.544-1.286 1.057-1.645.28-.196.4-.332.458-.426a.543.543 0 0 0 .074-.312c0-.3-.243-.641-.839-.641a.997.997 0 0 0-.608.223c-.167.138-.231.287-.231.418a.75.75 0 1 1-1.5 0c0-.674.345-1.22.78-1.577ZM8 12a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill-rule="evenodd" clip-rule="evenodd"><path fill="currentColor" d="M2.5 8a5.5 5.5 0 0 1 6.38-5.43.75.75 0 0 0 .24-1.48 7 7 0 1 0 5.792 5.792.75.75 0 1 0-1.482.237A5.5 5.5 0 1 1 2.5 8Zm3.94-3.46c.43-.354.994-.565 1.56-.565 1.217 0 2.34.82 2.34 2.14 0 .377-.079.745-.298 1.1-.208.339-.513.614-.875.867-.217.153-.326.257-.379.328-.038.052-.038.07-.038.089a.75.75 0 0 1-1.5 0c0-.794.544-1.286 1.056-1.645.28-.196.402-.332.46-.425a.543.543 0 0 0 .073-.313c0-.3-.243-.641-.839-.641a.997.997 0 0 0-.608.224c-.167.137-.231.286-.231.417a.75.75 0 1 1-1.5 0c0-.673.345-1.22.78-1.577ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path><path fill="#F33" d="M12.5 5.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"></path></g></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM6.44 4.54c.43-.354.994-.565 1.56-.565 1.217 0 2.34.82 2.34 2.14 0 .377-.079.745-.298 1.1-.208.339-.513.614-.875.867-.217.153-.326.257-.379.328-.038.052-.038.07-.038.089a.75.75 0 0 1-1.5 0c0-.794.544-1.286 1.056-1.645.28-.196.402-.332.46-.425a.543.543 0 0 0 .073-.313c0-.3-.243-.641-.839-.641a.997.997 0 0 0-.608.224c-.167.137-.231.286-.231.417a.75.75 0 0 1-1.5 0c0-.673.345-1.22.78-1.577ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM6.75 4a.75.75 0 0 0-.75.75v2.5h-.125a.75.75 0 0 0 0 1.5H6v.5h-.125a.75.75 0 0 0 0 1.5H6v.5a.75.75 0 0 0 1.5 0v-.5H9a.75.75 0 0 0 0-1.5H7.5v-.5h1.125a2.375 2.375 0 1 0 0-4.75H6.75Zm1.875 3.25H7.5V5.5h1.125a.875.875 0 1 1 0 1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.047 7.125A3 3 0 1 0 4.5 1.5a3 3 0 0 0-1.453 5.625ZM4.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-1.453 8.125A3 3 0 1 0 4.5 8.5a3 3 0 0 0-1.453 5.625ZM4.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm7 1.5a3 3 0 1 1 0-6 3 3 0 1 1 0 6Zm1.5-3a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm-.75-9.25a.75.75 0 0 0-1.5 0v1.501h-1.5a.75.75 0 1 0 0 1.5h1.501v1.502a.75.75 0 0 0 1.5 0V5.25h1.501a.75.75 0 0 0 0-1.5h-1.5v-1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M10.502 4.392a2.75 2.75 0 1 0-5.004-2.285 2.75 2.75 0 0 0 5.004 2.285Zm-4.75 2.466a2.76 2.76 0 0 0-1.36-1.36 2.75 2.75 0 1 0 1.36 1.36Zm1.106 3.39a2.76 2.76 0 0 0-1.36 1.36 2.75 2.75 0 1 0 1.36-1.36Zm3.39-1.106a2.753 2.753 0 0 0 1.36 1.36 2.75 2.75 0 1 0-1.36-1.36ZM8 2a1.25 1.25 0 1 0 0 2.5A1.25 1.25 0 0 0 8 2Zm6 6a1.25 1.25 0 1 0-2.5 0A1.25 1.25 0 0 0 14 8Zm-6 3.5A1.25 1.25 0 1 0 8 14a1.25 1.25 0 0 0 0-2.5ZM4.5 8A1.25 1.25 0 1 0 2 8a1.25 1.25 0 0 0 2.5 0Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.047 7.125A3 3 0 1 0 4.5 1.5a3 3 0 0 0-1.453 5.625ZM4.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm5.547 1.125A3 3 0 1 0 11.5 1.5a3 3 0 0 0-1.453 5.625ZM11.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-7 8.5a3 3 0 1 1 0-6 3 3 0 0 1 0 6Zm1.5-3a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm4.047 2.625A3 3 0 1 0 11.5 8.5a3 3 0 0 0-1.453 5.625ZM11.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.069 5.55A2.497 2.497 0 0 0 5 3.5a2.5 2.5 0 1 0-3.931 2.05ZM2.5 4.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm11 1.5A2.497 2.497 0 0 1 11 3.5 2.5 2.5 0 1 1 13.5 6Zm1-2.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6.069 8.55A2.497 2.497 0 0 0 10 6.5a2.5 2.5 0 1 0-3.931 2.05ZM7.5 7.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM12 14a2.497 2.497 0 0 1-2.5-2.5A2.5 2.5 0 1 1 12 14Zm1-2.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM4.5 16A2.497 2.497 0 0 1 2 13.5 2.5 2.5 0 1 1 4.5 16Zm1-2.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 8a5.5 5.5 0 0 1 8.14-4.827.75.75 0 1 0 .72-1.315 7 7 0 0 0-9.502 9.502.75.75 0 0 0 1.315-.72A5.472 5.472 0 0 1 2.5 8Zm11.642-3.36a.75.75 0 1 0-1.315.72 5.5 5.5 0 0 1-7.466 7.466.75.75 0 1 0-.722 1.316 7 7 0 0 0 9.502-9.502ZM9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.576 11.854a4 4 0 1 1 0-7.707A5.482 5.482 0 0 0 5 8c0 1.5.601 2.861 1.576 3.854ZM8 12.9a5.5 5.5 0 1 1 0-9.8 5.5 5.5 0 1 1 0 9.8Zm1.424-8.754A4.003 4.003 0 0 1 14.5 8a4 4 0 0 1-5.076 3.854A5.483 5.483 0 0 0 11 8c0-1.5-.601-2.861-1.576-3.854ZM8 4.877C8.914 5.61 9.5 6.737 9.5 8c0 1.263-.586 2.39-1.5 3.123A3.993 3.993 0 0 1 6.5 8c0-1.263.586-2.39 1.5-3.123Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM5.25 6.25a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1v3.5a1 1 0 0 1-1 1h-3.5a1 1 0 0 1-1-1v-3.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM6.53 5.47a.75.75 0 0 0-1.06 1.06L6.94 8 5.47 9.47a.75.75 0 1 0 1.06 1.06L8 9.06l1.47 1.47a.75.75 0 1 0 1.06-1.06L9.06 8l1.47-1.47a.75.75 0 1 0-1.06-1.06L8 6.94 6.53 5.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM6.53 5.47a.75.75 0 0 0-1.06 1.06L6.94 8 5.47 9.47a.75.75 0 1 0 1.06 1.06L8 9.06l1.47 1.47a.75.75 0 1 0 1.06-1.06L9.06 8l1.47-1.47a.75.75 0 1 0-1.06-1.06L8 6.94 6.53 5.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 4.5a.75.75 0 0 0-1.5 0V8a.75.75 0 0 0 .3.6l2 1.5a.75.75 0 1 0 .9-1.2l-1.7-1.275V4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1 1 7.348 6.445.75.75 0 1 1-.194-1.487A5.001 5.001 0 1 0 4.5 11.57v-1.32a.75.75 0 0 1 1.5 0v3a.75.75 0 0 1-.75.75h-3a.75.75 0 0 1 0-1.5h1.06A6.48 6.48 0 0 1 1.5 8ZM8 4.25a.75.75 0 0 1 .75.75v2.625l1.033.775a.75.75 0 1 1-.9 1.2l-1.333-1a.75.75 0 0 1-.3-.6V5A.75.75 0 0 1 8 4.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm.75-10.5a.75.75 0 0 0-1.5 0V8a.75.75 0 0 0 .3.6l2 1.5a.75.75 0 1 0 .9-1.2l-1.7-1.275V4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 6.25a3.25 3.25 0 0 1 6.051-1.65 4.497 4.497 0 0 0-2.35 1.34A.75.75 0 0 0 9.3 6.96a2.99 2.99 0 0 1 2.3-.958A3 3 0 0 1 11.5 12H3.75a2.25 2.25 0 0 1-.002-4.5h.03a.75.75 0 0 0 .747-.843A3.289 3.289 0 0 1 4.5 6.25ZM7.75 1.5a4.75 4.75 0 0 0-4.747 4.574A3.751 3.751 0 0 0 3.75 13.5h7.75a4.5 4.5 0 0 0 .687-8.948A4.751 4.751 0 0 0 7.75 1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M4.5 5.25a3.25 3.25 0 0 1 6.398-.811.75.75 0 0 0 .702.563A3 3 0 0 1 11.5 11h-.75a.75.75 0 0 0 0 1.5h.75a4.5 4.5 0 0 0 .687-8.948 4.751 4.751 0 0 0-9.184 1.522A3.751 3.751 0 0 0 3.75 12.5h1.5a.75.75 0 0 0 0-1.5H3.751a2.25 2.25 0 0 1-.003-4.5h.03a.75.75 0 0 0 .747-.843A3.289 3.289 0 0 1 4.5 5.25Zm4.25 3.31.72.72a.75.75 0 1 0 1.06-1.06l-2-2a.75.75 0 0 0-1.06 0l-2 2a.75.75 0 0 0 1.06 1.06l.72-.72v6.69a.75.75 0 0 0 1.5 0V8.56Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 6.25a3.25 3.25 0 0 1 6.398-.811.75.75 0 0 0 .702.563A3 3 0 0 1 11.5 12H3.75a2.25 2.25 0 0 1-.002-4.5h.03a.75.75 0 0 0 .747-.843A3.289 3.289 0 0 1 4.5 6.25ZM7.75 1.5a4.75 4.75 0 0 0-4.747 4.574A3.751 3.751 0 0 0 3.75 13.5h7.75a4.5 4.5 0 0 0 .687-8.948A4.751 4.751 0 0 0 7.75 1.5Zm2.85 5.75a.75.75 0 1 0-1.2-.9L7.369 9.058 6.28 7.97a.75.75 0 1 0-1.06 1.06l1.7 1.7a.75.75 0 0 0 1.13-.08l2.55-3.4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 5.25a3.25 3.25 0 0 1 6.398-.811.75.75 0 0 0 .702.563 2.986 2.986 0 0 1 1.94.798c.591.549.96 1.33.96 2.2A.75.75 0 0 0 16 8a4.49 4.49 0 0 0-1.44-3.3 4.489 4.489 0 0 0-2.373-1.148 4.751 4.751 0 0 0-9.184 1.522A3.751 3.751 0 0 0 3.75 12.5h.5a.75.75 0 0 0 0-1.5h-.5a2.25 2.25 0 0 1-.002-4.5h.03a.75.75 0 0 0 .747-.843A3.289 3.289 0 0 1 4.5 5.25Zm8.509 5.939a2.223 2.223 0 0 1-1.66-2.138l-.68-.256a2.38 2.38 0 0 1-2.748.816l-.406.569c.57.788.57 1.87 0 2.657l.406.569a2.38 2.38 0 0 1 2.747.816l.68-.255a2.223 2.223 0 0 1 1.66-2.139v-.639Zm-.113-2.396a.715.715 0 0 0-.418-.921l-1.798-.674a.865.865 0 0 0-1.114.506.87.87 0 0 1-1.32.395.884.884 0 0 0-1.23.2L5.94 9.805a.771.771 0 0 0 .18 1.076c.43.307.43.948 0 1.255a.771.771 0 0 0-.18 1.076l1.076 1.506a.884.884 0 0 0 1.23.2.87.87 0 0 1 1.32.395.865.865 0 0 0 1.114.506l1.798-.674a.715.715 0 0 0 .418-.92.715.715 0 0 1 .67-.966h.134a.808.808 0 0 0 .809-.809v-1.883a.808.808 0 0 0-.809-.808h-.134a.715.715 0 0 1-.67-.966Zm-1.833 2.709a1.052 1.052 0 1 1-2.103 0 1.052 1.052 0 0 1 2.103 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 5.25a3.25 3.25 0 0 1 6.398-.811.75.75 0 0 0 .702.563 2.986 2.986 0 0 1 1.94.798c.591.549.96 1.33.96 2.2A.75.75 0 0 0 16 8a4.49 4.49 0 0 0-1.44-3.3 4.489 4.489 0 0 0-2.373-1.148 4.751 4.751 0 0 0-9.184 1.522A3.751 3.751 0 0 0 3.75 12.5h.5a.75.75 0 0 0 0-1.5h-.5a2.25 2.25 0 0 1-.002-4.5h.03a.75.75 0 0 0 .747-.843A3.289 3.289 0 0 1 4.5 5.25Zm7.123 8.25 1.406-2.5-1.406-2.5H8.877L7.471 11l1.406 2.5h2.746Zm2.713-1.765a1.5 1.5 0 0 0 0-1.47l-1.406-2.5A1.5 1.5 0 0 0 11.623 7H8.877a1.5 1.5 0 0 0-1.307.765l-1.406 2.5a1.5 1.5 0 0 0 0 1.47l1.406 2.5A1.5 1.5 0 0 0 8.877 15h2.746a1.5 1.5 0 0 0 1.307-.765l1.406-2.5ZM11.25 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M4.977 4.563a3.208 3.208 0 0 0-.196.053l.062.006A4.062 4.062 0 0 0 2.49 8.06a3.234 3.234 0 0 0 .743 6.38h6.414a3.854 3.854 0 0 0 3.851-3.744 3.855 3.855 0 0 0-.69-7.406 4.061 4.061 0 0 0-7.817 1.267 5.299 5.299 0 0 0-.014.006Zm8.256 4.611a2.353 2.353 0 0 0-1.008-4.44.75.75 0 0 1-.702-.563 2.562 2.562 0 0 0-4.979.079 4.061 4.061 0 0 1 3.765 2.54 3.86 3.86 0 0 1 2.924 2.384Zm-9.25-.864a2.56 2.56 0 0 1 5.04-.639.75.75 0 0 0 .702.563 2.353 2.353 0 0 1-.078 4.706H3.233a1.733 1.733 0 0 1-.002-3.466h.024a.75.75 0 0 0 .748-.843 2.593 2.593 0 0 1-.02-.32Zm5.72 4.632H9.7h.004Zm-.11 1.496H9.59h.003Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.218 3.216a.75.75 0 1 0-1.436-.431l-3 10a.75.75 0 0 0 1.436.43l3-10ZM4.53 4.97a.75.75 0 0 1 0 1.06L2.56 8l1.97 1.97a.75.75 0 0 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1 0-1.06l2.5-2.5a.75.75 0 0 1 1.06 0Zm6.94 6.06a.75.75 0 0 1 0-1.06L13.44 8l-1.97-1.97a.75.75 0 0 1 1.06-1.06l2.5 2.5a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 0 1-1.06 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.25 1.75v2.32a4.001 4.001 0 0 0 0 7.86v2.32a.75.75 0 0 0 1.5 0v-2.32a4.001 4.001 0 0 0 0-7.86V1.75a.75.75 0 0 0-1.5 0ZM8 10.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.25 7.25h-2.32a4.001 4.001 0 0 0-7.86 0H1.75a.75.75 0 0 0 0 1.5h2.32a4.001 4.001 0 0 0 7.86 0h2.32a.75.75 0 0 0 0-1.5ZM5.5 8a2.5 2.5 0 1 0 5 0 2.5 2.5 0 0 0-5 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M8 3.25h-.008a1.25 1.25 0 1 0 .016 0H8Zm.75-2.5v1.104a2.751 2.751 0 0 1 0 5.292v1.708a2.751 2.751 0 0 1 0 5.293v1.103a.75.75 0 0 1-1.5 0v-1.104a2.751 2.751 0 0 1 0-5.292V7.147a2.751 2.751 0 0 1 0-5.293V.75a.75.75 0 0 1 1.5 0Zm-.745 12h-.01a1.25 1.25 0 1 1 .01 0Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.22 14.03s-.001 0 0 0a.75.75 0 0 0 1.06-1.06l-.47-.47H10a3.016 3.016 0 0 0 1.507-.405A2.999 2.999 0 0 0 13 9.5V6.896h.003a2.735 2.735 0 0 0 .785-.366 2.75 2.75 0 1 0-2.288.366V9.5A1.5 1.5 0 0 1 10 11h-.19l.47-.47s0 .001 0 0a.75.75 0 0 0-1.06-1.06l-.47.47-1.28 1.28a.75.75 0 0 0 0 1.06l1.75 1.75ZM5.72 1.97a.75.75 0 0 1 1.06 0l.47.47 1.28 1.28a.748.748 0 0 1 0 1.06L6.78 6.53c.001 0 0 0 0 0a.751.751 0 0 1-1.06-1.06L6.19 5H6a1.5 1.5 0 0 0-1.5 1.5v2.604a2.757 2.757 0 0 1 2 2.646 2.738 2.738 0 0 1-1.212 2.28 2.737 2.737 0 0 1-1.538.47A2.747 2.747 0 0 1 1 11.75a2.751 2.751 0 0 1 2-2.646V6.5a2.999 2.999 0 0 1 3-3h.19l-.47-.47a.75.75 0 0 1 0-1.06Zm-.908 9.121A1.246 1.246 0 0 1 5 11.75a1.25 1.25 0 1 1-.188-.659ZM11 4.25a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.504 5.897a2.751 2.751 0 1 1 1.503-.002A1.5 1.5 0 0 0 6.5 7.25h3a1.5 1.5 0 0 0 1.493-1.355 2.751 2.751 0 1 1 1.503.002A3 3 0 0 1 9.5 8.75h-.75v1.354a2.751 2.751 0 1 1-1.5 0V8.75H6.5a3 3 0 0 1-2.996-2.853ZM3 3.25a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0Zm3.75 9.5a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0Zm3.75-9.5a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.312 11.091a1.25 1.25 0 1 0-2.123 1.316 1.25 1.25 0 0 0 2.123-1.316ZM3.188 4.909a1.25 1.25 0 1 1 2.125-1.318 1.25 1.25 0 0 1-2.125 1.318ZM5 6.896v2.208a2.751 2.751 0 1 1-1.5 0V6.896A2.751 2.751 0 1 1 6.896 3.5H9.5a3 3 0 0 1 3 3v2.604a2.751 2.751 0 1 1-1.5 0V6.5A1.5 1.5 0 0 0 9.5 5H6.896A2.756 2.756 0 0 1 5 6.896Zm7.812 4.195a1.25 1.25 0 1 1-2.125 1.318 1.25 1.25 0 0 1 2.125-1.318Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.788 3.121a1.25 1.25 0 1 1-1.076 2.257 1.25 1.25 0 0 1 1.076-2.257ZM3.5 6.896a2.751 2.751 0 1 1 3.347-3.554L8.219 1.97A.75.75 0 0 1 9.28 3.03l-.47.47h.69a3.04 3.04 0 0 1 1.139.224A3 3 0 0 1 12.5 6.5v2.604l.068.02a2.751 2.751 0 0 1-.818 5.376A2.75 2.75 0 0 1 11 9.104V6.5A1.501 1.501 0 0 0 9.5 5h-.69l.47.47a.75.75 0 0 1-1.06 1.06L6.847 5.157a2.737 2.737 0 0 1-.88 1.242c-.282.225-.61.397-.967.497v2.208l.068.02a2.751 2.751 0 1 1-1.568-.02V6.896Zm-.312 4.195a1.246 1.246 0 0 0-.182.787 1.25 1.25 0 1 0 .182-.787Zm7.5 0a1.247 1.247 0 0 0-.181.787 1.25 1.25 0 1 0 .18-.787Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.967 6.399a2.765 2.765 0 0 0 .88-1.242L8.22 6.53a.75.75 0 1 0 1.06-1.06L8.81 5h.69A1.501 1.501 0 0 1 11 6.5v2.75a.747.747 0 0 0 .75.75.748.748 0 0 0 .75-.75V6.5a3 3 0 0 0-3-3h-.69l.47-.47a.75.75 0 0 0-1.06-1.06L6.847 3.343A2.755 2.755 0 0 0 4.25 1.5a2.75 2.75 0 0 0-.753 5.396H3.5V7.5a.75.75 0 0 0 1.5 0v-.603c.357-.101.685-.273.967-.498Zm-.75 3.133a.75.75 0 0 0-.747.188h-.001l-1.75 1.75a.75.75 0 0 0 0 1.06l1.75 1.75a.75.75 0 0 0 1.061-1.06l-.47-.47h7.69a.75.75 0 0 0 0-1.5H5.06l.47-.469a.75.75 0 0 0-.313-1.249Zm-.43-6.41a1.25 1.25 0 1 1-1.075 2.256 1.25 1.25 0 0 1 1.076-2.257Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.53 5.788A2.765 2.765 0 0 1 5 6.896V9.25a.75.75 0 0 1-1.5 0V6.896h-.003a2.736 2.736 0 0 1-.785-.366 2.75 2.75 0 1 1 4.134-3.188L8.22 1.97a.75.75 0 0 1 1.06 1.06l-.47.47h.69a3.04 3.04 0 0 1 1.139.224A3 3 0 0 1 12.5 6.5v.75a.75.75 0 0 1-1.5 0V6.5A1.501 1.501 0 0 0 9.5 5h-.69l.47.47a.75.75 0 0 1-1.06 1.06L6.847 5.157v.001a2.738 2.738 0 0 1-.317.63ZM5.5 4.25a1.25 1.25 0 1 0-2.5 0 1.25 1.25 0 0 0 2.5 0Zm4.97 6.53a.75.75 0 1 1 1.06-1.06l1.75 1.75a.75.75 0 0 1 0 1.06l-1.75 1.75a.75.75 0 1 1-1.06-1.06l.47-.47H3.25a.75.75 0 0 1 0-1.5h7.69l-.47-.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.967 6.399a2.765 2.765 0 0 0 .88-1.24v-.002L8.22 6.53a.75.75 0 0 0 1.06-1.06L8.81 5h.69A1.501 1.501 0 0 1 11 6.5v1.75a.75.75 0 0 0 1.5 0V6.5a3 3 0 0 0-3-3h-.69l.47-.47a.75.75 0 0 0-1.06-1.06L6.847 3.343A2.755 2.755 0 0 0 4.25 1.5a2.75 2.75 0 0 0-.75 5.396v2.208a2.751 2.751 0 1 0 1.5 0V6.896c.357-.1.685-.272.967-.497Zm4.063 4.07a.75.75 0 1 0-1.06 1.061l2 2a.75.75 0 0 0 1.13-.08l3-4a.75.75 0 0 0-1.2-.9l-2.481 3.308-1.389-1.388Zm-6.842.622A1.246 1.246 0 0 0 3 11.75a1.25 1.25 0 1 0 .188-.659Zm1.6-7.97a1.25 1.25 0 1 1-1.076 2.257 1.25 1.25 0 0 1 1.076-2.257Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.967 6.399a2.765 2.765 0 0 0 .88-1.24v-.002L8.22 6.53a.75.75 0 0 0 1.06-1.06L8.81 5h.69A1.501 1.501 0 0 1 11 6.5v1.75a.75.75 0 1 0 1.5 0V6.5a3 3 0 0 0-3-3h-.69l.47-.47a.75.75 0 0 0-1.06-1.06L6.847 3.343A2.755 2.755 0 0 0 4.25 1.5a2.75 2.75 0 0 0-.753 5.396H3.5v2.208a2.751 2.751 0 1 0 1.5 0V6.896c.357-.1.685-.272.967-.497Zm3.253 6.82a.75.75 0 1 0 1.06 1.061l1.47-1.47 1.47 1.47a.75.75 0 1 0 1.06-1.06l-1.47-1.47 1.47-1.47a.75.75 0 1 0-1.06-1.06l-1.47 1.47-1.47-1.47a.749.749 0 1 0-1.06 1.06l1.47 1.47-1.47 1.47Zm-6.032-2.128A1.246 1.246 0 0 0 3 11.75a1.25 1.25 0 1 0 .188-.659Zm1.6-7.97a1.25 1.25 0 1 1-1.076 2.257 1.25 1.25 0 0 1 1.076-2.257Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.312 4.909A1.25 1.25 0 1 1 3.19 3.593a1.25 1.25 0 0 1 2.123 1.316Zm-2.124 6.182a1.25 1.25 0 1 0 2.125 1.318 1.25 1.25 0 0 0-2.125-1.318ZM5 9.104V6.896a2.751 2.751 0 1 0-1.5 0v2.208A2.751 2.751 0 1 0 6.896 12.5H9.5a3 3 0 0 0 3-2.98V6.895a2.751 2.751 0 1 0-1.5 0V9.5A1.5 1.5 0 0 1 9.5 11H6.896A2.756 2.756 0 0 0 5 9.104Zm7.812-4.195a1.25 1.25 0 1 0-2.125-1.318 1.25 1.25 0 0 0 2.125 1.318Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m4.843 10.944-.194 2.335a.204.204 0 0 0 .339.17l2.21-1.964.589.013L8 11.5c1.695 0 3.087-.44 4.02-1.177.89-.702 1.48-1.76 1.48-3.323s-.59-2.62-1.48-3.323C11.087 2.94 9.695 2.5 8 2.5c-1.695 0-3.087.44-4.02 1.177C3.09 4.38 2.5 5.437 2.5 7c0 1.648.656 2.742 1.648 3.448l.695.496Zm1.141 3.625 1.77-1.572C7.834 13 7.916 13 8 13c3.866 0 7-2 7-6s-3.134-6-7-6-7 2-7 6c0 2.117.878 3.674 2.277 4.67l-.123 1.484a1.704 1.704 0 0 0 2.83 1.415Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.98 3.677C4.913 2.94 6.305 2.5 8 2.5a9.1 9.1 0 0 1 .924.046.75.75 0 0 0 .152-1.492A10.6 10.6 0 0 0 8 1c-1.933 0-3.683.5-4.95 1.5C1.784 3.5 1 5 1 7c0 2.117.878 3.674 2.277 4.67l-.123 1.484a1.704 1.704 0 0 0 2.83 1.415l1.77-1.572C7.834 13 7.916 13 8 13c1.933 0 3.683-.5 4.95-1.5C14.216 10.5 15 9 15 7a.75.75 0 0 0-1.5 0c0 1.563-.59 2.62-1.48 3.323C11.087 11.06 9.695 11.5 8 11.5c-.072 0-.143 0-.213-.002l-.295-.007-.295-.006-.22.195-1.99 1.768a.204.204 0 0 1-.338-.17l.159-1.909.035-.425-.348-.248-.347-.248C3.156 9.742 2.5 8.648 2.5 7c0-1.563.59-2.62 1.48-3.323ZM12.5 5.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13c3.866 0 7-2 7-6s-3.134-6-7-6-7 2-7 6c0 2.16.914 3.737 2.364 4.73l.09 2.161a1.157 1.157 0 0 0 1.857.872l2.322-1.77c.122.005.244.007.367.007Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m4.772 11.795.071-.851-.695-.496C3.156 9.742 2.5 8.648 2.5 7c0-1.563.59-2.62 1.48-3.323C4.913 2.94 6.305 2.5 8 2.5c1.695 0 3.087.44 4.02 1.177.89.702 1.48 1.76 1.48 3.323s-.59 2.62-1.48 3.323C11.087 11.06 9.695 11.5 8 11.5c-.072 0-.143 0-.213-.002l-.59-.013-.44.391-1.77 1.572a.204.204 0 0 1-.338-.17l.123-1.483Zm2.981 1.202L5.984 14.57a1.704 1.704 0 0 1-2.83-1.415l.123-1.484C1.877 10.674 1 9.117 1 7c0-4 3.134-6 7-6s7 2 7 6-3.134 6-7 6c-.083 0-.165 0-.247-.003ZM8.75 5a.75.75 0 0 0-1.5 0v1.25H6a.75.75 0 0 0 0 1.5h1.25V9a.75.75 0 0 0 1.5 0V7.75H10a.75.75 0 0 0 0-1.5H8.75V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10 9.5h.621l.44.44 1.51 1.51a.174.174 0 0 0 .295-.136l-.112-1.454-.062-.809.642-.495C14.037 8.016 14.5 7.211 14.5 6c0-1.214-.465-2.019-1.17-2.56-.754-.578-1.902-.94-3.33-.94-1.428 0-2.576.362-3.33.94C5.966 3.98 5.5 4.786 5.5 6s.465 2.019 1.17 2.56c.754.578 1.902.94 3.33.94Zm.52 2.02.99.99a1.673 1.673 0 0 0 2.851-1.312l-.111-1.453C15.33 8.91 16 7.663 16 6c0-3.333-2.686-5-6-5-2.127 0-3.995.687-5.06 2.06C2.131 3.384 0 5.03 0 8c0 1.663.669 2.911 1.75 3.745l-.111 1.453A1.673 1.673 0 0 0 4.49 14.51L6 13c1.803 0 3.42-.493 4.52-1.48ZM4.143 4.736C4.05 5.126 4 5.548 4 6c0 2.905 2.04 4.544 4.759 4.918-.717.366-1.654.582-2.759.582h-.621l-.44.44-1.51 1.51a.174.174 0 0 1-.295-.136l.112-1.454.062-.809-.642-.495C1.963 10.016 1.5 9.211 1.5 8c0-1.214.465-2.019 1.17-2.56.391-.3.887-.541 1.473-.704Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.235 3.296 1.97 3.03a.75.75 0 0 1 1.06-1.06l11 11a.75.75 0 0 1-1.06 1.06l-1.621-1.62c-.995.393-2.136.59-3.349.59-.083 0-.165 0-.247-.003L5.984 14.57a1.704 1.704 0 0 1-2.83-1.416l.123-1.484C1.877 10.674 1 9.117 1 7c0-1.526.456-2.76 1.235-3.704Zm7.93 7.93a8.14 8.14 0 0 1-2.378.272l-.59-.013-.44.391-1.77 1.572a.204.204 0 0 1-.338-.169l.123-1.484.071-.851-.695-.496C3.156 9.742 2.5 8.648 2.5 7c0-1.12.303-1.98.802-2.637l6.863 6.862ZM13.5 7c0 1.075-.28 1.91-.742 2.556l1.07 1.07C14.568 9.693 15 8.484 15 7c0-4-3.134-6-7-6-1.172 0-2.276.184-3.247.551l1.194 1.194A8.231 8.231 0 0 1 8 2.5c1.695 0 3.087.44 4.02 1.177.89.702 1.48 1.76 1.48 3.323Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-6.09 2.303-2.899.805a.909.909 0 0 1-1.12-1.119l.806-2.9A2 2 0 0 1 7.09 5.697l2.9-.805a.909.909 0 0 1 1.12 1.119l-.806 2.9a2 2 0 0 1-1.392 1.392ZM9 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 2.5H8A1.5 1.5 0 0 0 6.5 4v1H8a3 3 0 0 1 3 3v1.5h1A1.5 1.5 0 0 0 13.5 8V4A1.5 1.5 0 0 0 12 2.5ZM11 11h1a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v1H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-1ZM4 6.5h4A1.5 1.5 0 0 1 9.5 8v4A1.5 1.5 0 0 1 8 13.5H4A1.5 1.5 0 0 1 2.5 12V8A1.5 1.5 0 0 1 4 6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 2.5h4A1.5 1.5 0 0 1 13.5 4v4A1.5 1.5 0 0 1 12 9.5h-1V8a3 3 0 0 0-3-3H6.5V4A1.5 1.5 0 0 1 8 2.5Zm4 8.5h-1v1a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h1V4a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3ZM8 6.5H4A1.5 1.5 0 0 0 2.5 8v4A1.5 1.5 0 0 0 4 13.5h4A1.5 1.5 0 0 0 9.5 12V8A1.5 1.5 0 0 0 8 6.5Zm-1.47 6.03a.75.75 0 0 1-1.06-1.06l.72-.72H4a.75.75 0 0 1 0-1.5h2.19l-.72-.72a.75.75 0 0 1 1.06-1.06l2 2a.75.75 0 0 1 0 1.06l-2 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="currentColor"><path d="m8 9.076.085-.107a.751.751 0 1 0-1.171-.937L5.438 9.877 5.03 9.47a.747.747 0 0 0-1.06 0 .75.75 0 0 0 0 1.06l.407.408.593.592a.75.75 0 0 0 1.116-.061l.522-.654h.001L8 9.074Z"></path><path fill-rule="evenodd" d="M12 11a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v1H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-1h1ZM4 6.5A1.5 1.5 0 0 0 2.5 8v4A1.5 1.5 0 0 0 4 13.5h4A1.5 1.5 0 0 0 9.5 12V8A1.498 1.498 0 0 0 8 6.5H4ZM13.5 4A1.5 1.5 0 0 0 12 2.5H8A1.5 1.5 0 0 0 6.5 4v1H8a3 3 0 0 1 3 3v1.5h1A1.498 1.498 0 0 0 13.5 8V4Z" clip-rule="evenodd"></path></g></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 6.5A1.5 1.5 0 0 0 2.5 8v4A1.5 1.5 0 0 0 4 13.5h4A1.5 1.5 0 0 0 9.5 12V8A1.498 1.498 0 0 0 8 6.5H4Zm6-1.56.97-.97a.75.75 0 0 1 1.06 1.06s.001 0 0 0l-.97.97.97.97A.75.75 0 0 1 11 8.059V9.5h1A1.498 1.498 0 0 0 13.5 8V4c0-.414-.168-.79-.44-1.06A1.496 1.496 0 0 0 12 2.5H8a1.495 1.495 0 0 0-1.415 1A1.498 1.498 0 0 0 6.5 4v1h1.441A.748.748 0 0 1 8 3.941a.75.75 0 0 1 1.03.028l.97.97ZM8 9.075l.085-.107L8 9.076Zm0 0-1.39 1.738-.002.001-.522.654a.75.75 0 0 1-1.116.061l-1-1s0 .001 0 0a.75.75 0 0 1 1.06-1.06l.408.407 1.476-1.845a.75.75 0 1 1 1.171.937m-3.17 1.563ZM15 8a3 3 0 0 1-3 3h-1v1a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h1V4a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 2.5h4A1.5 1.5 0 0 1 13.5 4v4A1.5 1.5 0 0 1 12 9.5h-1V8a3 3 0 0 0-3-3H6.5V4A1.5 1.5 0 0 1 8 2.5Zm4 8.5h-1v1a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h1V4a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3ZM8 6.5H4A1.5 1.5 0 0 0 2.5 8v4A1.5 1.5 0 0 0 4 13.5h4A1.5 1.5 0 0 0 9.5 12V8A1.5 1.5 0 0 0 8 6.5Zm-1.97 5.78a.75.75 0 0 1-1.06-1.06L6.19 10 4.97 8.78a.75.75 0 0 1 1.06-1.06l1.75 1.75a.75.75 0 0 1 0 1.06l-1.75 1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 2.5H8A1.5 1.5 0 0 0 6.5 4v1H8a3 3 0 0 1 3 3v1.5h1A1.5 1.5 0 0 0 13.5 8V4A1.5 1.5 0 0 0 12 2.5ZM11 11h1a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v1H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-1ZM8 6.5H4A1.5 1.5 0 0 0 2.5 8v4A1.5 1.5 0 0 0 4 13.5h4A1.5 1.5 0 0 0 9.5 12V8A1.5 1.5 0 0 0 8 6.5ZM3.75 10a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 2.5H8A1.5 1.5 0 0 0 6.5 4v1H8a3 3 0 0 1 3 3v1.5h1A1.5 1.5 0 0 0 13.5 8V4A1.5 1.5 0 0 0 12 2.5ZM11 11h1a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v1H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-1ZM4 6.5h4A1.5 1.5 0 0 1 9.5 8v2.041l-.568-.52a1.52 1.52 0 0 0-2.014-.032l-1.719 1.473-.602-.452a1.52 1.52 0 0 0-1.805-.013l-.292.212V8A1.5 1.5 0 0 1 4 6.5Zm-1.414 6.001A1.5 1.5 0 0 0 4 13.5h4a1.5 1.5 0 0 0 1.498-1.428L7.92 10.63a.02.02 0 0 0-.026 0l-2.175 1.864-.457.391-.481-.36-1.084-.814a.02.02 0 0 0-.023 0l-1.088.791Zm3.03-4.04a1.154 1.154 0 1 1-2.308 0 1.154 1.154 0 0 1 2.307 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 2.5H8A1.5 1.5 0 0 0 6.5 4v1H8a3 3 0 0 1 3 3v1.5h1A1.5 1.5 0 0 0 13.5 8V4A1.5 1.5 0 0 0 12 2.5ZM11 11h1a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v1H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-1ZM8 6.5H4A1.5 1.5 0 0 0 2.5 8v4A1.5 1.5 0 0 0 4 13.5h4A1.5 1.5 0 0 0 9.5 12V8A1.5 1.5 0 0 0 8 6.5ZM6 7.75a.75.75 0 0 1 .75.75v.75h.75a.75.75 0 0 1 0 1.5h-.75v.75a.75.75 0 0 1-1.5 0v-.75H4.5a.75.75 0 0 1 0-1.5h.75V8.5A.75.75 0 0 1 6 7.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 2.5h4A1.5 1.5 0 0 1 13.5 4v4A1.5 1.5 0 0 1 12 9.5h-1V8a3 3 0 0 0-3-3H6.5V4A1.5 1.5 0 0 1 8 2.5ZM5 5V4a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3h-1v1a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h1Zm4.5 6v1A1.5 1.5 0 0 1 8 13.5H4A1.5 1.5 0 0 1 2.5 12V8A1.5 1.5 0 0 1 4 6.5h1V8a3 3 0 0 0 3 3h1.5Zm0-1.5H8A1.5 1.5 0 0 1 6.5 8V6.5H8A1.5 1.5 0 0 1 9.5 8v1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.5 12c0 .414-.168.79-.44 1.06A1.49 1.49 0 0 1 8 13.5H4a1.49 1.49 0 0 1-1.06-.44A1.496 1.496 0 0 1 2.5 12V8c0-.414.168-.79.44-1.06A1.49 1.49 0 0 1 4 6.5h4c.414 0 .79.168 1.06.44.272.27.44.646.44 1.06v4Zm-1.47-1.03s.001 0 0 0L7.06 10l.97-.97a.75.75 0 0 0-1.06-1.06L6 8.94l-.97-.97a.75.75 0 0 0-1.06 1.06l.97.97-.97.97a.75.75 0 0 0 1.06 1.06c0 .001 0 0 0 0l.97-.97.97.97a.75.75 0 0 0 1.06-1.06ZM6.5 5H8a3 3 0 0 1 3 3v1.5h1A1.498 1.498 0 0 0 13.5 8V4A1.5 1.5 0 0 0 12 2.5H8A1.5 1.5 0 0 0 6.5 4v1ZM5 4a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3h-1v1a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h1V4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7 1.25a.75.75 0 0 0-1.5 0V2.5a3 3 0 0 0-3 3H1.25a.75.75 0 0 0 0 1.5H2.5v2H1.25a.75.75 0 0 0 0 1.5H2.5a3 3 0 0 0 3 3v1.25a.75.75 0 0 0 1.5 0V13.5h2v1.25a.75.75 0 0 0 1.5 0V13.5a3 3 0 0 0 3-3h1.25a.75.75 0 1 0 0-1.5H13.5V7h1.25a.75.75 0 1 0 0-1.5H13.5a3 3 0 0 0-3-3V1.25a.75.75 0 0 0-1.5 0V2.5H7V1.25ZM10.5 4h-5A1.5 1.5 0 0 0 4 5.5v5A1.5 1.5 0 0 0 5.5 12h5a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 10.5 4Zm0 2.25a.75.75 0 0 0-.75-.75h-3.5a.75.75 0 0 0-.75.75v3.5a.75.75 0 0 0 .75.75h3.5a.75.75 0 0 0 .75-.75v-3.5ZM7 7h2v2H7V7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.75 0a.75.75 0 0 1 .75.75V2h2V.75a.75.75 0 0 1 1.5 0V2a2 2 0 0 1 2 2h1.25a.75.75 0 0 1 0 1.5H14v2h1.25a.75.75 0 0 1 0 1.5H14a2 2 0 0 1-2 2h-1v1a2 2 0 0 1-2 2v1.25a.75.75 0 0 1-1.5 0V14h-2v1.25a.75.75 0 0 1-1.5 0V14a2 2 0 0 1-2-2H.75a.75.75 0 0 1 0-1.5H2v-2H.75a.75.75 0 0 1 0-1.5H2a2 2 0 0 1 2-2h1V4a2 2 0 0 1 2-2V.75A.75.75 0 0 1 7.75 0ZM6.5 5H9a2 2 0 0 1 2 2v2.5h1a.5.5 0 0 0 .5-.5V4a.5.5 0 0 0-.5-.5H7a.5.5 0 0 0-.5.5v1Zm3 2a.5.5 0 0 0-.5-.5H4a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5V7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 4h-9A1.5 1.5 0 0 0 2 5.5h12A1.5 1.5 0 0 0 12.5 4ZM2 10.5V7h12v3.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 10.5Zm1.5-8a3 3 0 0 0-3 3v5a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3v-5a3 3 0 0 0-3-3h-9ZM4.25 9a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.5 0a.75.75 0 0 1 .75.75V2.5h8.25a.75.75 0 0 1 .75.75v8.5h2a.75.75 0 0 1 0 1.5h-2v2a.75.75 0 0 1-1.5 0v-2H3.5a.75.75 0 0 1-.75-.75V4h-2a.75.75 0 0 1 0-1.5h2V.75A.75.75 0 0 1 3.5 0Zm.75 4v7.75h7.5V4h-7.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="m8.427 11.073 1.205-1.205a.402.402 0 0 0 .118-.285.805.805 0 0 0-.236-.569L8.427 7.927a.603.603 0 0 0-.854 0L6.486 9.014a.805.805 0 0 0-.236.57c0 .106.042.208.118.284l1.205 1.205a.604.604 0 0 0 .854 0Z"></path><path d="M16 5.796v-.028a1.768 1.768 0 0 0-3.018-1.25l-.76.76-.024.024-.374.374-.415.415a.335.335 0 0 1-.561-.149l-.155-.566-.139-.51-.009-.033-.65-2.386a1.964 1.964 0 0 0-3.79 0l-.65 2.386-.01.032-.139.511-.154.566a.335.335 0 0 1-.56.15l-.416-.416-.374-.374-.024-.024-.76-.76A1.768 1.768 0 0 0 0 5.768v.028c0 .135.015.27.046.403l1.3 5.631a1.4 1.4 0 0 0 .778.958 14.021 14.021 0 0 0 11.752 0c.394-.182.681-.535.779-.958l1.299-5.63A1.84 1.84 0 0 0 16 5.796ZM3.53 7.152c.997.997 2.698.545 3.07-.815l.952-3.495a.464.464 0 0 1 .896 0L9.4 6.337c.37 1.36 2.072 1.812 3.068.815l1.574-1.574a.268.268 0 0 1 .457.19v.028a.291.291 0 0 1-.008.066l-1.288 5.584a12.522 12.522 0 0 1-10.408 0L1.508 5.862a.295.295 0 0 1-.008-.066v-.028a.268.268 0 0 1 .457-.19l1.574 1.574Z"></path></g></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 5.475v4.946a1.5 1.5 0 0 1-.973 1.405l-4.777 1.79V7.53l5.75-2.054Zm-.654-1.36a1.5 1.5 0 0 0-.175-.103L9.499 2.427a1.5 1.5 0 0 0-1.197-.063l-4.829 1.81c-.08.03-.157.067-.23.11L7.05 6.185l5.797-2.07ZM2.5 5.59l3.75 1.875v5.984l-2.92-1.46a1.5 1.5 0 0 1-.83-1.342V5.589ZM1.266 4.343c-.172.38-.266.8-.266 1.236v5.067a3 3 0 0 0 1.658 2.683l3.172 1.586a3 3 0 0 0 2.395.126l4.828-1.811A3 3 0 0 0 15 10.421V5.354a3 3 0 0 0-1.658-2.683L10.17 1.085A3 3 0 0 0 7.775.959L2.947 2.77a2.997 2.997 0 0 0-1.48 1.203.75.75 0 0 0-.2.37Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.5 2h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1ZM4 3A2.5 2.5 0 0 1 6.5.5h3A2.5 2.5 0 0 1 12 3v3c0 .356-.074.694-.208 1H13a2.5 2.5 0 0 1 2.5 2.5v3A2.5 2.5 0 0 1 13 15H3a2.5 2.5 0 0 1-2.5-2.5v-3A2.5 2.5 0 0 1 3 7h1.208A2.492 2.492 0 0 1 4 6V3Zm2.25 5.5a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h3.25Zm3.5 5a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1H13a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H9.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.5 2.5h-3A1.5 1.5 0 0 0 5 4v1h1a3 3 0 0 1 3 3v.5h.5A1.5 1.5 0 0 0 11 7V4a1.5 1.5 0 0 0-1.5-1.5ZM9 10v1c0 .546-.146 1.059-.401 1.5H13a1.5 1.5 0 0 0 1.5-1.5V8A1.5 1.5 0 0 0 13 6.5h-.5V7a3 3 0 0 1-3 3H9Zm3.5-5V4a3 3 0 0 0-3-3h-3a3 3 0 0 0-3 3v1H3a3 3 0 0 0-3 3v3a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3h-.5ZM6 6.5H3A1.5 1.5 0 0 0 1.5 8v3A1.5 1.5 0 0 0 3 12.5h3A1.5 1.5 0 0 0 7.5 11V8A1.5 1.5 0 0 0 6 6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M10.521 5.835c.84-.402.979-.795.979-1.085 0-.272-.123-.634-.83-1.01a4.02 4.02 0 0 0-.149-.075C9.666 3.255 8.351 3 6.75 3s-2.916.256-3.772.665C2.14 4.067 2 4.46 2 4.75c0 .29.14.683.978 1.085.856.41 2.171.665 3.772.665s2.916-.256 3.771-.665ZM6.75 8c1.882 0 3.57-.322 4.715-.966-.059 1.35-.216 2.595-.634 3.616-.303.74-.72 1.293-1.296 1.674-.579.383-1.444.676-2.785.676-1.34 0-2.206-.293-2.785-.676-.575-.381-.992-.934-1.296-1.674-.418-1.021-.575-2.267-.634-3.616C3.18 7.678 4.868 8 6.75 8Zm6.246-3.388C12.88 2.537 10.128 1.5 6.75 1.5 3.298 1.5.5 2.583.5 4.75.5 9 .5 14.5 6.75 14.5c3.36 0 4.913-1.589 5.632-3.719a9.67 9.67 0 0 0 .818-.293c.615-.256 1.268-.613 1.79-1.112C15.524 8.865 16 8.12 16 7.158c0-.437-.097-.89-.345-1.304a2.38 2.38 0 0 0-.956-.89c-.563-.293-1.187-.358-1.703-.352Zm-.003 1.5c-.015.97-.06 1.967-.204 2.92.964-.432 1.711-1.056 1.711-1.874 0-.808-.656-1.059-1.507-1.046Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.413 3.421A.841.841 0 0 1 4.25 2.5a.75.75 0 0 0 0-1.5 2.341 2.341 0 0 0-2.33 2.563l.199 2.096a.898.898 0 0 1-.677.957l-.139.035a1.39 1.39 0 0 0 0 2.698l.14.035a.898.898 0 0 1 .676.957l-.2 2.096A2.341 2.341 0 0 0 4.25 15a.75.75 0 0 0 0-1.5.841.841 0 0 1-.837-.921l.2-2.096A2.399 2.399 0 0 0 2.04 8a2.399 2.399 0 0 0 1.571-2.483l-.2-2.096Zm9.175 9.158a.841.841 0 0 1-.838.921.75.75 0 0 0 0 1.5 2.341 2.341 0 0 0 2.33-2.563l-.199-2.096a.898.898 0 0 1 .677-.957l.139-.035a1.39 1.39 0 0 0 0-2.698l-.14-.035a.898.898 0 0 1-.676-.957l.2-2.096A2.341 2.341 0 0 0 11.75 1a.75.75 0 0 0 0 1.5c.496 0 .884.427.838.921l-.2 2.096A2.399 2.399 0 0 0 13.959 8a2.399 2.399 0 0 0-1.571 2.483l.2 2.096Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.25 2.5a.841.841 0 0 0-.837.921l.2 2.096A2.399 2.399 0 0 1 2.04 8a2.399 2.399 0 0 1 1.571 2.483l-.2 2.096a.841.841 0 0 0 .838.921.75.75 0 0 1 0 1.5 2.341 2.341 0 0 1-2.33-2.563l.199-2.096a.898.898 0 0 0-.677-.957l-.139-.035a1.39 1.39 0 0 1 0-2.698l.14-.035a.898.898 0 0 0 .676-.957l-.2-2.096A2.341 2.341 0 0 1 4.25 1a.75.75 0 0 1 0 1.5Zm4.805 2.639a.78.78 0 0 1 .989-.668.75.75 0 1 0 .412-1.442 2.279 2.279 0 0 0-2.892 1.953L7.456 6H6.5a.75.75 0 0 0 0 1.5h.798l-.353 3.361a.779.779 0 0 1-.989.668.75.75 0 1 0-.412 1.442 2.279 2.279 0 0 0 2.892-1.953l.37-3.518h.944a.75.75 0 0 0 0-1.5h-.785l.09-.861Zm3.533 7.44a.841.841 0 0 1-.838.921.75.75 0 0 0 0 1.5 2.341 2.341 0 0 0 2.33-2.563l-.199-2.096a.898.898 0 0 1 .677-.957l.139-.035a1.39 1.39 0 0 0 0-2.698l-.14-.035a.898.898 0 0 1-.676-.957l.2-2.096A2.341 2.341 0 0 0 11.75 1a.75.75 0 0 0 0 1.5c.496 0 .884.427.838.921l-.2 2.096A2.399 2.399 0 0 0 13.959 8a2.399 2.399 0 0 0-1.571 2.483l.2 2.096Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.413 3.421A.841.841 0 0 1 4.25 2.5a.75.75 0 0 0 0-1.5 2.341 2.341 0 0 0-2.33 2.563l.199 2.096a.898.898 0 0 1-.677.957l-.139.035a1.39 1.39 0 0 0 0 2.698l.14.035a.898.898 0 0 1 .676.957l-.2 2.096A2.341 2.341 0 0 0 4.25 15a.75.75 0 0 0 0-1.5.841.841 0 0 1-.837-.921l.2-2.096A2.399 2.399 0 0 0 2.04 8a2.399 2.399 0 0 0 1.571-2.483l-.2-2.096Zm9.175 9.158a.841.841 0 0 1-.838.921.75.75 0 0 0 0 1.5 2.341 2.341 0 0 0 2.33-2.563l-.199-2.096a.898.898 0 0 1 .677-.957l.139-.035a1.39 1.39 0 0 0 0-2.698l-.14-.035a.898.898 0 0 1-.676-.957l.2-2.096A2.341 2.341 0 0 0 11.75 1a.75.75 0 0 0 0 1.5c.496 0 .884.427.838.921l-.2 2.096A2.399 2.399 0 0 0 13.959 8a2.399 2.399 0 0 0-1.571 2.483l.2 2.096ZM6 8v1.5h4V8H6Zm-.1-1.5a1.4 1.4 0 0 0-1.4 1.4v1.7A1.4 1.4 0 0 0 5.9 11h4.2a1.4 1.4 0 0 0 1.4-1.4V7.9a1.4 1.4 0 0 0-1.4-1.4H10V6a2 2 0 1 0-4 0v.5h-.1Zm1.6 0h1V6a.5.5 0 0 0-1 0v.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.615 4.888c.814-.375.885-.714.885-.888 0-.174-.071-.513-.885-.888C10.8 2.737 9.538 2.5 8 2.5c-1.538 0-2.799.237-3.615.612-.814.375-.885.714-.885.888 0 .174.071.513.885.888C5.2 5.263 6.462 5.5 8 5.5c1.538 0 2.799-.237 3.615-.612Zm.885 1.235C11.4 6.708 9.792 7 8 7c-1.792 0-3.4-.292-4.5-.877V8c0 .174.071.513.885.888C5.2 9.263 6.462 9.5 8 9.5c1.538 0 2.799-.237 3.615-.612.814-.375.885-.714.885-.888V6.123Zm0 4C11.4 10.708 9.792 11 8 11c-1.792 0-3.4-.293-4.5-.877V12c0 .174.071.513.885.887.816.377 2.077.613 3.615.613 1.538 0 2.799-.236 3.615-.613.814-.374.885-.713.885-.887v-1.877ZM14 4c0-2-2.686-3-6-3S2 2 2 4v8c0 2 2.686 3 6 3s6-1 6-3V4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 4c0 .174-.071.513-.885.888C9.8 5.263 8.538 5.5 7 5.5c-1.538 0-2.799-.237-3.615-.612C2.57 4.513 2.5 4.174 2.5 4c0-.174.071-.513.885-.888C4.2 2.737 5.462 2.5 7 2.5c1.538 0 2.799.237 3.615.612.814.375.885.714.885.888ZM3.385 8.888C2.578 8.516 2.5 8.179 2.5 8V6.123C3.6 6.708 5.208 7 7 7c1.792 0 3.4-.292 4.5-.877V7.25a.75.75 0 0 0 1.5 0V4c0-2-2.686-3-6-3S1 2 1 4v8c0 .995.665 1.747 1.757 2.25l.314-.681-.314.681c1.086.5 2.586.75 4.243.75.088 0 .176 0 .263-.002a.75.75 0 0 0-.025-1.5L7 13.5c-1.538 0-2.799-.236-3.615-.613-.807-.371-.885-.708-.885-.887v-1.877c.083.044.169.086.257.127 1.086.5 2.586.75 4.243.75.09 0 .178 0 .266-.002a.75.75 0 1 0-.024-1.5L7 9.5c-1.538 0-2.799-.237-3.615-.612ZM13.78 14.53a.75.75 0 1 1-1.06-1.06l.72-.72H10a.75.75 0 0 1 0-1.5h3.44l-.72-.72a.75.75 0 1 1 1.06-1.06l2 2a.75.75 0 0 1 0 1.06l-2 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 8.5c1.776 0 3.515-.263 4.87-.888A5.64 5.64 0 0 0 14 6.931V8c0 2-2.686 3-6 3s-6-1-6-3V6.93c.35.275.736.501 1.13.682C4.485 8.237 6.224 8.5 8 8.5ZM14 4c0 2-2.686 3-6 3S2 6 2 4c0-.336.076-.643.217-.923C2.92 1.692 5.242 1 8 1c.828 0 1.618.063 2.335.188C12.49 1.563 14 2.5 14 4ZM8 15c3.314 0 6-1 6-3v-1.07c-.35.275-.736.501-1.13.683-1.355.623-3.094.887-4.87.887-1.776 0-3.515-.264-4.87-.887A5.701 5.701 0 0 1 2 10.93V12c0 2 2.686 3 6 3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.615 4.888c.814-.375.885-.714.885-.888 0-.174-.071-.513-.885-.888C10.8 2.737 9.538 2.5 8 2.5c-1.538 0-2.799.237-3.615.612-.814.375-.885.714-.885.888 0 .174.071.513.885.888C5.2 5.263 6.462 5.5 8 5.5c1.538 0 2.799-.237 3.615-.612Zm.885 1.235C11.4 6.708 9.792 7 8 7c-1.792 0-3.4-.292-4.5-.877V8c0 .174.071.513.885.888C5.2 9.263 6.462 9.5 8 9.5h.04c-.187.463-.29.968-.29 1.498-1.691-.026-3.202-.318-4.25-.875V12c0 .174.071.513.885.887.816.377 2.077.613 3.615.613.211 0 .417-.005.617-.013a4.008 4.008 0 0 0 1.848 1.302C9.713 14.93 8.879 15 8 15c-3.314 0-6-1-6-3V4c0-2 2.686-3 6-3s6 1 6 3v3.692a3.978 3.978 0 0 0-1.5-.622v-.947Zm-.75 6.377a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm0 1.5c.556 0 1.077-.152 1.524-.415l1.446 1.445a.75.75 0 1 0 1.06-1.06l-1.445-1.446A3 3 0 1 0 11.75 14Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.499 10.04c.492-.252.501-.446.501-.54V5.462c-.796.359-1.848.538-3 .538a9.467 9.467 0 0 1-1.606-.13c.07.195.106.405.106.63v3.864c.428.086.932.136 1.5.136 1.107 0 1.971-.19 2.499-.46ZM8 8.462V12.5c0 .094-.009.288-.501.54-.528.27-1.392.46-2.499.46-1.107 0-1.971-.19-2.499-.46C2.01 12.788 2 12.594 2 12.5V8.462C2.796 8.821 3.847 9 5 9s2.204-.18 3-.538ZM8 6.5c0-.093-.009-.288-.501-.54C6.97 5.69 6.107 5.5 5 5.5c-1.107 0-1.971.19-2.499.46C2.01 6.212 2 6.407 2 6.5c0 .093.009.288.501.54.528.27 1.392.46 2.499.46 1.107 0 1.971-.19 2.499-.46C7.99 6.788 8 6.593 8 6.5Zm-7.5 0C.5 4.833 2.515 4 5 4c.526 0 1.03.037 1.5.112V3.5C6.5 1.833 8.515 1 11 1s4.5.833 4.5 2.5v6c0 1.667-2.015 2.5-4.5 2.5a9.56 9.56 0 0 1-1.5-.112v.612C9.5 14.167 7.485 15 5 15S.5 14.167.5 12.5v-6Zm7.5-3c0 .094.009.288.501.54.528.27 1.392.46 2.499.46 1.107 0 1.971-.19 2.499-.46.492-.252.501-.446.501-.54 0-.094-.009-.288-.501-.54-.528-.27-1.392-.46-2.499-.46-1.107 0-1.971.19-2.499.46C8.01 3.212 8 3.406 8 3.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 12c2.485 0 4.5-.833 4.5-2.5V6.322a4.763 4.763 0 0 1-.635.388c-1.1.564-2.487.79-3.865.79V12Zm0-6h-.035c-.186-1.3-1.089-2.193-2.1-2.71-.64-.328-1.376-.541-2.15-.663C7.296 1.542 8.995 1 11 1c2.485 0 4.5.833 4.5 2.5S13.485 6 11 6Zm-1.5 6.5C9.5 14.167 7.485 15 5 15S.5 14.167.5 12.5V9.322c.202.147.416.276.635.388 1.1.564 2.487.79 3.865.79 1.378 0 2.764-.226 3.865-.79.219-.112.433-.241.635-.388V12.5ZM5 9c2.485 0 4.5-.833 4.5-2.5S7.485 4 5 4 .5 4.833.5 6.5 2.515 9 5 9Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.442 3.5H12.5A1.5 1.5 0 0 1 14 5v6a1.5 1.5 0 0 1-1.5 1.5H5.442a1.5 1.5 0 0 1-1.171-.563L1.796 8.844a1.35 1.35 0 0 1 0-1.688l2.475-3.093A1.5 1.5 0 0 1 5.44 3.5Zm-2.343-.374A3 3 0 0 1 5.442 2H12.5a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H5.442a3 3 0 0 1-2.343-1.126L.625 9.781a2.85 2.85 0 0 1 0-3.562l2.474-3.093ZM7.28 5.47a.75.75 0 0 0-1.06 1.06L7.69 8 6.22 9.47a.75.75 0 1 0 1.06 1.06l1.47-1.47 1.47 1.47a.75.75 0 1 0 1.06-1.06L9.81 8l1.47-1.47a.75.75 0 0 0-1.06-1.06L8.75 6.94 7.28 5.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M14.01 6.94 9.06 1.99a1.5 1.5 0 0 0-2.12 0L1.99 6.94a1.5 1.5 0 0 0 0 2.12l4.95 4.95a1.5 1.5 0 0 0 2.12 0l4.95-4.95a1.5 1.5 0 0 0 0-2.12ZM10.121.928a3 3 0 0 0-4.242 0l-4.95 4.95a3 3 0 0 0 0 4.242l4.95 4.95a3 3 0 0 0 4.242 0l4.95-4.95a3 3 0 0 0 0-4.242l-4.95-4.95Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.01 6.94 9.06 1.99a1.5 1.5 0 0 0-2.12 0L1.99 6.94a1.5 1.5 0 0 0 0 2.12l4.95 4.95a1.5 1.5 0 0 0 2.12 0l4.95-4.95a1.5 1.5 0 0 0 0-2.12ZM10.121.928a3 3 0 0 0-4.242 0l-4.95 4.95a3 3 0 0 0 0 4.242l4.95 4.95a3 3 0 0 0 4.242 0l4.95-4.95a3 3 0 0 0 0-4.242l-4.95-4.95ZM9 10.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM8.75 5a.75.75 0 1 0-1.5 0v2.5a.75.75 0 1 0 1.5 0V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" d="M5.879.929a3 3 0 0 1 4.242 0l4.95 4.95a3 3 0 0 1 0 4.242l-4.95 4.95a3 3 0 0 1-4.242 0l-4.95-4.95a3 3 0 0 1 0-4.242l4.95-4.95Z"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7ZM8 9.15a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3h-7A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3Zm-7-1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7ZM11.15 6a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0ZM6 11.15a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm9 2.15a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3ZM9.15 8a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0ZM5.5 11.65a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3h-7A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3Zm-7-1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7ZM11.15 6a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0ZM6 11.15a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3ZM11.15 10a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0ZM6 7.15a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm9 2.15a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3ZM9.15 8a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0ZM5.5 11.65a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3Zm6.15-1.15a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0ZM5.5 6.65a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3h-7A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3Zm-7-1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7ZM11.65 5a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0ZM5.5 12.15a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3ZM11.65 11a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0ZM5.5 6.15a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3ZM11.65 8a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0ZM5.5 9.15a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 3H4a1.5 1.5 0 0 0-1.5 1.5v4A1.5 1.5 0 0 0 4 10h8a1.5 1.5 0 0 0 1.5-1.5v-4A1.5 1.5 0 0 0 12 3ZM4 1.5a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h3.25V13h-2.5a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-2.5v-1.5H12a3 3 0 0 0 3-3v-4a3 3 0 0 0-3-3H4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 3h8a1.5 1.5 0 0 1 1.5 1.5v4A1.5 1.5 0 0 1 12 10H4a1.5 1.5 0 0 1-1.5-1.5v-1h2.25a.75.75 0 0 0 .564-.256l1.057-1.208L7.85 8.622A.75.75 0 0 0 9.1 8.7L10.375 7h1.375a.75.75 0 0 0 0-1.5H10a.75.75 0 0 0-.6.3l-.815 1.087-1.434-2.51a.75.75 0 0 0-1.215-.12L4.41 6H2.5V4.5A1.5 1.5 0 0 1 4 3ZM1 6.75V8.5a3 3 0 0 0 3 3h3.25V13h-2.5a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-2.5v-1.5H12a3 3 0 0 0 3-3v-4a3 3 0 0 0-3-3H4a3 3 0 0 0-3 3v2.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.5 3a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM3 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM13 4.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM4.5 3a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM8 14.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm6.5-1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM3 14.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 9a4.5 4.5 0 1 1-9 0c0-1.638.761-3.242 1.789-4.64a16.57 16.57 0 0 1 2.714-2.847c.591.48 1.722 1.483 2.707 2.817 1.024 1.389 1.79 3 1.79 4.67ZM14 9A6 6 0 0 1 2 9C2 4.819 5.846 1.337 7.106.309 7.359.102 7.676 0 8.003 0c.323 0 .637.1.888.302C10.148 1.312 14 4.759 14 9Zm-6 3.25a.75.75 0 0 1 0-1.5A1.75 1.75 0 0 0 9.75 9a.75.75 0 0 1 1.5 0A3.25 3.25 0 0 1 8 12.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 12.372V5.75C4 3.419 5.934 1.5 8.298 1.5c2.31 0 4.202 1.877 4.202 4.156v.459a4.773 4.773 0 0 1-1.667 3.624 11.26 11.26 0 0 0-2.486 3.028l-.364.648A2.128 2.128 0 0 1 4 12.372ZM2.5 5.75v6.622a3.628 3.628 0 0 0 6.79 1.779l.365-.648a9.76 9.76 0 0 1 2.154-2.625A6.274 6.274 0 0 0 14 6.115v-.46C14 2.533 11.421 0 8.298 0 5.122 0 2.5 2.574 2.5 5.75Zm4.526-.162a1.242 1.242 0 0 1 2.474.154v.508a.75.75 0 0 0 1.5 0v-.508a2.742 2.742 0 0 0-5.462-.34l-.282 2.255a.75.75 0 0 0 .827.838l.85-.094a.511.511 0 0 1 .383.901l-1.046.872a.75.75 0 0 0 .96 1.152l1.046-.872a2.011 2.011 0 0 0-1.414-3.552l.164-1.314Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 4.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.5 4h9c.25 0 .485.06.692.169L8.75 7.5a1.25 1.25 0 0 1-1.5 0L2.808 4.169C3.015 4.06 3.251 4 3.5 4ZM2.001 5.438 2 5.5v5A1.5 1.5 0 0 0 3.5 12h9a1.5 1.5 0 0 0 1.5-1.5v-5l-.001-.062L9.65 8.7a2.75 2.75 0 0 1-3.3 0L2.001 5.438ZM.5 5.5a3 3 0 0 1 3-3h9a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3v-5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14 6.498V11.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11.5V6.498l.001-.06L6.35 9.7a2.75 2.75 0 0 0 3.3 0l4.349-3.262.001.06Zm-.806-1.33L8.74 2.642a1.5 1.5 0 0 0-1.48 0L2.806 5.167 7.25 8.5a1.25 1.25 0 0 0 1.5 0l4.444-3.333ZM.5 6.497a3 3 0 0 1 1.521-2.61l4.5-2.55a3 3 0 0 1 2.958 0l4.5 2.55a3 3 0 0 1 1.521 2.61V11.5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V6.498Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14 6.498V11.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11.5V6.498c0-.54.29-1.039.76-1.305l4.5-2.55a1.5 1.5 0 0 1 1.48 0l4.5 2.55c.47.266.76.765.76 1.305Zm-13.5 0a3 3 0 0 1 1.521-2.61l4.5-2.55a3 3 0 0 1 2.958 0l4.5 2.55a3 3 0 0 1 1.521 2.61V11.5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V6.498Zm6.03-.528a.75.75 0 0 0-1.06 1.06L6.94 8.5 5.47 9.97a.75.75 0 1 0 1.06 1.06L8 9.56l1.47 1.47a.75.75 0 1 0 1.06-1.06L9.06 8.5l1.47-1.47a.75.75 0 1 0-1.06-1.06L8 7.44 6.53 5.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 11a.75.75 0 0 0 0-1.5h-11a.75.75 0 0 0 0 1.5h11Zm0-4.5a.75.75 0 0 0 0-1.5h-11a.75.75 0 0 0 0 1.5h11Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m9.646 3.268 2.586 2.586a.914.914 0 0 1 0 1.292L8.72 10.66 4.84 6.78l3.513-3.512a.914.914 0 0 1 1.292 0ZM3.78 7.84 1.768 9.854a.914.914 0 0 0 0 1.292L3.12 12.5h3.76l.78-.78-3.88-3.88Zm9.513.366L9 12.5h6.25a.75.75 0 0 1 0 1.5H2.5L.707 12.207a2.414 2.414 0 0 1 0-3.414l6.586-6.586a2.414 2.414 0 0 1 3.414 0l2.586 2.586a2.414 2.414 0 0 1 0 3.414Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="m8.91 1.762-.325 6.5a.25.25 0 0 1-.25.238h-.67a.25.25 0 0 1-.25-.238l-.325-6.5a.25.25 0 0 1 .25-.262h1.32a.25.25 0 0 1 .25.262Zm1.173 6.575.325-6.5A1.75 1.75 0 0 0 8.66 0H7.34a1.75 1.75 0 0 0-1.748 1.837l.325 6.5A1.75 1.75 0 0 0 7.665 10h.67a1.75 1.75 0 0 0 1.748-1.663ZM8 12.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm2.5 1a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.87 8.515 1.641 8l.229-.515a6.708 6.708 0 0 1 12.26 0l.228.515-.229.515a6.708 6.708 0 0 1-12.259 0ZM.5 6.876l-.26.585a1.328 1.328 0 0 0 0 1.079l.26.584a8.208 8.208 0 0 0 15 0l.26-.584a1.328 1.328 0 0 0 0-1.08l-.26-.584a8.208 8.208 0 0 0-15 0ZM9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.03 1.97a.75.75 0 0 0-1.06 1.06l.83.83A8.206 8.206 0 0 0 .5 6.876l-.26.585a1.328 1.328 0 0 0 0 1.079l.26.585a8.208 8.208 0 0 0 11.434 3.87l1.036 1.035a.75.75 0 1 0 1.06-1.06l-11-11Zm7.788 9.908-1.294-1.293a3 3 0 0 1-4.109-4.109L3.866 4.927A6.707 6.707 0 0 0 1.87 7.486L1.641 8l.23.515a6.708 6.708 0 0 0 8.947 3.363ZM6.55 7.611A1.502 1.502 0 0 0 8.389 9.45L6.55 7.611Zm1.658-2.604 2.784 2.784a3 3 0 0 0-2.784-2.784Zm5.92 3.508a6.704 6.704 0 0 1-.915 1.496l1.065 1.066A8.203 8.203 0 0 0 15.5 9.125l.26-.585a1.328 1.328 0 0 0 0-1.08l-.26-.584A8.208 8.208 0 0 0 5.572 2.37L6.81 3.61a6.708 6.708 0 0 1 7.32 3.877l.228.514-.228.515Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6 8c0 1.75-.335 3.094-.816 3.944C4.721 12.764 4.217 13 3.75 13c-.467 0-.97-.237-1.434-1.056-.272-.48-.496-1.116-.64-1.895.283.289.647.451 1.074.451C3.826 10.5 4.5 9.47 4.5 8s-.674-2.5-1.75-2.5a1.47 1.47 0 0 0-1.075.45c.145-.778.37-1.415.64-1.894C2.78 3.236 3.284 3 3.75 3c.467 0 .97.237 1.434 1.056C5.665 4.906 6 6.25 6 8Zm1.5 0c0 3.822-1.445 6.5-3.75 6.5C1.445 14.5 0 11.822 0 8s1.445-6.5 3.75-6.5C6.055 1.5 7.5 4.178 7.5 8Zm7 0c0 1.75-.335 3.094-.816 3.944-.463.82-.967 1.056-1.434 1.056-.467 0-.97-.237-1.434-1.056-.272-.48-.496-1.116-.64-1.895.283.289.647.451 1.074.451C12.326 10.5 13 9.47 13 8s-.674-2.5-1.75-2.5a1.47 1.47 0 0 0-1.075.45c.145-.778.37-1.415.64-1.894C11.28 3.236 11.784 3 12.25 3c.467 0 .97.237 1.434 1.056.481.85.816 2.195.816 3.944ZM16 8c0 3.822-1.445 6.5-3.75 6.5-2.305 0-3.75-2.678-3.75-6.5s1.445-6.5 3.75-6.5C14.555 1.5 16 4.178 16 8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.75 5.5c.427 0 .791.163 1.075.45-.145-.778-.37-1.415-.64-1.894C4.72 3.236 4.216 3 3.75 3c-.467 0-.97.237-1.434 1.056C1.835 4.906 1.5 6.25 1.5 8s.335 3.094.816 3.944c.463.82.967 1.056 1.434 1.056.467 0 .97-.237 1.434-1.056.272-.48.496-1.116.64-1.895a1.47 1.47 0 0 1-1.074.451C3.674 10.5 3 9.47 3 8s.674-2.5 1.75-2.5ZM7.5 8c0 3.822-1.445 6.5-3.75 6.5C1.445 14.5 0 11.822 0 8s1.445-6.5 3.75-6.5C6.055 1.5 7.5 4.178 7.5 8Zm6.825 2.05c-.145.778-.37 1.415-.64 1.894-.464.82-.968 1.056-1.435 1.056-.467 0-.97-.237-1.434-1.056C10.335 11.094 10 9.75 10 8s.335-3.094.816-3.944C11.279 3.236 11.783 3 12.25 3c.467 0 .97.237 1.434 1.056.272.48.496 1.116.64 1.895A1.47 1.47 0 0 0 13.25 5.5c-1.076 0-1.75 1.03-1.75 2.5s.674 2.5 1.75 2.5a1.47 1.47 0 0 0 1.075-.45ZM16 8c0 3.822-1.445 6.5-3.75 6.5-2.305 0-3.75-2.678-3.75-6.5s1.445-6.5 3.75-6.5C14.555 1.5 16 4.178 16 8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.072 11.749C12.447 10.539 13.5 8.915 13.5 7c0-1.376-.48-2.45-1.313-3.195C11.34 3.047 9.98 2.5 8 2.5s-3.34.547-4.187 1.305C2.98 4.55 2.5 5.625 2.5 7c0 1.915 1.053 3.539 2.428 4.749a9.484 9.484 0 0 0 2.01 1.36 5.5 5.5 0 0 0 .778.32c.17.054.262.067.284.07.022-.003.113-.016.284-.07a5.5 5.5 0 0 0 .778-.32 9.484 9.484 0 0 0 2.01-1.36ZM8 15c1.5 0 7-3 7-8 0-3.5-2.5-6-7-6S1 3.5 1 7c0 5 5.5 8 7 8Zm1.25-5a.75.75 0 0 1-.75-.75c0-.842.345-1.553.922-2.041C9.986 6.73 10.73 6.5 11.5 6.5a.75.75 0 0 1 .75.75c0 .842-.345 1.553-.922 2.041-.564.478-1.308.709-2.078.709ZM7.5 9.25a.75.75 0 0 1-.75.75c-.77 0-1.514-.231-2.078-.709-.577-.488-.922-1.199-.922-2.041a.75.75 0 0 1 .75-.75c.77 0 1.514.231 2.078.709.577.488.922 1.199.922 2.041Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM4.75 9.25a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 .75.75c0 .686-.43 1.319-.974 1.746-.57.447-1.358.754-2.276.754-.918 0-1.706-.307-2.276-.754-.543-.427-.974-1.06-.974-1.746ZM10 7.5a.75.75 0 0 1-.75-.75v-1a.75.75 0 0 1 1.5 0v1a.75.75 0 0 1-.75.75Zm-4.75-.75a.75.75 0 0 0 1.5 0v-1a.75.75 0 0 0-1.5 0v1Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-5 3a.75.75 0 0 0 0-1.5H6A.75.75 0 0 0 6 11h4Zm0-3a.75.75 0 0 1-.75-.75v-1a.75.75 0 0 1 1.5 0v1A.75.75 0 0 1 10 8Zm-4.75-.75a.75.75 0 0 0 1.5 0v-1a.75.75 0 0 0-1.5 0v1Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 1c-.372 0-.737.03-1.094.085a.75.75 0 0 0 .232 1.482 5.546 5.546 0 0 1 1.724 0 .75.75 0 0 0 .232-1.482A7.047 7.047 0 0 0 8 1ZM4.767 3.55a.75.75 0 1 0-.882-1.213 7.036 7.036 0 0 0-1.548 1.548.75.75 0 0 0 1.213.882c.34-.466.75-.878 1.217-1.217Zm7.348-1.213a.75.75 0 1 0-.883 1.213c.467.34.879.75 1.218 1.217a.75.75 0 0 0 1.213-.882 7.037 7.037 0 0 0-1.548-1.548ZM2.567 7.138a.75.75 0 0 0-1.482-.232 7.047 7.047 0 0 0 0 2.188.75.75 0 0 0 1.482-.232 5.546 5.546 0 0 1 0-1.724Zm12.348-.232a.75.75 0 1 0-1.482.232 5.54 5.54 0 0 1 0 1.724.75.75 0 0 0 1.482.232 7.048 7.048 0 0 0 0-2.188ZM3.55 11.233a.75.75 0 1 0-1.213.882 7.037 7.037 0 0 0 1.548 1.548.75.75 0 0 0 .882-1.213 5.533 5.533 0 0 1-1.217-1.217Zm10.113.882a.75.75 0 0 0-1.213-.883 5.53 5.53 0 0 1-1.217 1.218.75.75 0 0 0 .882 1.213 7.037 7.037 0 0 0 1.548-1.548Zm-6.525 1.318a.75.75 0 0 0-.232 1.482 7.048 7.048 0 0 0 2.188 0 .75.75 0 1 0-.232-1.482 5.54 5.54 0 0 1-1.724 0ZM10 11a.75.75 0 0 0 0-1.5H6A.75.75 0 0 0 6 11h4Zm0-3a.75.75 0 0 1-.75-.75v-1a.75.75 0 0 1 1.5 0v1A.75.75 0 0 1 10 8Zm-4.75-.75a.75.75 0 0 0 1.5 0v-1a.75.75 0 0 0-1.5 0v1Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M15.5 10.071c0-2.582-1.426-4.853-3.633-6.087l1.039-1.87a.75.75 0 1 0-1.312-.728l-1.11 1.997A8.1 8.1 0 0 0 8 3a8.1 8.1 0 0 0-2.485.383l-1.11-1.997a.75.75 0 1 0-1.31.728l1.038 1.87C1.926 5.218.5 7.489.5 10.07c0 .813.169 1.603.614 2.294.448.697 1.09 1.158 1.795 1.46C4.227 14.39 6.02 14.5 8 14.5s3.773-.11 5.09-.675c.707-.302 1.348-.763 1.796-1.46.446-.691.614-1.481.614-2.294Zm-13.5 0C2 12.5 4 13 8 13s6-.5 6-2.929c0-3-2.5-5.571-6-5.571s-6 2.57-6 5.57Zm8.5 1.179a.75.75 0 0 1-.75-.75V9a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-.75.75Zm-5.75-.75a.75.75 0 0 0 1.5 0V9a.75.75 0 0 0-1.5 0v1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-5.67 2.835a.75.75 0 1 0 1.34-.67C10.268 9.356 9.219 8.75 8 8.75s-2.267.606-2.67 1.415a.75.75 0 1 0 1.34.67c.097-.191.548-.585 1.33-.585s1.233.394 1.33.585ZM10 8a.75.75 0 0 1-.75-.75v-1a.75.75 0 0 1 1.5 0v1A.75.75 0 0 1 10 8Zm-4.75-.75a.75.75 0 0 0 1.5 0v-1a.75.75 0 0 0-1.5 0v1Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM6.67 9.665a.75.75 0 0 0-1.34.67c.403.809 1.452 1.415 2.67 1.415s2.267-.606 2.67-1.415a.75.75 0 1 0-1.34-.67c-.097.191-.548.585-1.33.585s-1.233-.394-1.33-.585ZM10 8a.75.75 0 0 1-.75-.75v-1a.75.75 0 0 1 1.5 0v1A.75.75 0 0 1 10 8Zm-4.75-.75a.75.75 0 0 0 1.5 0v-1a.75.75 0 0 0-1.5 0v1Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-5.75-.75a.75.75 0 0 0 1.5 0v-1a.75.75 0 0 0-1.5 0v1ZM6 8a.75.75 0 0 1-.75-.75v-1a.75.75 0 0 1 1.5 0v1A.75.75 0 0 1 6 8Zm2 4c1.37 0 2.5-.5 2.5-1.5S9.5 9 8 9s-2.5.5-2.5 1.5S6.5 12 8 12Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.5 5.5v2.803l2.332-1.555L13.5 5.636V12.5a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V3a.5.5 0 0 1 .5-.5h1.5A.5.5 0 0 1 5 3v5.446l2.382-1.733L9.5 5.173V5.5ZM6.5 3v2.5L8 4.41l.903-.657A1.32 1.32 0 0 1 11 4.82v.68l1.02-.68.463-.309.429-.285A1.343 1.343 0 0 1 15 5.343V12.5a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1.5a2 2 0 0 1 2 2Zm-1.75 7a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2V5a3 3 0 0 0 3 3h2.5v4a1.5 1.5 0 0 1-1.5 1.5Zm1.303-7a1.503 1.503 0 0 0-.242-.318L8.818 2.939a1.5 1.5 0 0 0-.318-.242V5A1.5 1.5 0 0 0 10 6.5h2.303Zm.818-1.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 12a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12Zm.621-6.879A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM5.47 9.781A.75.75 0 0 1 6.53 8.72l.72.72V7.25a.75.75 0 0 1 1.5 0v2.19l.72-.72a.75.75 0 1 1 1.06 1.06l-2 2a.75.75 0 0 1-1.06 0l-2-2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12a1.5 1.5 0 0 1-1.5 1.5Zm2.121-8.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12Zm-5.651 6.66a.75.75 0 0 0 1.06-1.061L7.81 10H10a.75.75 0 0 0 0-1.5H7.81l.72-.72a.75.75 0 0 0-1.06-1.06l-2 2a.75.75 0 0 0 0 1.06l2 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12a1.5 1.5 0 0 1-1.5 1.5Zm2.121-8.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12Zm-4.59 6.66A.75.75 0 0 1 7.47 10.72l.72-.72H6a.75.75 0 0 1 0-1.5h2.19l-.72-.72a.75.75 0 0 1 1.06-1.06l2 2a.75.75 0 0 1 0 1.06l-2 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 7.14a3 3 0 0 0-.758-1.992L8.395 2.507A3 3 0 0 0 6.153 1.5H4a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h6.25a.75.75 0 0 0 0-1.5H4a1.5 1.5 0 0 1-1.5-1.5v-7A1.5 1.5 0 0 1 4 3h1.5v2a3 3 0 0 0 3 3h2.25a.75.75 0 0 0 .75-.75v-.11ZM9.856 6.5H8.5A1.5 1.5 0 0 1 7 5V3.262c.1.068.192.15.274.241L9.62 6.144a1.5 1.5 0 0 1 .235.356ZM13.44 11l-.72.72a.75.75 0 1 0 1.061 1.06l2-2a.75.75 0 0 0 0-1.06l-2-2a.75.75 0 1 0-1.06 1.06l.72.72H6.75a.75.75 0 0 0 0 1.5h6.69Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 12a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12Zm.621-6.879A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM5.47 8.72a.75.75 0 0 0 1.06 1.06l.72-.72v2.19a.75.75 0 0 0 1.5 0V9.06l.72.72a.75.75 0 0 0 1.06-1.06l-2-2a.75.75 0 0 0-1.06 0l-2 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12a1.5 1.5 0 0 1-1.5 1.5Zm2.121-8.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM10.85 7.65a.75.75 0 1 0-1.2-.9L7.469 9.658 6.28 8.47a.75.75 0 0 0-1.06 1.06l1.8 1.8a.75.75 0 0 0 1.13-.08l2.7-3.6Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5 13.5h6a1.5 1.5 0 0 0 1.5-1.5V7.243a1.5 1.5 0 0 0-.44-1.061L8.819 2.939a1.5 1.5 0 0 0-1.06-.439H5A1.5 1.5 0 0 0 3.5 4v8A1.5 1.5 0 0 0 5 13.5Zm9-6.257a3 3 0 0 0-.879-2.122L9.88 1.88A3 3 0 0 0 7.757 1H5a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V7.243ZM8.72 10.53a.75.75 0 0 1 0-1.06l.97-.97-.97-.97a.75.75 0 0 1 1.06-1.06l1.5 1.5a.75.75 0 0 1 0 1.06l-1.5 1.5a.75.75 0 0 1-1.06 0Zm-1.44-3a.75.75 0 0 0-1.06-1.06l-1.5 1.5a.75.75 0 0 0 0 1.06l1.5 1.5a.75.75 0 1 0 1.06-1.06l-.97-.97.97-.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12a1.5 1.5 0 0 1-1.5 1.5Zm2.121-8.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12Zm-6.878.388c.272-.203.596-.343.955-.423V4.75a.75.75 0 0 1 1.5 0v.311c.537.097.973.309 1.309.616a.75.75 0 1 1-1.014 1.106c-.134-.123-.412-.28-.993-.28-.464 0-.728.11-.857.206-.112.084-.147.172-.147.274 0 .014 0 .022.016.043a.628.628 0 0 0 .189.152c.23.135.573.242.952.32l.05.011c.394.081.956.197 1.42.434.523.267 1.057.763 1.057 1.609 0 .75-.468 1.263-.98 1.55-.302.17-.648.28-1.002.342v.306a.75.75 0 0 1-1.5 0v-.349a3.347 3.347 0 0 1-.915-.383c-.463-.281-.887-.704-1.064-1.226a.75.75 0 1 1 1.421-.48c.027.08.147.257.423.425.262.16.595.265.937.265.4 0 .748-.086.966-.209.208-.116.214-.204.214-.241 0-.08-.008-.155-.239-.273-.269-.137-.643-.218-1.093-.312-.428-.089-.963-.235-1.408-.496-.446-.263-.944-.735-.944-1.488 0-.587.268-1.115.747-1.474Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 12a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12Zm.621-6.879A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM8 5a.75.75 0 0 1 .75.75V8.5a.75.75 0 0 1-1.5 0V5.75A.75.75 0 0 1 8 5Zm1 6.25a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12a1.5 1.5 0 0 1-1.5 1.5Zm2.121-8.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM6.5 6.5a.75.75 0 0 0-.75.75v4a.75.75 0 0 0 1.5 0v-.75H8.5a2 2 0 1 0 0-4h-2Zm2 2.5H7.25V8H8.5a.5.5 0 0 1 0 1Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 12a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12Zm.621-6.879A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM5.702 6.987a.75.75 0 0 0-1.404.526l1.5 4a.75.75 0 0 0 1.404 0L8 9.386l.798 2.127a.75.75 0 0 0 1.418-.039l1.253-4a.75.75 0 0 0-1.431-.448l-.602 1.919-.734-1.958a.75.75 0 0 0-1.404 0L6.5 9.114l-.798-2.127Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 12a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12Zm.621-6.879A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12Zm-2.807 2.623a.75.75 0 1 0-1.128-.988L8 8.111 6.814 6.756a.75.75 0 1 0-1.128.988L7.003 9.25l-1.317 1.506a.75.75 0 0 0 1.128.988L8 10.389l1.186 1.355a.75.75 0 0 0 1.128-.988L8.997 9.25l1.317-1.506Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12a1.5 1.5 0 0 1-1.5 1.5Zm2.121-8.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM7.5 11.25A2.497 2.497 0 0 1 5 8.75a2.5 2.5 0 1 1 4.717 1.156l.813.814a.75.75 0 1 1-1.06 1.06l-.814-.813a2.49 2.49 0 0 1-1.156.283Zm1-2.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12a1.5 1.5 0 0 1-1.5 1.5Zm2.121-8.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM5.75 8.25a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 12a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12Zm.621-6.879A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM8.75 6.75a.75.75 0 0 0-1.5 0v1.5h-1.5a.75.75 0 0 0 0 1.5h1.5v1.5a.75.75 0 0 0 1.5 0v-1.5h1.5a.75.75 0 0 0 0-1.5h-1.5v-1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12a1.5 1.5 0 0 1-1.5 1.5Zm2.121-8.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12Zm-6.533.388C6.978 5.19 7.488 5 8 5c1.092 0 2.125.736 2.125 1.947 0 .34-.07.678-.273 1.004-.19.308-.467.554-.785.776-.185.129-.269.211-.305.26a.197.197 0 0 0-.012.017A.75.75 0 0 1 7.25 9c0-.741.512-1.192.959-1.503.236-.165.329-.273.368-.336.028-.046.048-.097.048-.214a.367.367 0 0 0-.133-.292C8.398 6.575 8.235 6.5 8 6.5a.766.766 0 0 0-.463.17c-.126.104-.162.204-.162.277a.75.75 0 1 1-1.5 0c0-.618.32-1.116.713-1.438ZM9 11.25a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12a1.5 1.5 0 0 1-1.5 1.5Zm2.121-8.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM6.75 4.5a.75.75 0 0 0-.75.75v2h-.25a.75.75 0 0 0 0 1.5H6v.75h-.25a.75.75 0 0 0 0 1.5H6v.25a.75.75 0 0 0 1.5 0V11h.75a.75.75 0 0 0 0-1.5H7.5v-.75h.875a2.125 2.125 0 0 0 0-4.25H6.75Zm1.625 2.75H7.5V6h.875a.625.625 0 1 1 0 1.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 10.5h4A1.5 1.5 0 0 0 13.5 9V7H12a3 3 0 0 1-3-3V2.5H8A1.5 1.5 0 0 0 6.5 4v5A1.5 1.5 0 0 0 8 10.5Zm5.06-5.318c.096.096.178.203.243.318H12A1.5 1.5 0 0 1 10.5 4V2.697c.115.065.223.147.318.242l2.243 2.243ZM15 6.242a3 3 0 0 0-.879-2.12L11.88 1.878A3 3 0 0 0 9.757 1H8a3 3 0 0 0-3 3H4a3 3 0 0 0-3 3v5a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3h1a3 3 0 0 0 3-3V6.243ZM9.5 12H8a3 3 0 0 1-3-3V5.5H4A1.5 1.5 0 0 0 2.5 7v5A1.5 1.5 0 0 0 4 13.5h4A1.5 1.5 0 0 0 9.5 12Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5 13.5h6a1.5 1.5 0 0 0 1.5-1.5V7.243a1.5 1.5 0 0 0-.44-1.061L8.819 2.939a1.5 1.5 0 0 0-1.06-.439H5A1.5 1.5 0 0 0 3.5 4v8A1.5 1.5 0 0 0 5 13.5Zm9-6.257a3 3 0 0 0-.879-2.122L9.88 1.88A3 3 0 0 0 7.757 1H5a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V7.243ZM5 8.25a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5A.75.75 0 0 1 5 8.25Zm.75 2.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 12a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12Zm.621-6.879A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM6.781 6.72A.75.75 0 0 0 5.72 7.78L6.94 9l-1.22 1.22a.75.75 0 1 0 1.06 1.06L8 10.06l1.22 1.22a.75.75 0 1 0 1.06-1.06L9.06 9l1.22-1.22a.75.75 0 1 0-1.06-1.06L8 7.94 6.78 6.72Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h.5v.75c0 .414.336.75.75.75H7v2h-.75a.75.75 0 0 0-.75.75v.5c0 .414.336.75.75.75H7v2h-.75a.75.75 0 0 0-.75.75v.5c0 .414.336.75.75.75H7v-2h.75a.75.75 0 0 0 .75-.75v-.5A.75.75 0 0 0 7.75 8H7V6h.75a.75.75 0 0 0 .75-.75v-.5A.75.75 0 0 0 7.75 4H7V2.5h.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12a1.5 1.5 0 0 1-1.5 1.5Zm2.121-8.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3.5h.5A1.5 1.5 0 0 1 13.5 5v.5h-2v-2Zm0 3.5v2h2V7h-2ZM15 7v4a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v2Zm-1.5 3.5h-2v2h.5a1.5 1.5 0 0 0 1.5-1.5v-.5Zm-3.5-7H6v9h4v-9Zm-5.5 9v-2h-2v.5A1.5 1.5 0 0 0 4 12.5h.5Zm0-5.5v2h-2V7h2Zm0-1.5h-2V5A1.5 1.5 0 0 1 4 3.5h.5v2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.964 1.79a.75.75 0 0 1-.51.93A5.513 5.513 0 0 0 2.72 6.455a.75.75 0 0 1-1.44-.421A7.013 7.013 0 0 1 6.034 1.28a.75.75 0 0 1 .93.51Zm2.072 0a.75.75 0 0 1 .93-.51 7.003 7.003 0 0 1 4.176 10.08.75.75 0 1 1-1.315-.72 5.503 5.503 0 0 0-3.281-7.92.75.75 0 0 1-.51-.93ZM1.79 9.036a.75.75 0 0 1 .93.51 5.503 5.503 0 0 0 7.92 3.28.75.75 0 1 1 .72 1.316A7.003 7.003 0 0 1 1.28 9.966a.75.75 0 0 1 .51-.93ZM8 5.5a2.5 2.5 0 0 0-1.153 4.719.75.75 0 0 1-.694 1.33A4 4 0 1 1 12 8a.75.75 0 0 1-1.5 0A2.5 2.5 0 0 0 8 5.5Zm.742 2.392a.75.75 0 1 0-1.484.216c.252 1.726 1.493 3.001 3.18 3.14a.75.75 0 1 0 .123-1.495c-.918-.076-1.657-.751-1.819-1.861Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.47 3.588a4.447 4.447 0 0 0-4.15-.224.55.55 0 0 0-.32.499v5.533a6.25 6.25 0 0 1 5.547.439l.344.207a4.018 4.018 0 0 0 3.865.148.442.442 0 0 0 .244-.395V4.182a6.264 6.264 0 0 1-5.386-.508l-.143-.086Zm5.957 7.944a5.518 5.518 0 0 1-5.307-.204l-.345-.207a4.75 4.75 0 0 0-4.314-.293L3 11.026v3.255a.75.75 0 0 1-1.5 0V3.863c0-.8.465-1.526 1.19-1.861a5.947 5.947 0 0 1 5.552.3l.144.086a4.761 4.761 0 0 0 4.447.24l.603-.278a.75.75 0 0 1 1.064.681v6.764c0 .735-.416 1.408-1.073 1.737Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.452 6.864 1.13-2.173a31.715 31.715 0 0 1 1.872-3.095c.964 1.045 1.906 2.3 2.612 3.622.748 1.402 1.184 2.789 1.184 4.032 0 1.427-.904 2.83-2.153 3.613.058-.265.09-.553.09-.863 0-1.255-.674-2.336-1.143-2.963a8.82 8.82 0 0 0-1.01-1.125l-.024-.02-.008-.008L9 7.88l-.001-.001C8.996 7.88 8.996 7.878 8 9a7.03 7.03 0 0 0 .984 1.133c.37.534.704 1.2.704 1.867 0 .77-.313 1.276-.618 1.587-.159.162-.279.38-.314.6a.786.786 0 0 0 0 .264.694.694 0 0 0 .06.182c.113.225.343.37.594.35 2.836-.235 5.34-2.87 5.34-5.733 0-3.149-2.177-6.538-4.357-8.845A1.313 1.313 0 0 0 9.435 0 1.32 1.32 0 0 0 8.35.556 33.486 33.486 0 0 0 6.25 4l-.955-1.337a.986.986 0 0 0-1.589-.018C2.62 4.123 1.25 6.249 1.25 9.25c0 2.863 2.504 5.498 5.34 5.733.25.02.481-.125.593-.35a.672.672 0 0 0 .06-.182.786.786 0 0 0 .001-.263 1.145 1.145 0 0 0-.314-.601c-.305-.31-.617-.817-.617-1.587 0-.666.333-1.333.703-1.867l.09-.128C7.544 9.405 8 9 8 9l-.997-1.12H7l-.003.003-.008.007-.024.021-.073.07a8.827 8.827 0 0 0-.937 1.056c-.47.626-1.143 1.707-1.143 2.962 0 .31.033.598.09.863C3.654 12.08 2.75 10.677 2.75 9.25c0-2.171.847-3.812 1.745-5.126l.534.748 1.423 1.992ZM8 9l.997-1.121L8 6.993l-.997.886L8 9Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.494 13.2c.837-.482 1.006-.946 1.006-1.2 0-.35-.105-.692-.303-.981L9.072 6.435a1.854 1.854 0 0 1-.322-1.044V2.909C8.518 2.968 8.265 3 8 3s-.518-.032-.75-.09v2.48c0 .373-.112.737-.322 1.045L3.803 11.02c-.198.289-.303.63-.303.981 0 .254.169.718 1.006 1.2.813.468 2.043.8 3.494.8s2.68-.332 3.494-.8ZM8 .5c2 0 2.25 1 2.25 1.5v3.39c0 .072.021.141.062.2l3.125 4.584c.367.538.563 1.175.563 1.826 0 2-2.686 3.5-6 3.5S2 14 2 12c0-.652.196-1.288.563-1.826L5.69 5.59a.354.354 0 0 0 .061-.2V2C5.75 1.5 6 .5 8 .5Zm.084 7.626a.75.75 0 0 1 1.04.208l1.5 2.25a.75.75 0 1 1-1.248.832l-1.5-2.25a.75.75 0 0 1 .208-1.04Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3 11.5A1.5 1.5 0 0 0 4.5 13v-2.5a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2V13a1.5 1.5 0 0 0 1.5-1.5V6.036a1 1 0 0 0-.293-.708l-2.035-2.035A1 1 0 0 0 9.964 3H6v1a.5.5 0 0 0 .5.5h3a.75.75 0 0 1 0 1.5h-3a2 2 0 0 1-2-2V3A1.5 1.5 0 0 0 3 4.5v7Zm-1.5 0a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3V6.036a2.5 2.5 0 0 0-.732-1.768l-2.036-2.036A2.5 2.5 0 0 0 9.964 1.5H4.5a3 3 0 0 0-3 3v7Zm8.5-1V13H6v-2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44l.621.62ZM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V4.5Zm4.25 2a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44l.621.62ZM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V4.5Zm10.03 4.53a.75.75 0 1 0-1.06-1.06l-.72.72V6.5a.75.75 0 0 0-1.5 0v2.19l-.72-.72a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.06 0l2-2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44l.621.62ZM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V4.5Zm6.97 6.53a.75.75 0 1 0 1.06-1.06l-.72-.72H10a.75.75 0 0 0 0-1.5H7.81l.72-.72a.75.75 0 0 0-1.06-1.06l-2 2a.75.75 0 0 0 0 1.06l2 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44l.621.62ZM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V4.5Zm8.03 1.47a.75.75 0 0 0-1.06 1.06l.72.72H6a.75.75 0 1 0 0 1.5h2.19l-.72.72a.75.75 0 1 0 1.06 1.06l2-2a.75.75 0 0 0 0-1.06l-2-2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44l.621.62ZM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V4.5Zm4.97 3.47a.75.75 0 0 0 1.06 1.06l.72-.72v2.19a.75.75 0 0 0 1.5 0V8.31l.72.72a.75.75 0 1 0 1.06-1.06l-2-2a.75.75 0 0 0-1.06 0l-2 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 3.56.439.44H12.5A1.5 1.5 0 0 1 14 5.5v5a1.5 1.5 0 0 1-1.5 1.5h-1.75a.75.75 0 0 0 0 1.5h1.75a3 3 0 0 0 3-3v-5a3 3 0 0 0-3-3h-5l-.621-.621A3 3 0 0 0 4.757 1H3.5a3 3 0 0 0-3 3v6.5a3 3 0 0 0 3 3h1.75a.75.75 0 0 0 0-1.5H3.5A1.5 1.5 0 0 1 2 10.5V4a1.5 1.5 0 0 1 1.5-1.5h1.257a1.5 1.5 0 0 1 1.061.44l.621.62Zm2.31 5 .72.72a.75.75 0 1 0 1.06-1.06l-2-2a.75.75 0 0 0-1.06 0l-2 2a.75.75 0 0 0 1.06 1.06l.72-.72v6.69a.75.75 0 0 0 1.5 0V8.56Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44l.621.62ZM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V4.5Zm10.35 2.45a.75.75 0 1 0-1.2-.9L7.469 8.958 6.28 7.77a.75.75 0 0 0-1.06 1.06l1.8 1.8a.75.75 0 0 0 1.13-.08l2.7-3.6Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44l.621.62ZM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V4.5Zm8.182 1.273a.75.75 0 0 1 .546.91l-1 4a.75.75 0 0 1-1.455-.365l1-4a.75.75 0 0 1 .909-.545ZM4.97 10.03a.75.75 0 0 0 1.06-1.06l-.47-.47.47-.47a.75.75 0 0 0-1.06-1.06l-1 1a.75.75 0 0 0 0 1.06l1 1Zm5-1.06a.75.75 0 1 0 1.06 1.06l1-1a.75.75 0 0 0 0-1.06l-1-1a.75.75 0 1 0-1.06 1.06l.47.47-.47.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.879 4.5-.44-.44-.621-.62A1.5 1.5 0 0 0 4.758 3H3.5A1.5 1.5 0 0 0 2 4.5V11a1.5 1.5 0 0 0 1.5 1.5h9A1.5 1.5 0 0 0 14 11V6a1.5 1.5 0 0 0-1.5-1.5H6.879ZM3.5 1.5a3 3 0 0 0-3 3V11a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3h-5l-.621-.621A3 3 0 0 0 4.757 1.5H3.5Zm5.5 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-.25-4.25a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 1.5 0v-1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.5 1.5a3 3 0 0 0-3 3V11a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3h-5l-.621-.621A3 3 0 0 0 4.757 1.5H3.5Zm1.25 5a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44l.621.62ZM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V4.5Zm8.25 2.75A.25.25 0 0 1 9 7h1a.75.75 0 0 0 0-1.5H9a1.75 1.75 0 0 0-1.75 1.75v.5H6a.75.75 0 1 0 0 1.5h1.25v.5c0 .966.784 1.75 1.75 1.75h1a.75.75 0 0 0 0-1.5H9a.25.25 0 0 1-.25-.25v-.5H10a.75.75 0 0 0 0-1.5H8.75v-.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44l.621.62ZM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V4.5ZM8 7.453l1.5 1.25V9.5h-3v-.797L8 7.453ZM5 8.468a1 1 0 0 1 .36-.768l2-1.667a1 1 0 0 1 1.28 0l2 1.667a1 1 0 0 1 .36.768V10a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V8.468Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.879 4.5-.44-.44-.621-.62A1.5 1.5 0 0 0 4.758 3H3.5A1.5 1.5 0 0 0 2 4.5V11a1.5 1.5 0 0 0 1.5 1.5h9A1.5 1.5 0 0 0 14 11V6a1.5 1.5 0 0 0-1.5-1.5H6.879ZM3.5 1.5a3 3 0 0 0-3 3V11a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3h-5l-.621-.621A3 3 0 0 0 4.757 1.5H3.5Zm5.25 7.3a1.5 1.5 0 1 0-1.5 0v1.45a.75.75 0 0 0 1.5 0V8.8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44l.621.62ZM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V4.5Zm8 2.75v.25h-1v-.25a.5.5 0 0 1 1 0Zm1.6.25H10v-.25a2 2 0 1 0-4 0v.25h-.1a1.4 1.4 0 0 0-1.4 1.4v1.2a1.4 1.4 0 0 0 1.4 1.4h4.2a1.4 1.4 0 0 0 1.4-1.4V8.9a1.4 1.4 0 0 0-1.4-1.4ZM6 9v1h4V9H6Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.879 4.5-.44-.44-.621-.62A1.5 1.5 0 0 0 4.758 3H3.5A1.5 1.5 0 0 0 2 4.5V11a1.5 1.5 0 0 0 1.5 1.5h9A1.5 1.5 0 0 0 14 11V6a1.5 1.5 0 0 0-1.5-1.5H6.879ZM3.5 1.5a3 3 0 0 0-3 3V11a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3h-5l-.621-.621A3 3 0 0 0 4.757 1.5H3.5Zm6.217 7.656a2.5 2.5 0 1 0-1.06 1.06l.813.814a.75.75 0 1 0 1.06-1.06l-.813-.814ZM7.5 9a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.379 4.5-.44-.44-.621-.62A1.5 1.5 0 0 0 4.258 3H3a1.5 1.5 0 0 0-1.5 1.5v5.25l1.376-2.293A3 3 0 0 1 5.45 6h7.05A1.5 1.5 0 0 0 11 4.5H6.379ZM14 6.026V6a3 3 0 0 0-3-3H7l-.621-.621A3 3 0 0 0 4.257 1.5H3a3 3 0 0 0-3 3V11a3 3 0 0 0 3 3h8.301a3 3 0 0 0 2.573-1.457l1.791-2.985A2.349 2.349 0 0 0 14 6.026ZM10 12.5h1.301a1.5 1.5 0 0 0 1.287-.728l1.791-2.986 1.286.772-1.286-.772a.85.85 0 0 0-.728-1.286H5.449a1.5 1.5 0 0 0-1.287.728l-1.791 2.986a.85.85 0 0 0 .728 1.286H10Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M0 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7 3h4a3 3 0 0 1 3 3H5.449a3 3 0 0 0-2.573 1.457L1.43 9.867a.75.75 0 0 0 1.287.772l1.446-2.41A1.5 1.5 0 0 1 5.45 7.5h9.376a1.175 1.175 0 0 1 1.008 1.779l-1.96 3.264A3 3 0 0 1 11.302 14H2.94A3 3 0 0 1 0 11V4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44l.621.62ZM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V4.5Zm8.25 2a.75.75 0 0 0-1.5 0v1.25H6a.75.75 0 0 0 0 1.5h1.25v1.25a.75.75 0 0 0 1.5 0V9.25H10a.75.75 0 0 0 0-1.5H8.75V6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m8.879 4-.44-.44-.767-.767a1 1 0 0 0-.708-.293H6A1.5 1.5 0 0 0 4.5 4v5A1.5 1.5 0 0 0 6 10.5h7A1.5 1.5 0 0 0 14.5 9V5.5A1.5 1.5 0 0 0 13 4H8.879ZM6 1a3 3 0 0 0-3 3 3 3 0 0 0-3 3v5a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3 3 3 0 0 0 3-3V5.5a3 3 0 0 0-3-3H9.5l-.768-.768A2.5 2.5 0 0 0 6.964 1H6ZM1.5 7A1.5 1.5 0 0 1 3 5.5V9a3 3 0 0 0 3 3h5.5a1.5 1.5 0 0 1-1.5 1.5H3A1.5 1.5 0 0 1 1.5 12V7Zm10.75 0a.75.75 0 0 0 0-1.5h-5.5a.75.75 0 0 0 0 1.5h5.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.5 13.5v-3A.5.5 0 0 1 8 10h.672a.5.5 0 0 1 .353.146l.414.415.44.439H13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H8a.5.5 0 0 1-.5-.5ZM6 13H4.5a3 3 0 0 1-3-3V1.25a.75.75 0 0 1 1.5 0V2a1.5 1.5 0 0 0 1.5 1.5H6v-1a2 2 0 0 1 2-2h.672a2 2 0 0 1 1.414.586l.414.414H13a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5H4.5A2.986 2.986 0 0 1 3 4.599V10a1.5 1.5 0 0 0 1.5 1.5H6v-1a2 2 0 0 1 2-2h.672a2 2 0 0 1 1.414.586l.414.414H13a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V13Zm1.5-8.75V5.5A.5.5 0 0 0 8 6h5a.5.5 0 0 0 .5-.5v-2A.5.5 0 0 0 13 3H9.879l-.44-.44-.414-.414A.5.5 0 0 0 8.672 2H8a.5.5 0 0 0-.5.5v1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 2.25c-.618 0-1.169.39-1.373.974l-3.335 9.528a.75.75 0 0 0 1.416.496L5.845 10h4.31l1.137 3.248a.75.75 0 0 0 1.416-.496L9.373 3.224A1.455 1.455 0 0 0 8 2.25ZM9.63 8.5 8 3.842 6.37 8.5h3.26Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M4.75 2.25c-.618 0-1.169.39-1.373.974L.042 12.752a.75.75 0 0 0 1.416.496L2.595 10h4.31l1.137 3.248a.75.75 0 0 0 1.416-.496L6.123 3.224A1.455 1.455 0 0 0 4.75 2.25ZM6.38 8.5 4.75 3.842 3.12 8.5h3.26Zm5.135 2.996c0-.223.28-.746 1.152-.746H14.4c-.294 1.024-1.178 1.5-1.9 1.5-.45 0-.677-.134-.792-.249a.706.706 0 0 1-.193-.505Zm2.985.754V13a.75.75 0 1 0 1.5 0v-3c0-1.117-.28-2.065-.873-2.744-.606-.692-1.453-1.006-2.377-1.006-.53 0-.946.07-1.306.195-.338.117-.6.274-.804.396l-.025.015a.75.75 0 1 0 .77 1.288c.22-.132.365-.217.55-.281.178-.062.423-.113.815-.113.576 0 .978.186 1.248.494.191.218.354.543.44 1.006h-1.771c-1.462 0-2.658.977-2.652 2.254.003.542.191 1.116.632 1.557.447.448 1.085.689 1.853.689 1 0 1.75-.75 1.75-1.5h.25Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10 2.25a.75.75 0 0 1 .75-.75c.576 0 1.102.217 1.5.573a2.242 2.242 0 0 1 1.5-.573.75.75 0 0 1 0 1.5.75.75 0 0 0-.75.75v8.75c0 .414.336.75.75.75a.75.75 0 0 1 0 1.5 2.242 2.242 0 0 1-1.5-.573 2.242 2.242 0 0 1-1.5.573.75.75 0 0 1 0-1.5.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75.75.75 0 0 1-.75-.75ZM5.75 3c-.618 0-1.168.39-1.374.972L1.543 12a.75.75 0 1 0 1.414.5L3.84 10h3.82l.883 2.5a.75.75 0 1 0 1.414-.5L7.124 3.972A1.457 1.457 0 0 0 5.75 3Zm1.381 5.5L5.75 4.587 4.369 8.5H7.13Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.25 1a.75.75 0 0 1 .75.75V3h1.25a.75.75 0 0 1 0 1.5H13v7h1.25a.75.75 0 0 1 0 1.5H13v1.25a.75.75 0 0 1-1.5 0V13h-7v1.25a.75.75 0 0 1-1.5 0V13H1.75a.75.75 0 0 1 0-1.5H3v-7H1.75a.75.75 0 0 1 0-1.5H3V1.75a.75.75 0 0 1 1.5 0V3h7V1.75a.75.75 0 0 1 .75-.75ZM4.5 4.5v7h7v-7h-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M13.25.75a.75.75 0 0 1 .75.75V2h.5a.75.75 0 0 1 0 1.5H14v5h.5a.75.75 0 0 1 0 1.5H14v.5a.75.75 0 0 1-1.5 0V10H10v2.5h.5a.75.75 0 0 1 0 1.5H10v.5a.75.75 0 0 1-1.5 0V14h-5v.5a.75.75 0 0 1-1.5 0V14h-.5a.75.75 0 0 1 0-1.5H2v-5h-.5a.75.75 0 0 1 0-1.5H2v-.5a.75.75 0 0 1 1.5 0V6H6V3.5h-.5a.75.75 0 0 1 0-1.5H6v-.5a.75.75 0 0 1 1.5 0V2h5v-.5a.75.75 0 0 1 .75-.75ZM7.5 6h1v-.5a.75.75 0 0 1 1.5 0V6h.5a.75.75 0 0 1 0 1.5H10v1h2.5v-5h-5V6Zm-4 6.5v-5h5v5h-5Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M4.312 4.29a.764.764 0 0 1 1.103-.62.75.75 0 1 0 .67-1.34 2.264 2.264 0 0 0-3.268 1.836L2.706 5.5H1.75a.75.75 0 0 0 0 1.5h.83l-.392 4.71a.764.764 0 0 1-1.103.62.75.75 0 0 0-.67 1.34 2.264 2.264 0 0 0 3.268-1.836L4.086 7H5.25a.75.75 0 1 0 0-1.5H4.21l.102-1.21Zm6.014 2.23a.75.75 0 0 0-1.152.96l.85 1.02-.85 1.02a.75.75 0 0 0 1.152.96L11 9.672l.674.808a.75.75 0 0 0 1.152-.96l-.85-1.02.85-1.02a.75.75 0 0 0-1.152-.96L11 7.328l-.674-.808ZM8.02 4.55a.75.75 0 0 1 .43.969l-.145.378a7.25 7.25 0 0 0 0 5.205l.145.378a.75.75 0 0 1-1.4.539l-.145-.378a8.75 8.75 0 0 1 0-6.282l.145-.378a.75.75 0 0 1 .97-.431Zm5.961 0a.75.75 0 0 1 .97.43l.145.379a8.75 8.75 0 0 1 0 6.282l-.146.378a.75.75 0 1 1-1.4-.538l.146-.379a7.25 7.25 0 0 0 0-5.205l-.146-.378a.75.75 0 0 1 .431-.97Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 4c0 .174-.071.513-.885.888C10.8 5.263 9.538 5.5 8 5.5c-1.538 0-2.799-.237-3.615-.612C3.57 4.513 3.5 4.174 3.5 4c0-.174.071-.513.885-.888C5.2 2.737 6.462 2.5 8 2.5c1.538 0 2.799.237 3.615.612.814.375.885.714.885.888Zm-1.448 2.66C10.158 6.888 9.114 7 8 7s-2.158-.113-3.052-.34l1.98 2.905c.21.308.322.672.322 1.044v3.37c.06.012.141.021.25.021.422 0 .749-.14.95-.316.185-.162.3-.38.3-.684v-2.39c0-.373.112-.737.322-1.045l1.98-2.904ZM8 1c3.314 0 6 1 6 3a3.24 3.24 0 0 1-.563 1.826l-3.125 4.584a.354.354 0 0 0-.062.2V13c0 1.5-1.25 2.5-2.75 2.5s-1.75-1-1.75-1v-3.89a.354.354 0 0 0-.061-.2L2.563 5.826A3.242 3.242 0 0 1 2 4c0-2 2.686-3 6-3Zm-.88 12.936c-.01-.005-.014-.009-.013-.01l.013.01Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.615 4.888c.814-.375.885-.714.885-.888 0-.174-.071-.513-.885-.888C9.8 2.737 8.538 2.5 7 2.5c-1.538 0-2.799.237-3.615.612-.814.375-.885.714-.885.888 0 .174.071.513.885.888C4.2 5.263 5.462 5.5 7 5.5c1.538 0 2.799-.237 3.615-.612ZM7 7c1.114 0 2.158-.113 3.052-.34l-1.98 2.905c-.21.308-.322.672-.322 1.044V13a.861.861 0 0 1-.3.684c-.201.175-.528.316-.95.316a1.3 1.3 0 0 1-.25-.02v-3.37c0-.373-.112-.737-.322-1.045L3.948 6.66C4.842 6.887 5.886 7 7 7Zm6-3c0-2-2.686-3-6-3S1 2 1 4c0 .652.196 1.288.563 1.826L4.69 10.41c.04.059.061.128.061.2v3.89s.25 1 1.75 1 2.75-1 2.75-2.5v-2.39c0-.072.021-.141.061-.2l3.126-4.584A3.242 3.242 0 0 0 13 4Zm-6.88 9.936c-.01-.005-.014-.009-.013-.01l.013.01Zm7.13-2.247-1.22-1.22a.75.75 0 1 0-1.06 1.061l1.22 1.22-1.22 1.22a.75.75 0 1 0 1.06 1.06l1.22-1.22 1.22 1.22a.75.75 0 1 0 1.06-1.06l-1.22-1.22 1.22-1.22a.75.75 0 1 0-1.06-1.06l-1.22 1.22Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.199.199 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.699 1.699 0 0 1-.622-2.321l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M7.295 2a.25.25 0 0 0-.243.194l-.131.568a2.35 2.35 0 0 1-3.263 1.611l-.122-.055a.25.25 0 0 0-.323.107l-.696 1.277A.25.25 0 0 0 2.559 6l.971.97a.75.75 0 1 1-1.06 1.06l-.971-.97a1.75 1.75 0 0 1-.3-2.076l.697-1.277a1.75 1.75 0 0 1 2.26-.755l.123.056a.85.85 0 0 0 1.18-.583l.131-.568A1.75 1.75 0 0 1 7.295.5h1.41a1.75 1.75 0 0 1 1.705 1.357l.13.568a.85.85 0 0 0 1.18.583l.123-.056a1.75 1.75 0 0 1 2.26.755l.697 1.277a1.75 1.75 0 0 1-.299 2.075l-.97.971a.75.75 0 0 1-1.061-1.06l.97-.971a.25.25 0 0 0 .043-.297l-.696-1.277a.25.25 0 0 0-.323-.107l-.123.055a2.35 2.35 0 0 1-3.262-1.61l-.131-.57A.25.25 0 0 0 8.704 2H7.295ZM3.25 12a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 1.5a2.25 2.25 0 0 0 1.978-3.322l.553-.442a1.25 1.25 0 0 0 .469-.976V7.75a.75.75 0 1 0-1.5 0v.89l-.655.524A2.25 2.25 0 1 0 3.25 13.5Zm5.5-.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm1.5 0a2.25 2.25 0 1 1-3-2.122V7.754a.75.75 0 0 1 1.5 0v3.374a2.25 2.25 0 0 1 1.5 2.122Zm2.5-1.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 1.5a2.25 2.25 0 1 0-.795-4.356L11.5 8.69v-.94a.75.75 0 1 0-1.5 0v1.043c0 .331.132.65.366.884l.44.44A2.25 2.25 0 0 0 12.75 13.5Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill-rule="evenodd" clip-path="url(#a)" clip-rule="evenodd"><path fill="currentColor" d="M7.199 2A.199.199 0 0 0 7 2.199c0 1.808-1.958 2.939-3.524 2.034a.199.199 0 0 0-.272.073l-.8 1.388a.199.199 0 0 0 .072.271c1.566.905 1.566 3.165 0 4.07a.199.199 0 0 0-.073.271l.801 1.388a.199.199 0 0 0 .272.073C5.042 10.862 7 11.993 7 13.8c0 .11.089.199.199.199H8.8c.11 0 .199-.089.199-.199 0-1.808 1.958-2.939 3.524-2.034a.199.199 0 0 0 .271-.073l.802-1.388a.199.199 0 0 0-.073-.271c-1.303-.753-1.516-2.434-.665-3.5a.75.75 0 0 1 1.172.936.852.852 0 0 0 .243 1.265 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .938-.76 1.699-1.699 1.699H7.2c-.938 0-1.699-.76-1.699-1.699a.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.472 1.699 1.699 0 0 1-.622-2.32l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2c0-.94.76-1.7 1.699-1.7H9.3a.75.75 0 1 1 0 1.5H7.2Zm.8 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"></path><path fill="#F33" d="M12.5 5.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.199 2H8.8c.11 0 .199.089.199.199 0 1.808 1.958 2.939 3.524 2.034a.199.199 0 0 1 .271.073l.802 1.388a.199.199 0 0 1-.073.271c-1.566.905-1.566 3.165 0 4.07a.199.199 0 0 1 .073.271l-.802 1.388a.199.199 0 0 1-.271.073C10.958 10.862 9 11.993 9 13.8c0 .11-.089.199-.199.199H7.2a.199.199 0 0 1-.2-.198c0-1.808-1.958-2.939-3.524-2.034a.199.199 0 0 1-.272-.073l-.8-1.388a.199.199 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.199.199 0 0 1-.073-.271l.801-1.388a.199.199 0 0 1 .272-.073C5.042 5.138 7 4.007 7 2.2c0-.11.089-.199.199-.199ZM5.5 2.199C5.5 1.26 6.26.5 7.199.5H8.8c.938 0 1.699.76 1.699 1.699a.85.85 0 0 0 1.274.735 1.699 1.699 0 0 1 2.32.622l.802 1.388c.469.812.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.699 1.699 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .938-.76 1.699-1.699 1.699H7.2c-.938 0-1.699-.76-1.699-1.699a.85.85 0 0 0-1.274-.735 1.698 1.698 0 0 1-2.32-.622l-.802-1.388a1.699 1.699 0 0 1 .622-2.32.85.85 0 0 0 0-1.472 1.699 1.699 0 0 1-.622-2.32l.801-1.388a1.699 1.699 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2Zm5 6.667a1 1 0 0 0 0-1.732l-3-1.732a1 1 0 0 0-1.5.866v3.464a1 1 0 0 0 1.5.866l3-1.732Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.293 3H4.5a1.5 1.5 0 0 0-1.41.987l4.68 2.978L10.293 3ZM3 5.707V11.5c0 .648.411 1.2.987 1.41l2.978-4.68L3 5.707ZM5.707 13H11.5a1.5 1.5 0 0 0 1.5-1.5v-7a1.5 1.5 0 0 0-.987-1.41l-3.38 5.313L5.707 13ZM1.5 4.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.293 3H4.5a1.5 1.5 0 0 0-1.41.987L7 6.475a2.5 2.5 0 0 1 2.654-2.47L10.293 3ZM8.41 8.751a2.5 2.5 0 0 0 2.667-4.19l.935-1.47A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5H5.707l2.704-4.249ZM3 5.707V11.5c0 .648.411 1.2.987 1.41l.963-1.514A1.5 1.5 0 1 1 6.531 8.91l.434-.68L3 5.706ZM1.5 4.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.247 1.5H4.5a3 3 0 0 0-2.69 1.672l5.96 3.793L11.247 1.5ZM1.5 4.753V11.5a3 3 0 0 0 1.672 2.69l3.793-5.96L1.5 4.753ZM4.753 14.5H11.5a3 3 0 0 0 3-3v-7a3 3 0 0 0-1.671-2.69L8.633 8.402 4.753 14.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.293 3H4.5a1.5 1.5 0 0 0-1.41.987L7 6.475a2.5 2.5 0 0 1 2.654-2.47L10.293 3Zm.785 1.56a2.501 2.501 0 0 1-.836 4.328.75.75 0 0 1 .008.112v2a.75.75 0 0 1-1.5 0V9c0-.038.003-.075.008-.112a2.483 2.483 0 0 1-.347-.137L5.707 13H11.5a1.5 1.5 0 0 0 1.5-1.5v-7a1.5 1.5 0 0 0-.987-1.41l-.935 1.47Zm-7.091 8.35 2.978-4.68L3 5.707V11.5c0 .648.411 1.2.987 1.41ZM1.5 4.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm9 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h5.793L7.77 6.965 3.09 3.987A1.5 1.5 0 0 1 4.5 3Zm7 10H5.707l2.926-4.597 3.38-5.313A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5Zm-7-11.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.277 11.702 13.5 12V8a5.5 5.5 0 1 0-11 0v4.547l1.956-1.63a1.801 1.801 0 0 1 2.537.231l1.935 2.323a.08.08 0 0 0 .125-.001l1.45-1.811a1.755 1.755 0 0 1 2.774.043Zm-3.052 2.705.686-.859h.001l.144-.18.618-.772a.255.255 0 0 1 .402.006l.593.79.139.185v.001l.392.522a1 1 0 0 0 1.8-.6V8A7 7 0 1 0 1 8v5.399a1.101 1.101 0 0 0 1.806.846l2.61-2.175a.301.301 0 0 1 .424.038l1.936 2.323a1.58 1.58 0 0 0 2.449-.024ZM7 8a.75.75 0 0 0 .75-.75v-1a.75.75 0 1 0-1.5 0v1c0 .414.336.75.75.75Zm4 0a.75.75 0 0 0 .75-.75v-1a.75.75 0 0 0-1.5 0v1c0 .414.336.75.75.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m9.035 3.863.182-1.276a.918.918 0 0 1 .818-.783.914.914 0 0 1 .272 1.805l-1.272.254ZM7.25 5.5v2H3a.5.5 0 0 1-.5-.5V6a.5.5 0 0 1 .5-.5h4.25ZM8 1.565A2.415 2.415 0 1 0 3.83 4H3a2 2 0 0 0-2 2v1a2 2 0 0 0 1 1.732V12a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V8.732A2 2 0 0 0 15 7V6a2 2 0 0 0-2-2h-.83A2.415 2.415 0 1 0 8 1.565Zm.75 4.185V7.5H13a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5H8.75v.25ZM7.25 9H3.5v3A1.5 1.5 0 0 0 5 13.5h2.25V9Zm1.5 4.5V9h3.75v3a1.5 1.5 0 0 1-1.5 1.5H8.75ZM6.783 2.587l.182 1.276-1.272-.254a.914.914 0 0 1 .272-1.805.919.919 0 0 1 .818.783Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.208 12.346c-.485 1-.953 1.154-1.208 1.154s-.723-.154-1.208-1.154c-.372-.768-.647-1.858-.749-3.187a20.77 20.77 0 0 0 3.914 0c-.102 1.329-.377 2.419-.75 3.187Zm.788-4.699C9.358 7.714 8.69 7.75 8 7.75s-1.358-.036-1.996-.103c.037-1.696.343-3.075.788-3.993C7.277 2.654 7.745 2.5 8 2.5s.723.154 1.208 1.154c.445.918.75 2.297.788 3.993Zm1.478 1.306c-.085 1.516-.375 2.848-.836 3.874a5.501 5.501 0 0 0 2.843-4.364c-.621.199-1.295.364-2.007.49Zm1.918-2.043c-.572.204-1.21.379-1.901.514-.056-1.671-.354-3.14-.853-4.251a5.508 5.508 0 0 1 2.754 3.737Zm-8.883.514c.056-1.671.354-3.14.853-4.251A5.508 5.508 0 0 0 2.608 6.91c.572.204 1.21.379 1.901.514ZM2.52 8.463a5.501 5.501 0 0 0 2.843 4.364c-.46-1.026-.75-2.358-.836-3.874a15.535 15.535 0 0 1-2.007-.49ZM15 8A7 7 0 1 0 1 8a7 7 0 0 0 14 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M0 1.25A.75.75 0 0 1 .75.5h.5A2.25 2.25 0 0 1 3.5 2.75V3H13a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3H3.5v1.25a.75.75 0 0 1-1.5 0V2.75A.75.75 0 0 0 1.25 2h-.5A.75.75 0 0 1 0 1.25ZM13 4.5H3.5v7H13a1.5 1.5 0 0 0 1.5-1.5V6A1.5 1.5 0 0 0 13 4.5ZM8.5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM10 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.836 3.202 1.74 5.386a.396.396 0 0 0 0 .728l5.096 2.184a2.5 2.5 0 0 0 .985.202h.358a2.5 2.5 0 0 0 .985-.202l5.096-2.184a.396.396 0 0 0 0-.728L9.164 3.202A2.5 2.5 0 0 0 8.179 3h-.358a2.5 2.5 0 0 0-.985.202ZM1.5 7.642l1.5.644v3.228a2 2 0 0 0 1.106 1.789l.806.403a7 7 0 0 0 6.193.033l.909-.442a2 2 0 0 0 1.125-1.798V8.226l1.712-.734a1.896 1.896 0 0 0 0-3.484L9.755 1.823A4 4 0 0 0 8.179 1.5h-.358a4 4 0 0 0-1.576.323L1.15 4.008A1.896 1.896 0 0 0 0 5.75v4.5a.75.75 0 0 0 1.5 0V7.643Zm3 3.872V8.929l1.745.748A4 4 0 0 0 7.821 10h.358a4 4 0 0 0 1.576-.323l1.884-.808v2.63a.5.5 0 0 1-.282.45l-.909.442a5.5 5.5 0 0 1-4.865-.027l-.807-.403a.5.5 0 0 1-.276-.447Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.75 2.5h4.5a1.5 1.5 0 0 1 1.269.7 2.5 2.5 0 0 0 .231 4.686V12a1.5 1.5 0 0 1-1.5 1.5h-4.5c-.534 0-1.003-.28-1.269-.7a2.5 2.5 0 0 0-.231-4.686v-.228A2.501 2.501 0 0 0 4.481 3.2c.266-.42.735-.7 1.269-.7Zm-3 5.614v-.228a2.501 2.501 0 0 1 .146-4.813A3.001 3.001 0 0 1 5.75 1h4.5a3 3 0 0 1 2.854 2.074 2.501 2.501 0 0 1 .146 4.812V12a3 3 0 0 1-3 3h-4.5a3.001 3.001 0 0 1-2.854-2.073 2.501 2.501 0 0 1-.146-4.813ZM3.5 11.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-1-6a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm10-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7 3a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM5.5 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm0-5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM7 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm3.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3 9a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm6.5 1.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Zm0-5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Zm-5 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0ZM13 9a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm1.5-3.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M11.245 8.884a1.252 1.252 0 0 0-.084-.347A1.25 1.25 0 0 0 10 7.75l-4.424 6.53A2.777 2.777 0 0 1 .5 12.723v-.075c0-.736.285-1.445.796-1.976L6.75 5v-.158A2.17 2.17 0 0 0 5.55 2.9l-.117-.058A1.236 1.236 0 0 1 5.986.5H7.68a5 5 0 0 1 3.535 1.464L12.75 3.5a2 2 0 0 0 2 2l1 1-1.06 1.06-1.38 1.38L12.25 10l-1-1c0-.04-.002-.078-.005-.116Zm-1.091-5.859 1.164 1.164a3.506 3.506 0 0 0 2.081 2.54l-.973.974A2.75 2.75 0 0 0 10 6.25h-.796l-.446.659-.65.96-1.098-.975.821-.854.419-.436v-.762A3.671 3.671 0 0 0 6.903 2h.776a3.5 3.5 0 0 1 2.475 1.025ZM5.969 7.976l1.29 1.146-2.925 4.317A1.277 1.277 0 0 1 2 12.723v-.075c0-.349.135-.684.377-.936L5.97 7.976Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M6.5 3.325v5.971L5 8.921l-.53-.132-.672-.168-.205-.051a.478.478 0 0 0-.409.84l.167.13.547.425.43.334 2.142 1.666 2.728-.181L12.5 11.5l.667-3.558.108-.578.455-2.426.148-.787.009-.047a.51.51 0 0 0-.993-.234l-.013.046-.22.77-.161.564L12 7h-1V2.023a.523.523 0 0 0-1.043-.048l-.005.048-.07.775-.216 2.381-.147 1.617L9.5 7h-1l-.019-.093-.329-1.647L8 4.5l-.26-1.298-.13-.652-.022-.108A.55.55 0 0 0 6.5 2.55v.775Zm-2.543 3.79L5 7.374V2.55a2.05 2.05 0 0 1 3.617-1.321 2.023 2.023 0 0 1 3.883.794v.182a2.01 2.01 0 0 1 2.861 2.176l-1.387 7.395a1.5 1.5 0 0 1-1.346 1.219l-3.302.283-.028.002-2.728.182a1.5 1.5 0 0 1-1.02-.313l-3.287-2.555a1.978 1.978 0 0 1 1.694-3.48Zm9.346 8.383a.75.75 0 0 0-.106-1.496l-7 .5a.75.75 0 0 0 .106 1.496l7-.5Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M6.5 6.963a1.186 1.186 0 0 0-1.652-1.09 1.213 1.213 0 0 0-.271.165l-.207.166-.081.065a.578.578 0 0 1-.796-.832l.068-.078.247-.282.158-.18.028-.033c.178-.203.38-.366.596-.49 1.175-.677 2.777-.206 3.323 1.16l.174.435.375.937L8.5 7h1l.038-.415.076-.839.268-2.948.07-.775.005-.048A.523.523 0 0 1 11 2.023V7h1l.5-1.75.161-.565.22-.769.013-.046a.51.51 0 0 1 .993.234l-.01.047-.147.787-.455 2.426-.108.579L12.5 11.5l-3.302.284-2.728.181-.68-.189a4.431 4.431 0 0 1-3.2-3.643.554.554 0 0 1 .549-.633h.133c.14 0 .27.076.34.2l.102.185.045.08.253.454.128.23a1.258 1.258 0 0 0 2.36-.612V6.963ZM1.105 8.345a2.052 2.052 0 0 1 .826-1.953 2.07 2.07 0 0 1 .433-1.943l.5-.572C4.34 2.192 6.799 2.19 8.309 3.542l.155-1.702a2.023 2.023 0 0 1 4.037.183v.182a2.01 2.01 0 0 1 2.861 2.176l-1.387 7.396a1.5 1.5 0 0 1-1.346 1.218l-3.302.283-.028.002-2.728.182a1.499 1.499 0 0 1-.502-.051l-.68-.19a5.933 5.933 0 0 1-4.283-4.876Zm12.198 7.153a.75.75 0 1 0-.107-1.496l-7 .5a.75.75 0 0 0 .107 1.496l7-.5Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M6 2.5 2.263 5.406a1.978 1.978 0 0 0 1.694 3.48L5 8.625v5.433a1.942 1.942 0 0 0 3.838.421L9.5 11.5l2.744-.457a3 3 0 0 0 2.405-3.732L13.5 3 6 2.5Zm7.2 5.197-.872-3.272-5.858-.39L3.184 6.59a.478.478 0 0 0 .41.84l1.042-.26L6.5 6.704v7.354a.442.442 0 0 0 .874.096l.662-2.98.22-.987.997-.167 2.744-.457A1.5 1.5 0 0 0 13.2 7.697Zm.103-7.195a.75.75 0 0 1-.106 1.496l-7-.5A.75.75 0 1 1 6.303.002l7 .5Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="m13.5 6-2.906-3.737a1.978 1.978 0 0 0-3.48 1.694L7.375 5H1.942a1.942 1.942 0 0 0-.421 3.838L4.5 9.5l.457 2.744a3 3 0 0 0 3.733 2.405L13 13.5l.5-7.5Zm-5.197 7.2 3.272-.872.39-5.858L9.41 3.184a.478.478 0 0 0-.84.41l.26 1.042.466 1.864H1.942a.442.442 0 0 0-.096.874l2.98.662.987.22.167.997.457 2.744A1.5 1.5 0 0 0 8.303 13.2Zm7.195.103a.75.75 0 0 1-1.496-.106l.5-7a.75.75 0 1 1 1.496.106l-.5 7Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="m2.5 6 2.906-3.737a1.978 1.978 0 0 1 3.48 1.694L8.626 5h5.432a1.942 1.942 0 0 1 .421 3.838L11.5 9.5l-.457 2.744a3 3 0 0 1-3.732 2.405L3 13.5 2.5 6Zm5.197 7.2-3.272-.872-.39-5.858L6.59 3.184a.478.478 0 0 1 .84.41l-.26 1.042L6.704 6.5h7.354a.442.442 0 0 1 .096.874l-2.98.662-.987.22-.166.997-.458 2.744A1.5 1.5 0 0 1 7.697 13.2Zm-7.195.103a.75.75 0 0 0 1.496-.106l-.5-7a.75.75 0 1 0-1.496.106l.5 7Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="m6 13.5-3.737-2.906a1.978 1.978 0 0 1 1.694-3.48L5 7.375V1.942a1.942 1.942 0 0 1 3.838-.421L9.5 4.5l2.744.457a3 3 0 0 1 2.405 3.733L13.5 13l-7.5.5Zm7.2-5.197-.872 3.272-5.858.39L3.184 9.41a.478.478 0 0 1 .41-.84l1.042.26 1.864.466V1.942a.442.442 0 0 1 .874-.096l.662 2.98.22.987.997.167 2.744.457A1.5 1.5 0 0 1 13.2 8.303Zm.103 7.195a.75.75 0 0 0-.106-1.496l-7 .5a.75.75 0 1 0 .106 1.496l7-.5Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.124 9.833a3.712 3.712 0 0 0-1.59-1.22l-.033-.012a2.877 2.877 0 0 0-2.795.37l-.36.269a.5.5 0 0 1-.653-.047L6.807 7.307a.5.5 0 0 1-.047-.654l.27-.36A2.877 2.877 0 0 0 7.4 3.5l-.013-.032a3.713 3.713 0 0 0-1.22-1.592l-.19-.143a2.33 2.33 0 0 0-2.135-.346l-.19.063A3.484 3.484 0 0 0 1.45 3.653a4.878 4.878 0 0 0-.105 2.725 9.758 9.758 0 0 0 2.567 4.533l1.178 1.178a9.758 9.758 0 0 0 4.533 2.566c.9.226 1.845.19 2.725-.104a3.484 3.484 0 0 0 2.204-2.204l.063-.189a2.33 2.33 0 0 0-.347-2.135l-.143-.19ZM5.16 3.219l-.19-.143a.65.65 0 0 0-.596-.096l-.19.063c-.538.18-.96.602-1.14 1.14a3.198 3.198 0 0 0-.069 1.788A8.077 8.077 0 0 0 5.1 9.723l1.178 1.178a8.078 8.078 0 0 0 3.752 2.125c.59.147 1.21.123 1.787-.069.539-.18.961-.602 1.14-1.14l.064-.19a.65.65 0 0 0-.097-.596l-.143-.19a2.034 2.034 0 0 0-.87-.668l-.033-.013a1.197 1.197 0 0 0-1.163.154l-.36.27a2.18 2.18 0 0 1-2.849-.203L5.62 8.495a2.18 2.18 0 0 1-.203-2.85l.27-.36c.25-.334.309-.774.154-1.162l-.013-.032a2.033 2.033 0 0 0-.668-.872Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.618 8.405 3.47 8.118a1.988 1.988 0 0 0-1.8 3.417l2.198 1.946a7.897 7.897 0 0 0 6.14 1.932A5.339 5.339 0 0 0 14.72 9.71l-.437-5.83a2.033 2.033 0 0 0-2.511-1.822l-.005-.113a2.02 2.02 0 0 0-3.866-.739A2.04 2.04 0 0 0 4.97 2.91l-.353 5.495Zm1.673-2.64.126-1.968.045-.707.006-.084a.54.54 0 0 1 1.077-.015l.007.084.064.706.032.346.147 1.618.201 2.216L8 8h1l.004-.091.146-3.822.049-1.256.03-.792.002-.04A.52.52 0 0 1 10.268 2l.002.04.03.792.02.576.02.524.153 4.125.002.063.003.077.002.053h1l.002-.037.04-.762.139-2.64.039-.738.003-.068a.53.53 0 0 1 .533-.505c.278 0 .51.215.531.493l.005.068.055.737.198 2.636.18 2.388a3.839 3.839 0 0 1-3.389 4.1 6.398 6.398 0 0 1-4.974-1.565l-1.259-1.114L3.328 11l-.473-.42-.19-.168a.488.488 0 0 1 .442-.84l.246.062.613.154.357.089.198.05 1.479.37.098-1.523.193-3.01Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 8.5a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 11v-1A1.5 1.5 0 0 1 4 8.5h8Zm.89-1.366L11.488 4.33a1.5 1.5 0 0 0-1.342-.829H5.854a1.5 1.5 0 0 0-1.342.83L3.11 7.133A3 3 0 0 1 4 7h8a3 3 0 0 1 .89.134ZM15 9.18V11a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V9.18a5 5 0 0 1 .528-2.236L3.17 3.658A3 3 0 0 1 5.854 2h4.292a3 3 0 0 1 2.683 1.658l1.643 3.286A5 5 0 0 1 15 9.18Zm-6 .57a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5H9Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.238 2.634a.75.75 0 1 0-1.476-.268L5.283 5H3a.75.75 0 1 0 0 1.5h2.01l-.545 3H2A.75.75 0 1 0 2 11h2.192l-.43 2.366a.75.75 0 1 0 1.476.268L5.717 11h3.475l-.43 2.366a.75.75 0 1 0 1.476.268L10.717 11H13a.75.75 0 0 0 0-1.5h-2.01l.545-3H14A.75.75 0 0 0 14 5h-2.192l.43-2.366a.75.75 0 1 0-1.476-.268L10.283 5H6.808l.43-2.366ZM9.465 9.5l.545-3H6.535l-.545 3h3.475Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.25 2.25A.75.75 0 0 1 5 3v4.25h6V3a.75.75 0 0 1 1.5 0v10a.75.75 0 0 1-1.5 0V8.75H5V13a.75.75 0 0 1-1.5 0V3a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14 4.25a.75.75 0 0 0-1.248-.56l-2.25 2a.75.75 0 0 0 .996 1.12l1.002-.89v5.83a.75.75 0 0 0 1.5 0v-7.5Zm-11.5 0a.75.75 0 0 0-1.5 0v7.496a.75.75 0 0 0 1.5 0V8.75h4v2.996a.75.75 0 0 0 1.5 0V4.25a.75.75 0 0 0-1.5 0v3h-4v-3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 4.25a.75.75 0 0 0-1.5 0v7.496a.75.75 0 0 0 1.5 0V8.75h4v2.996a.75.75 0 0 0 1.5 0V4.25a.75.75 0 0 0-1.5 0v3h-4v-3Zm8.403 1.783A1.364 1.364 0 0 1 12.226 5h.226a1.071 1.071 0 0 1 .672 1.906l-3.61 2.906a1.51 1.51 0 0 0 .947 2.688h3.789a.75.75 0 0 0 0-1.5h-3.793l-.003-.003a.012.012 0 0 1-.003-.004v-.004a.01.01 0 0 1 .004-.008l3.61-2.907A2.571 2.571 0 0 0 12.452 3.5h-.226c-1.314 0-2.46.894-2.778 2.17l-.038.148a.75.75 0 1 0 1.456.364l.037-.149Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 4.25a.75.75 0 0 0-1.5 0v7.496a.75.75 0 0 0 1.5 0V8.75h4v2.996a.75.75 0 0 0 1.5 0V4.25a.75.75 0 0 0-1.5 0v3h-4v-3Zm8.114 1.496c.202-.504.69-.834 1.232-.834h.28a.94.94 0 0 1 .929.796l.027.18a1.15 1.15 0 0 1-.911 1.303l-.8.16a.662.662 0 0 0 .129 1.31h1.21a.89.89 0 0 1 .882 1.017 1.666 1.666 0 0 1-1.414 1.414l-.103.015a1.806 1.806 0 0 1-1.828-.9l-.018-.033a.662.662 0 0 0-1.152.652l.018.032a3.129 3.129 0 0 0 3.167 1.559l.103-.015a2.99 2.99 0 0 0 2.537-2.537 2.213 2.213 0 0 0-1.058-2.216 2.47 2.47 0 0 0 .546-1.963l-.027-.179a2.263 2.263 0 0 0-2.237-1.919h-.28a2.65 2.65 0 0 0-2.46 1.666.662.662 0 1 0 1.228.492Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.25 4.25a.75.75 0 0 0-1.347-.454l-4 5.25A.75.75 0 0 0 9.5 10.25h3.25v1.496a.75.75 0 0 0 1.5 0V10.25h.25a.75.75 0 1 0 0-1.5h-.25v-4.5Zm-1.5 2.222V8.75h-1.736l1.736-2.278ZM2.5 4.25a.75.75 0 1 0-1.5 0v7.496a.75.75 0 0 0 1.5 0V8.75h4v2.996a.75.75 0 0 0 1.5 0V4.25a.75.75 0 1 0-1.5 0v3h-4v-3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 4.25a.75.75 0 0 0-1.5 0v7.496a.75.75 0 0 0 1.5 0V8.75h4v2.996a.75.75 0 0 0 1.5 0V4.25a.75.75 0 0 0-1.5 0v3h-4v-3Zm8-.75a1.25 1.25 0 0 0-1.25 1.25V7.5a.75.75 0 0 0 1.221.584 1.497 1.497 0 0 1 .269-.134c.235-.091.643-.2 1.26-.2.892 0 1.534.751 1.534 1.75 0 .366-.139.735-.413 1.01-.265.268-.7.49-1.371.49-.568 0-.905-.184-1.094-.336a1.168 1.168 0 0 1-.24-.26l-.002-.003a.75.75 0 0 0-1.335.684l.671-.335-.67.336v.003l.003.003.004.01.012.02.034.06a2.668 2.668 0 0 0 .586.653c.436.35 1.099.665 2.031.665 1.027 0 1.86-.352 2.437-.933a2.94 2.94 0 0 0 .847-2.067c0-1.591-1.096-3.25-3.034-3.25a5.55 5.55 0 0 0-1.25.133V5H14a.75.75 0 0 0 0-1.5h-3.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 4.25a.75.75 0 0 0-1.5 0v7.496a.75.75 0 0 0 1.5 0V8.75h4v2.996a.75.75 0 0 0 1.5 0V4.25a.75.75 0 0 0-1.5 0v3h-4v-3Zm9.9 2.532a4.857 4.857 0 0 0-1.843.293L12.273 5c.888 0 1.293.251 1.801.566l.006.003a.75.75 0 0 0 .79-1.275c-.59-.365-1.286-.794-2.597-.794-.992 0-1.855.424-2.442 1.255C9.267 5.553 9 6.665 9 8c0 1.326.246 2.438.802 3.24.583.842 1.453 1.26 2.47 1.26 1.918 0 3.228-1.236 3.228-2.795 0-.984-.388-1.74-1.024-2.237-.607-.474-1.372-.661-2.076-.686ZM11.056 5.62c-.225.32-.41.794-.498 1.455L12.272 5c-.522 0-.92.201-1.217.62Zm-.021 4.765c-.233-.336-.418-.849-.495-1.58.048-.056.165-.165.436-.282.372-.16.873-.26 1.371-.242.503.018.926.15 1.206.369.25.195.447.504.447 1.055 0 .58-.48 1.295-1.727 1.295-.564 0-.956-.207-1.238-.615Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M15 8A7 7 0 1 0 1 8v4h.01a3.25 3.25 0 0 0 3.24 3h.083C5.253 15 6 14.254 6 13.333v-3.166C6 9.247 5.254 8.5 4.333 8.5H4.25c-.644 0-1.245.188-1.75.51V8a5.5 5.5 0 1 1 11 0v1.01a3.235 3.235 0 0 0-1.75-.51h-.083c-.92 0-1.667.746-1.667 1.667v3.166c0 .92.746 1.667 1.667 1.667h.083a3.25 3.25 0 0 0 3.24-3H15V8Zm-1.5 3.75A1.75 1.75 0 0 0 11.75 10h-.083a.167.167 0 0 0-.167.167v3.166c0 .092.075.167.167.167h.083a1.75 1.75 0 0 0 1.75-1.75ZM4.25 13.5a1.75 1.75 0 1 1 0-3.5h.083c.092 0 .167.075.167.167v3.166a.167.167 0 0 1-.167.167H4.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.633 2.796c.762-.837 1.85-1.297 3.127-1.297 1.164 0 2.407.55 3.24 1.626.828-1.075 2.066-1.626 3.24-1.626 1.274 0 2.36.458 3.124 1.293.756.828 1.136 1.962 1.136 3.22 0 2.166-1.113 3.909-2.522 5.264-1.405 1.352-3.17 2.383-4.633 3.14a.75.75 0 0 1-.693-.002c-1.463-.765-3.228-1.788-4.633-3.133C1.61 9.93.5 8.193.5 6.013c0-1.255.378-2.389 1.133-3.217Zm1.109 1.01C2.287 4.306 2 5.053 2 6.013c0 1.624.816 2.996 2.057 4.184 1.146 1.098 2.6 1.985 3.945 2.705 1.335-.71 2.79-1.604 3.937-2.707C13.182 8.998 14 7.62 14 6.013c0-.963-.288-1.71-.744-2.21C12.808 3.314 12.14 3 11.24 3c-.976 0-2.093.628-2.527 1.95a.75.75 0 0 1-1.426 0C6.854 3.63 5.725 3 4.76 3c-.903 0-1.57.315-2.018.807Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.76 1.5c-1.278 0-2.365.459-3.127 1.296C.878 3.624.5 4.758.5 6.013c0 2.18 1.11 3.917 2.52 5.268 1.404 1.345 3.17 2.368 4.632 3.133a.75.75 0 0 0 .693.002c1.463-.757 3.228-1.788 4.633-3.14 1.41-1.355 2.522-3.098 2.522-5.263 0-1.26-.38-2.393-1.136-3.221-.764-.835-1.85-1.293-3.124-1.293-1.174 0-2.412.551-3.24 1.626-.833-1.075-2.076-1.626-3.24-1.626ZM2 6.012c0-.96.287-1.708.742-2.207.447-.492 1.115-.807 2.018-.807.9 0 1.94.547 2.43 1.69L6.066 7.192a.75.75 0 0 0 .298.95l2.01 1.206-.905 3.261c-1.187-.664-2.416-1.458-3.412-2.413C2.817 9.01 2 7.637 2 6.013Zm7.119 6.262c.993-.59 1.987-1.28 2.82-2.08C13.182 8.998 14 7.62 14 6.013c0-.963-.288-1.71-.744-2.21C12.808 3.314 12.14 3 11.24 3c-.974 0-2.088.625-2.525 1.94a.746.746 0 0 1-.034.088L7.707 7.2l1.929 1.158a.75.75 0 0 1 .337.844l-.854 3.074Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.76 1.5c-1.278 0-2.365.459-3.127 1.296C.878 3.624.5 4.758.5 6.013c0 2.18 1.11 3.917 2.52 5.268 1.404 1.345 3.17 2.368 4.632 3.133a.75.75 0 0 0 .693.002c1.463-.757 3.228-1.788 4.633-3.14 1.41-1.355 2.522-3.098 2.522-5.263 0-1.26-.38-2.393-1.136-3.221-.763-.835-1.85-1.293-3.124-1.293-1.076 0-1.966.399-2.643 1.151A4.515 4.515 0 0 0 8 3.504a4.515 4.515 0 0 0-.597-.854C6.726 1.898 5.836 1.5 4.76 1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.76 1.5c-1.123 0-2.102.354-2.844 1.015C1.177 3.174.723 4.092.564 5.138a.75.75 0 1 0 1.483.225c.115-.754.428-1.336.867-1.728.437-.39 1.048-.636 1.846-.636.965 0 2.094.63 2.527 1.95a.75.75 0 0 0 1.426 0c.434-1.322 1.551-1.95 2.527-1.95.9 0 1.568.314 2.016.805.456.498.744 1.246.744 2.209 0 1.607-.818 2.985-2.061 4.182-1.147 1.103-2.602 1.996-3.937 2.707-1.339-.717-2.788-1.6-3.932-2.692a.75.75 0 1 0-1.036 1.085c1.402 1.338 3.16 2.357 4.618 3.12a.75.75 0 0 0 .693 0c1.463-.756 3.228-1.787 4.633-3.139 1.41-1.355 2.522-3.098 2.522-5.263 0-1.26-.38-2.393-1.136-3.221-.764-.835-1.85-1.293-3.124-1.293-1.174 0-2.412.551-3.24 1.626-.833-1.075-2.076-1.626-3.24-1.626Zm.85 4.314a.75.75 0 0 0-1.108-.125L2.465 7.5H.75a.75.75 0 0 0 0 1.5h2a.75.75 0 0 0 .498-.19l1.627-1.445 2.015 2.821a.75.75 0 0 0 1.21.014l1.275-1.7H11A.75.75 0 0 0 11 7H9a.75.75 0 0 0-.6.3l-.885 1.18L5.61 5.814Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.25 2.5h-8.5a.75.75 0 0 0-.75.75v1.5c0 .414.336.75.75.75h8.5a.75.75 0 0 0 .75-.75v-1.5a.75.75 0 0 0-.75-.75Zm0 4.5H5v3.13c0 .69.56 1.25 1.25 1.25H7v-.13A2.25 2.25 0 0 1 9.25 9h3a2.25 2.25 0 0 1 2.25 2.25v1.5A2.25 2.25 0 0 1 12.25 15h-3a2.25 2.25 0 0 1-2.246-2.12H6.25a2.75 2.75 0 0 1-2.75-2.75V6.986a2.25 2.25 0 0 1-2-2.236v-1.5A2.25 2.25 0 0 1 3.75 1h8.5a2.25 2.25 0 0 1 2.25 2.25v1.5A2.25 2.25 0 0 1 12.25 7Zm-3 3.5h3a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-.75.75h-3a.75.75 0 0 1-.75-.75v-1.5a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 12.618c.307-.275.5-.674.5-1.118V6.977a1.5 1.5 0 0 0-.585-1.189l-3.5-2.692a1.5 1.5 0 0 0-1.83 0l-3.5 2.692A1.5 1.5 0 0 0 3 6.978V11.5A1.496 1.496 0 0 0 4.493 13H5V9.5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2V13h.507c.381-.002.73-.146.993-.382Zm2-1.118a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3V6.977A3 3 0 0 1 2.67 4.6l3.5-2.692a3 3 0 0 1 3.66 0l3.5 2.692a3.003 3.003 0 0 1 1.17 2.378V11.5Zm-5-2A.5.5 0 0 0 9 9H7a.5.5 0 0 0-.5.5V13h3V9.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.25 2a.75.75 0 0 0 0 1.5h1.317l-2.7 9H4.25a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5H7.433l2.7-9h1.617a.75.75 0 0 0 0-1.5h-4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.313 7.488 9 7.653v5.37a.5.5 0 0 1-.353.478l-1.62.498-.006.001h-.008a.024.024 0 0 1-.007-.006.023.023 0 0 1-.005-.007v-.003L7 13.979V7.653l-1.313-.165a1.5 1.5 0 0 1-1.271-1.144l-.588-2.5A1.5 1.5 0 0 1 5.288 2h5.424a1.5 1.5 0 0 1 1.46 1.844l-.588 2.5a1.5 1.5 0 0 1-1.271 1.144Zm2.731-.8A3 3 0 0 1 10.5 8.975v4.047a2 2 0 0 1-1.412 1.911l-1.62.499A1.521 1.521 0 0 1 5.5 13.979V8.977a3 3 0 0 1-2.544-2.29l-.588-2.5A3 3 0 0 1 5.288.5h5.424a3 3 0 0 1 2.92 3.687l-.588 2.5ZM6.75 3.5a.75.75 0 0 0 0 1.5h2.5a.75.75 0 1 0 0-1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3 4h10a1.5 1.5 0 0 1 1.5 1.5v5A1.5 1.5 0 0 1 13 12H3a1.5 1.5 0 0 1-1.5-1.5v-5A1.5 1.5 0 0 1 3 4ZM0 5.5a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3v-5Zm6.25 3.25a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5ZM4.5 6.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm4-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-8 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm8 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m2.789 5.283 4.037-2.02A2.5 2.5 0 0 1 7.944 3h.112c.388 0 .77.09 1.118.264l4.037 2.019a.522.522 0 0 1 0 .934l-4.037 2.02a2.5 2.5 0 0 1-1.118.263h-.112a2.5 2.5 0 0 1-1.118-.264L2.79 6.217a.523.523 0 0 1 0-.934ZM1 5.75c0-.766.433-1.466 1.118-1.809l4.037-2.019a4 4 0 0 1 1.79-.422h.11a4 4 0 0 1 1.79.422l4.037 2.019a2.023 2.023 0 0 1 0 3.618l-.882.44.882.442a2.023 2.023 0 0 1 0 3.618l-4.037 2.019a4 4 0 0 1-1.79.422h-.11a4 4 0 0 1-1.79-.422l-4.037-2.02a2.023 2.023 0 0 1 0-3.617L3 8l-.882-.441A2.023 2.023 0 0 1 1 5.75Zm3.677 3.088-1.888.945a.523.523 0 0 0 0 .934l4.037 2.019A2.5 2.5 0 0 0 7.944 13h.112a2.5 2.5 0 0 0 1.118-.264l4.037-2.019a.523.523 0 0 0 0-.934l-1.888-.945-1.478.74a4 4 0 0 1-1.79.422h-.11a4 4 0 0 1-1.79-.422l-1.478-.74Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M6.702 3.013 8 3.5V2.386A2 2 0 0 1 10.702.513l3.351 1.257A3 3 0 0 1 16 4.579v4.035a2 2 0 0 1-2.702 1.873L12 10v1.114a2 2 0 0 1-2.702 1.873L8 12.5v1.114a2 2 0 0 1-2.702 1.873L1.947 14.23A3 3 0 0 1 0 11.421V7.386a2 2 0 0 1 2.702-1.873L4 6V4.886a2 2 0 0 1 2.702-1.873ZM5.5 6.563l.553.207A3 3 0 0 1 8 9.579v1.319l1.824.684a.5.5 0 0 0 .676-.468V7.079a1.5 1.5 0 0 0-.973-1.405L6.176 4.418a.5.5 0 0 0-.676.468v1.676Zm4.553-2.293L9.5 4.062V2.386a.5.5 0 0 1 .676-.468l3.35 1.256c.586.22.974.78.974 1.405v4.035a.5.5 0 0 1-.676.468L12 8.398V7.079a3 3 0 0 0-1.947-2.809ZM1.5 11.421V7.386a.5.5 0 0 1 .676-.468l3.35 1.257c.586.219.974.779.974 1.404v4.035a.5.5 0 0 1-.676.468l-3.35-1.257a1.5 1.5 0 0 1-.974-1.404Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.283 13.211 3.264 9.174A2.5 2.5 0 0 1 3 8.056v-.112c0-.388.09-.77.264-1.118L5.283 2.79a.523.523 0 0 1 .934 0l2.02 4.037A2.5 2.5 0 0 1 8.5 7.944v.112c0 .388-.09.77-.264 1.118L6.217 13.21a.522.522 0 0 1-.934 0ZM5.75 15a2.023 2.023 0 0 1-1.809-1.118L1.922 9.845a4 4 0 0 1-.422-1.79v-.11a4 4 0 0 1 .422-1.79l2.019-4.037a2.023 2.023 0 0 1 3.618 0L8 3l.441-.882a2.023 2.023 0 0 1 3.618 0l2.019 4.037a4 4 0 0 1 .422 1.79v.11a4 4 0 0 1-.422 1.79l-2.019 4.037a2.022 2.022 0 0 1-3.618 0L8 13l-.44.882A2.023 2.023 0 0 1 5.75 15Zm3.089-3.677.944 1.888a.522.522 0 0 0 .934 0l2.019-4.037A2.5 2.5 0 0 0 13 8.056v-.112a2.5 2.5 0 0 0-.264-1.118L10.717 2.79a.522.522 0 0 0-.934 0l-.944 1.888.739 1.478A4 4 0 0 1 10 7.945v.11a4 4 0 0 1-.422 1.79l-.74 1.478Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.25 3.5h-2.5v2h2.5v-2ZM4 3.5h1.25v2H2.5V5A1.5 1.5 0 0 1 4 3.5ZM2.5 7h2.75v2H2.5V7Zm0 3.5v.5A1.5 1.5 0 0 0 4 12.5h1.25v-2H2.5Zm4.25 0v2h2.5v-2h-2.5Zm4 0v2H12a1.5 1.5 0 0 0 1.5-1.5v-.5h-2.75ZM13.5 9h-2.75V7h2.75v2ZM9.25 9h-2.5V7h2.5v2Zm1.5-5.5v2h2.75V5A1.5 1.5 0 0 0 12 3.5h-1.25ZM4 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 3.5H8.75v3.75h4.75V5A1.5 1.5 0 0 0 12 3.5Zm1.5 5.25H8.75v3.75H12a1.5 1.5 0 0 0 1.5-1.5V8.75Zm-6.25-1.5V3.5H4A1.5 1.5 0 0 0 2.5 5v2.25h4.75ZM2.5 8.75h4.75v3.75H4A1.5 1.5 0 0 1 2.5 11V8.75ZM4 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.75 3.5H12A1.5 1.5 0 0 1 13.5 5v6a1.5 1.5 0 0 1-1.5 1.5H8.75v-9Zm-1.5 0H4A1.5 1.5 0 0 0 2.5 5v6A1.5 1.5 0 0 0 4 12.5h3.25v-9ZM1 5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 3.5h-1.25v9H12a1.5 1.5 0 0 0 1.5-1.5V5A1.5 1.5 0 0 0 12 3.5Zm-5.25 0h2.5v9h-2.5v-9Zm-1.5 0H4A1.5 1.5 0 0 0 2.5 5v6A1.5 1.5 0 0 0 4 12.5h1.25v-9ZM4 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 12.5h8a1.5 1.5 0 0 0 1.5-1.5v-.5h-11v.5A1.5 1.5 0 0 0 4 12.5ZM2.5 9V5A1.5 1.5 0 0 1 4 3.5h8A1.5 1.5 0 0 1 13.5 5v4h-11ZM1 11a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H4a3 3 0 0 0-3 3v6Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 3.5h8A1.5 1.5 0 0 1 13.5 5v.5h-11V5A1.5 1.5 0 0 1 4 3.5ZM2.5 7v4A1.5 1.5 0 0 0 4 12.5h8a1.5 1.5 0 0 0 1.5-1.5V7h-11ZM1 5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 3.5H4A1.5 1.5 0 0 0 2.5 5v.5h11V5A1.5 1.5 0 0 0 12 3.5ZM2.5 9V7h2.75v2H2.5Zm0 1.5v.5A1.5 1.5 0 0 0 4 12.5h1.25v-2H2.5Zm4.25 0v2h2.5v-2h-2.5Zm4 0v2H12a1.5 1.5 0 0 0 1.5-1.5v-.5h-2.75ZM13.5 9h-2.75V7h2.75v2ZM9.25 9h-2.5V7h2.5v2ZM4 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 3.5h8A1.5 1.5 0 0 1 13.5 5v.5h-11V5A1.5 1.5 0 0 1 4 3.5Zm-1.5 7v.5A1.5 1.5 0 0 0 4 12.5h3.25v-2H2.5Zm0-1.5h4.75V7H2.5v2Zm6.25 1.5v2H12a1.5 1.5 0 0 0 1.5-1.5v-.5H8.75ZM13.5 9H8.75V7h4.75v2ZM1 5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 6H8.75v2.5h4.75V6ZM7.25 6H2.5v2.5h4.75V6ZM1 6V5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V6Zm7.75 4h4.75v1a1.5 1.5 0 0 1-1.5 1.5H8.75V10ZM2.5 10h4.75v2.5H4A1.5 1.5 0 0 1 2.5 11v-1Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 3.5h8A1.5 1.5 0 0 1 13.5 5v.5h-11V5A1.5 1.5 0 0 1 4 3.5Zm-1.5 7v.5A1.5 1.5 0 0 0 4 12.5h3.25v-2H2.5Zm0-1.5h4.75V7H2.5v2Zm6.25 1.5V14H4a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v2H8.75v3.5Zm3.67-1.995a3.25 3.25 0 0 1 0 6.5h-1.17a.75.75 0 0 1-.75-.75v-5a.75.75 0 0 1 .75-.75h1.17Zm0 5a1.75 1.75 0 1 0 0-3.5H12v3.5h.42Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 3.5h8A1.5 1.5 0 0 1 13.5 5v.5h-11V5A1.5 1.5 0 0 1 4 3.5Zm-1.5 7v.5A1.5 1.5 0 0 0 4 12.5h3.25v-2H2.5Zm0-1.5h4.75V7H2.5v2Zm6.25 1.5V14H4a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v2H8.75v3.5Zm4.591-.91A.75.75 0 0 0 12 8.92l-1.25 2.5a.75.75 0 0 0 .67 1.085h1.287L12 13.92a.75.75 0 0 0 1.341.67l1.25-2.5a.75.75 0 0 0-.67-1.085h-1.287l.707-1.415Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 3.5H4A1.5 1.5 0 0 0 2.5 5v.5h11V5A1.5 1.5 0 0 0 12 3.5ZM2.5 11V7h4.75v5.5H4A1.5 1.5 0 0 1 2.5 11Zm6.25 1.5H12a1.5 1.5 0 0 0 1.5-1.5V7H8.75v5.5ZM4 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 3h8a1.5 1.5 0 0 1 1.5 1.5V5h-11v-.5A1.5 1.5 0 0 1 4 3Zm9.5 5.25V6.5h-11V10A1.5 1.5 0 0 0 4 11.5h2.75a.75.75 0 0 1 0 1.5H4a3 3 0 0 1-3-3V4.5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v3.75a.75.75 0 0 1-1.5 0Zm-3.272-.078A.75.75 0 0 0 9 8.75v5.543a.75.75 0 0 0 1.335.47l.898-1.12.846 1.692a.75.75 0 1 0 1.342-.67l-.827-1.654H14a.75.75 0 0 0 .478-1.328l-4.25-3.511Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 3.5H4A1.5 1.5 0 0 0 2.5 5v.5h11V5A1.5 1.5 0 0 0 12 3.5ZM2.5 11V7h2v5.5H4A1.5 1.5 0 0 1 2.5 11ZM6 12.5h6a1.5 1.5 0 0 0 1.5-1.5V7H6v5.5ZM4 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 3.5h1.25v2H2.5V5A1.5 1.5 0 0 1 4 3.5Zm2.75 2v-2H12A1.5 1.5 0 0 1 13.5 5v.5H6.75ZM2.5 7h2.75v2H2.5V7Zm0 3.5v.5A1.5 1.5 0 0 0 4 12.5h1.25v-2H2.5Zm4.25 0v2H12a1.5 1.5 0 0 0 1.5-1.5v-.5H6.75ZM13.5 9V7H6.75v2h6.75ZM1 5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 3.5h8A1.5 1.5 0 0 1 13.5 5v2.25h-11V5A1.5 1.5 0 0 1 4 3.5ZM2.5 8.75V11A1.5 1.5 0 0 0 4 12.5h8a1.5 1.5 0 0 0 1.5-1.5V8.75h-11ZM1 5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 3.5H4A1.5 1.5 0 0 0 2.5 5v.5h11V5A1.5 1.5 0 0 0 12 3.5ZM2.5 9V7h11v2h-11Zm0 1.5v.5A1.5 1.5 0 0 0 4 12.5h8a1.5 1.5 0 0 0 1.5-1.5v-.5h-11ZM4 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6 3.5h6A1.5 1.5 0 0 1 13.5 5v6a1.5 1.5 0 0 1-1.5 1.5H6v-9Zm-1.5 0H4A1.5 1.5 0 0 0 2.5 5v6A1.5 1.5 0 0 0 4 12.5h.5v-9ZM1 5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6 3.5h6A1.5 1.5 0 0 1 13.5 5v6a1.5 1.5 0 0 1-1.5 1.5H6v-9Zm-1.5 0H4A1.5 1.5 0 0 0 2.5 5v6A1.5 1.5 0 0 0 4 12.5h.5v-9ZM1 5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10 3.5H4A1.5 1.5 0 0 0 2.5 5v6A1.5 1.5 0 0 0 4 12.5h6v-9Zm1.5 0h.5A1.5 1.5 0 0 1 13.5 5v6a1.5 1.5 0 0 1-1.5 1.5h-.5v-9ZM15 5a3 3 0 0 0-3-3H4a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M5 12.5H3a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1ZM3 14h2a2.5 2.5 0 0 0 2.5-2.5v-7A2.5 2.5 0 0 0 5 2H3A2.5 2.5 0 0 0 .5 4.5v7A2.5 2.5 0 0 0 3 14Zm10-1.5h-2a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1ZM11 14h2a2.5 2.5 0 0 0 2.5-2.5v-7A2.5 2.5 0 0 0 13 2h-2a2.5 2.5 0 0 0-2.5 2.5v7A2.5 2.5 0 0 0 11 14Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M2.5 12.5H3a.5.5 0 0 0 .5-.5V4a.5.5 0 0 0-.5-.5h-.5A.5.5 0 0 0 2 4v8a.5.5 0 0 0 .5.5ZM3 14h-.5a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2H3a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2Zm4.75-1.5h.5a.5.5 0 0 0 .5-.5V4a.5.5 0 0 0-.5-.5h-.5a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5Zm.5 1.5h-.5a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h.5a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2Zm5.25-1.5H13a.5.5 0 0 1-.5-.5V4a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5ZM13 14h.5a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H13a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 4v1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1ZM15 5V4a2.5 2.5 0 0 0-2.5-2.5h-9A2.5 2.5 0 0 0 1 4v1a2.5 2.5 0 0 0 2.5 2.5h9A2.5 2.5 0 0 0 15 5Zm-1.5 6v1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1Zm1.5 1v-1a2.5 2.5 0 0 0-2.5-2.5h-9A2.5 2.5 0 0 0 1 11v1a2.5 2.5 0 0 0 2.5 2.5h9A2.5 2.5 0 0 0 15 12Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M3 12.5h-.5A.5.5 0 0 1 2 12V4a.5.5 0 0 1 .5-.5H3a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5ZM2.5 14H3a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2h-.5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2ZM13 12.5H8.5a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1H13a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1ZM8.5 14H13a2.5 2.5 0 0 0 2.5-2.5v-7A2.5 2.5 0 0 0 13 2H8.5A2.5 2.5 0 0 0 6 4.5v7A2.5 2.5 0 0 0 8.5 14Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M3 12.5h4.5a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1ZM7.5 14H3a2.5 2.5 0 0 1-2.5-2.5v-7A2.5 2.5 0 0 1 3 2h4.5A2.5 2.5 0 0 1 10 4.5v7A2.5 2.5 0 0 1 7.5 14Zm5.5-1.5h.5a.5.5 0 0 0 .5-.5V4a.5.5 0 0 0-.5-.5H13a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5Zm.5 1.5H13a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h.5a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.999 3.5h.242c.559 0 1.049.37 1.202.907l.171.598A2.75 2.75 0 0 0 8.26 7h5.24v4a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 11V5a1.5 1.5 0 0 1 1.499-1.5Zm9.501 2h-1.242a1.25 1.25 0 0 1-1.201-.907l-.171-.598a2.758 2.758 0 0 0-.195-.495H12A1.5 1.5 0 0 1 13.5 5v.5ZM8.241 2H4a3.057 3.057 0 0 0-.457.035A2.99 2.99 0 0 0 2 2.764 2.99 2.99 0 0 0 1 5v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H8.241ZM7 3.5h1.242c.559 0 1.049.37 1.202.907l.171.598c.05.174.115.339.195.495H8.26a1.25 1.25 0 0 1-1.202-.907l-.171-.598A2.753 2.753 0 0 0 6.69 3.5H7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10 2.75a.75.75 0 0 0-1.5 0v7.506a.75.75 0 0 0 1.388.395c.38.223.834.349 1.362.349C13.045 11 14 9.545 14 7.75s-.955-3.25-2.75-3.25a2.69 2.69 0 0 0-1.25.287V2.75Zm0 5c0 .65.175 1.109.38 1.37.174.22.424.38.87.38s.696-.16.87-.38c.205-.261.38-.72.38-1.37 0-.65-.175-1.109-.38-1.37-.174-.22-.424-.38-.87-.38s-.696.16-.87.38c-.205.261-.38.72-.38 1.37ZM3.58 6.339a2.26 2.26 0 0 1 .432-.222c.132-.046.321-.086.634-.086.447 0 .743.143.938.365.12.138.23.338.302.622h-1.31c-1.262 0-2.332.849-2.326 1.998.003.478.168.988.561 1.381.4.4.963.61 1.627.61.53 0 1.091-.16 1.584-.472a.75.75 0 0 0 1.447-.279V7.768c0-.946-.237-1.766-.756-2.36-.53-.606-1.271-.877-2.067-.877-.452 0-.811.06-1.125.169-.293.101-.52.237-.689.338l-.022.013a.75.75 0 1 0 .77 1.288Zm.17 2.67c0-.095.154-.49.827-.49h1.258c-.268.677-.89.987-1.397.987-.345 0-.499-.102-.566-.169a.458.458 0 0 1-.122-.329ZM0 11.75A2.25 2.25 0 0 0 2.25 14h11.5A2.25 2.25 0 0 0 16 11.75v-1a.75.75 0 0 0-1.5 0v1a.75.75 0 0 1-.75.75H2.25a.75.75 0 0 1-.75-.75v-1a.75.75 0 0 0-1.5 0v1Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.062 2c.454 0 .876.234 1.115.62L8 7.162l2.823-4.542a1.312 1.312 0 0 1 2.427.692v9.938a.75.75 0 0 1-1.5 0V3.97L8.637 8.98a.75.75 0 0 1-1.274 0L4.25 3.97v9.28a.75.75 0 0 1-1.5 0V3.312C2.75 2.588 3.338 2 4.062 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5c1.248 0 2.4-.416 3.323-1.117l-1.436-1.435A3.483 3.483 0 0 1 8 11.5a3.483 3.483 0 0 1-1.887-.552l-1.436 1.435A5.476 5.476 0 0 0 8 13.5ZM5.052 9.887A3.484 3.484 0 0 1 4.5 8c0-.695.203-1.343.552-1.887L3.617 4.677A5.476 5.476 0 0 0 2.5 8c0 1.248.416 2.4 1.117 3.323l1.435-1.436Zm1.06-4.835L4.678 3.617A5.476 5.476 0 0 1 8 2.5c1.248 0 2.4.416 3.323 1.117L9.887 5.052A3.484 3.484 0 0 0 8 4.5c-.695 0-1.343.203-1.887.552Zm4.836 1.06c.35.545.552 1.193.552 1.888 0 .695-.203 1.343-.552 1.887l1.435 1.436A5.476 5.476 0 0 0 13.5 8c0-1.248-.416-2.4-1.117-3.323l-1.435 1.436ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm2-7a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.47 6.53a.75.75 0 0 1 1.06 1.061l-.727.727a2.743 2.743 0 0 0 3.879 3.879l.727-.727a.75.75 0 0 1 1.06 1.06l-.726.727a4.243 4.243 0 0 1-6-6l.727-.727Zm8 1.879a.75.75 0 0 0 1.06 1.06l.727-.726a4.243 4.243 0 0 0-6-6l-.727.727a.75.75 0 0 0 1.061 1.06l.727-.727a2.743 2.743 0 0 1 3.879 3.879l-.727.727Zm-.94-1.879a.75.75 0 1 0-1.06-1.06l-4 4a.75.75 0 1 0 1.06 1.06l4-4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m8 9.06 4.97 4.97a.75.75 0 1 0 1.06-1.06l-11-11a.75.75 0 0 0-1.06 1.06L6.94 8 5.47 9.47a.75.75 0 1 0 1.06 1.06L8 9.06Zm3.54-.722L12.601 9.4l.656-.656a4.243 4.243 0 0 0-6-6l-.656.656 1.06 1.06.657-.656a2.743 2.743 0 0 1 3.879 3.879l-.657.656ZM9.47 5.47l-.4.399 1.061 1.06.4-.399A.75.75 0 1 0 9.47 5.47ZM3.22 6.78a.75.75 0 0 1 1.06 1.061l-.477.477a2.743 2.743 0 0 0 3.879 3.879l.477-.477a.75.75 0 0 1 1.06 1.06l-.476.477a4.243 4.243 0 0 1-6-6l.477-.477Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.28 2.22a.75.75 0 0 1 0 1.06l-2 2a.75.75 0 0 1-1.06 0l-1-1a.75.75 0 0 1 1.06-1.06l.47.47 1.47-1.47a.75.75 0 0 1 1.06 0ZM6.5 3.75c0 .414.336.75.75.75h7a.75.75 0 0 0 0-1.5h-7a.75.75 0 0 0-.75.75Zm.75 3.5a.75.75 0 0 0 0 1.5h7a.75.75 0 0 0 0-1.5h-7Zm-1.97.03a.75.75 0 0 0-1.06-1.06L2.75 7.69l-.47-.47a.75.75 0 0 0-1.06 1.06l1 1a.75.75 0 0 0 1.06 0l2-2Zm0 3.19a.75.75 0 0 1 0 1.06l-2 2a.75.75 0 0 1-1.06 0l-1-1a.75.75 0 1 1 1.06-1.06l.47.47 1.47-1.47a.75.75 0 0 1 1.06 0Zm1.97 1.03a.75.75 0 0 0 0 1.5h7a.75.75 0 0 0 0-1.5h-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.28 2.22a.75.75 0 0 1 0 1.06l-2 2a.75.75 0 0 1-1.06 0l-1-1a.75.75 0 0 1 1.06-1.06l.47.47 1.47-1.47a.75.75 0 0 1 1.06 0ZM7.25 3h7a.75.75 0 0 1 0 1.5h-7a.75.75 0 0 1 0-1.5ZM5.28 7.28a.75.75 0 0 0-1.06-1.06L2.75 7.69l-.47-.47a.75.75 0 0 0-1.06 1.06l1 1a.75.75 0 0 0 1.06 0l2-2Zm0 3.19a.75.75 0 0 1 0 1.06l-2 2a.75.75 0 0 1-1.06 0l-1-1a.75.75 0 1 1 1.06-1.06l.47.47 1.47-1.47a.75.75 0 0 1 1.06 0ZM8.4 9h.1a2.5 2.5 0 0 1 5 0h.1a1.4 1.4 0 0 1 1.4 1.4v2.2a1.4 1.4 0 0 1-1.4 1.4H8.4A1.4 1.4 0 0 1 7 12.6v-2.2A1.4 1.4 0 0 1 8.4 9ZM11 8a1 1 0 0 1 1 1h-2a1 1 0 0 1 1-1Zm-2.5 2.5v2h5v-2h-5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.21 2.5a.5.5 0 0 0-.796-.403l-.71.524a.5.5 0 0 0 .507.856V5a.5.5 0 0 0 1 0V2.5Zm2.54.5a.75.75 0 1 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5Zm0 8.5a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5ZM5 8a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 5 8Zm-2.596-.67c-.07.051-.087.097-.09.116a.5.5 0 0 1-.988-.149c.051-.345.26-.61.495-.779.236-.169.531-.268.83-.268.345 0 .666.109.902.343.236.234.337.543.337.85 0 .51-.321.855-.76 1.278a.495.495 0 0 1-.02.018l-.013.011h.493a.5.5 0 0 1 0 1H1.75a.5.5 0 0 1-.326-.879l1.022-.88c.223-.216.338-.344.398-.434.046-.069.046-.092.046-.111v-.002c0-.09-.027-.127-.041-.141-.013-.013-.062-.053-.199-.053a.439.439 0 0 0-.246.08ZM1.9 10.5a.5.5 0 0 0 0 1h.38l-.15.18a.5.5 0 0 0 .383.82c.259 0 .365.077.407.122.051.054.08.133.08.218a.02.02 0 0 1-.004.014.188.188 0 0 1-.057.052.702.702 0 0 1-.371.094.545.545 0 0 1-.258-.057c-.059-.032-.075-.061-.076-.064a.5.5 0 0 0-.91.416c.213.464.728.705 1.244.705.319 0 .651-.082.92-.258.275-.181.512-.487.512-.902 0-.293-.096-.634-.355-.906a1.28 1.28 0 0 0-.252-.206l.34-.407a.5.5 0 0 0-.383-.821H1.9Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.75.5a.75.75 0 0 0-.75.75v13.5a.75.75 0 0 0 1.5 0V1.25A.75.75 0 0 0 5.75.5Zm-2 3.5a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm4 0a.75.75 0 0 1 .75-.75h5.75a.75.75 0 0 1 0 1.5H8.5A.75.75 0 0 1 7.75 4Zm0 8a.75.75 0 0 1 .75-.75h5.75a.75.75 0 0 1 0 1.5H8.5a.75.75 0 0 1-.75-.75Zm.75-4.75a.75.75 0 1 0 0 1.5h5.75a.75.75 0 0 0 0-1.5H8.5Zm-6 2a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM3.75 12a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm3.25-2a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5Zm0 8.5a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5ZM5 8a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 5 8ZM3.75 8a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM2.5 13.5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.5 6V5a2.5 2.5 0 0 0-5 0v1h5ZM4 5v1a3 3 0 0 0-3 3v3a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3V5a4 4 0 0 0-8 0Zm6.5 2.5H12A1.5 1.5 0 0 1 13.5 9v3a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 12V9A1.5 1.5 0 0 1 4 7.5h6.5Zm-1.75 2a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0v-2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.5 5a2.5 2.5 0 0 0-4.532-1.456c-.242.336-.66.559-1.052.428-.393-.131-.611-.56-.41-.922A4 4 0 0 1 12 5v1h.001a3 3 0 0 1 3 3v3a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h6.5V5Zm.75 2.5H4A1.5 1.5 0 0 0 2.5 9v3A1.5 1.5 0 0 0 4 13.5h8a1.5 1.5 0 0 0 1.5-1.5V9A1.5 1.5 0 0 0 12 7.5h-.75ZM8 8.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2A.75.75 0 0 1 8 8.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M7.363 1.5c-.094.007-.377.122-.377.622 0 .593.12 1.248.337 1.927.209-.799.319-1.463.319-1.927 0-.359-.097-.513-.144-.565a.155.155 0 0 0-.135-.057Zm.885 4.637c.061-.175.12-.347.174-.518.431-1.326.72-2.587.72-3.497 0-.625-.173-1.173-.53-1.57A1.653 1.653 0 0 0 7.265.004c-.984.064-1.779.933-1.779 2.118 0 1.314.44 2.758 1.126 4.13a31.082 31.082 0 0 1-1.465 3.305c-.9.302-1.745.648-2.475 1.025-.714.368-1.352.783-1.822 1.24-.46.448-.85 1.026-.85 1.714 0 .465.157.91.488 1.243.33.332.776.491 1.242.491.541 0 1.038-.242 1.458-.547.428-.311.844-.738 1.24-1.225.604-.744 1.203-1.683 1.758-2.699a24.497 24.497 0 0 1 3.143-.739 11.26 11.26 0 0 0 1.606 1.369c.925.639 1.945 1.086 2.943 1.086.507 0 1.034-.126 1.45-.46.438-.353.672-.871.672-1.47 0-.758-.412-1.313-.983-1.66-.535-.327-1.231-.49-1.958-.563-.925-.092-2.02-.047-3.167.1a14.055 14.055 0 0 1-1.644-2.325Zm-.675 1.76a32.96 32.96 0 0 1-.481 1.095 26.209 26.209 0 0 1 1.093-.246 15.666 15.666 0 0 1-.612-.849Zm3.734 1.938c.16.13.321.25.481.36.802.554 1.521.82 2.09.82.277 0 .436-.07.51-.13.052-.041.112-.113.112-.3 0-.129-.04-.244-.263-.38-.258-.156-.695-.288-1.327-.35a10.518 10.518 0 0 0-1.603-.02Zm-7.374 1.803c-.2.09-.391.183-.574.277-.645.333-1.14.668-1.463.982-.334.326-.396.54-.396.639 0 .126.039.172.05.184.013.012.057.05.18.05.095 0 .284-.047.576-.26.285-.207.608-.528.957-.957.221-.273.446-.58.67-.915Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M5.5 0c-.69 0-1.25.56-1.25 1.25v2h-2C1.56 3.25 1 3.81 1 4.5v2.382l-.06.057L1 7v.002a.847.847 0 0 0-.062-.06l-.002.001-.003.004-.006.006-.014.014a1.76 1.76 0 0 0-.092.105c-.045.055-.095.12-.147.198a3.326 3.326 0 0 0-.317.611C.154 8.39 0 9.08 0 10v.009a4.897 4.897 0 0 0 1.455 3.46C2.434 14.437 3.825 15 5.5 15c2.071 0 3.785-.59 5.107-1.637.997-.79 1.713-1.796 2.195-2.886a5.28 5.28 0 0 0 .99-.153c.819-.218 1.579-.711 2.05-1.653a1.5 1.5 0 0 0 .081-1.146c-.321-.962-1.12-1.636-2.071-1.877-.24-.95-.915-1.75-1.877-2.071a1.5 1.5 0 0 0-1.146.081c-1.092.546-1.502 1.583-1.668 2.329-.038.17-.067.343-.089.513H9V1.25C9 .56 8.44 0 7.75 0H5.5Zm2 6.5V4.75H5.75V6.5H7.5Zm-3.25 0V4.75H2.5V6.5h1.75ZM2 8s-.5.5-.5 2c.01 1.738 1.344 3.5 4 3.5 3.55 0 5.5-2 6.25-4.5C13 9 14 9 14.5 8a1.374 1.374 0 0 0-.655-.756c-.434-.237-1.014-.284-1.595.006.29-.58.243-1.161.006-1.595A1.373 1.373 0 0 0 11.5 5c-1 .5-1 2-1 3H2Zm3.75-4.75H7.5V1.5H5.75v1.75ZM4.25 9a.75.75 0 0 1 .75.75v1a.75.75 0 0 1-1.5 0v-1A.75.75 0 0 1 4.25 9Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 12.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5Zm2 1.5a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-1.85l-.847-1.482A2 2 0 0 0 11 5V3a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v2c0 .607.27 1.151.697 1.518L4.85 8H3a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2c0-.607-.27-1.151-.697-1.518L7.15 7h1.7l.848 1.482C9.27 8.85 9 9.392 9 10v2a2 2 0 0 0 2 2h2ZM3 12.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5H3a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5Zm6-7H7a.5.5 0 0 1-.5-.5V3a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.5 13.478a5.5 5.5 0 1 0-1.5-.069V9.75H5.75a.75.75 0 1 1 0-1.5H7V7.24c0-.884.262-1.568.722-2.032.46-.464 1.121-.708 1.922-.708.273 0 .612.04.948.213a.75.75 0 0 1-.685 1.334A.57.57 0 0 0 9.644 6c-.493 0-.737.144-.857.265-.12.12-.287.39-.287.975v1.01h1.25a.75.75 0 0 1 0 1.5H8.5v3.728ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.357 7H6.643l1.08 6.267a.28.28 0 0 0 .554 0L9.357 7ZM4.511 3.465l-.153-.691a.35.35 0 0 0-.684.007L2.522 8.537a1.144 1.144 0 0 0 .39 1.103l3.11 2.593-1.51-8.768Zm5.466 8.768 3.111-2.593a1.144 1.144 0 0 0 .39-1.103l-1.152-5.756a.35.35 0 0 0-.684-.007l-.153.692-1.512 8.767Zm-8.026-1.44 4.493 3.743a2 2 0 0 0 1.28.464h.552a2 2 0 0 0 1.28-.464l4.493-3.743a2.644 2.644 0 0 0 .9-2.55l-1.152-5.756a1.85 1.85 0 0 0-3.619-.039L9.5 5.5h-3l-.678-3.052a1.85 1.85 0 0 0-3.62.039l-1.15 5.756a2.644 2.644 0 0 0 .9 2.55Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.854 3.47a2.711 2.711 0 0 1 1.934.102l.618.275c.072.032.14.069.205.11.003-.126.01-.251.023-.377l.05-.495a1.441 1.441 0 1 0-2.868 0l.038.384Zm3.243 2.725a1.61 1.61 0 0 1-.423.433L7.95 7.835a1 1 0 0 1-1.468-.372l-.23-.46-.99 2.226a3.037 3.037 0 0 0-.217 1.758c.46.333.81.817.968 1.393l.123.451c.52.419 1.181.669 1.901.669h.54c.036 0 .07 0 .105-.002l.305-1.118a2.564 2.564 0 0 1 2.98-1.829 3.423 3.423 0 0 0-.605-2.463l-.84-1.177a4.897 4.897 0 0 1-.425-.716Zm3.242 5.135a4.93 4.93 0 0 0-.756-4.114l-.841-1.177a3.392 3.392 0 0 1-.615-2.31l.05-.495a2.941 2.941 0 1 0-5.854 0l.08.8a3.668 3.668 0 0 1-.298 1.854L3.891 8.62a4.537 4.537 0 0 0-.39 1.88A2.539 2.539 0 0 0 1 13.027c0 1.16.79 2.17 1.914 2.452l1.92.48a1.396 1.396 0 0 0 1.727-1.204c.463.159.96.245 1.476.245h.451a1.396 1.396 0 0 0 1.679.958l1.919-.48A2.527 2.527 0 0 0 14 13.027c0-.653-.25-1.248-.66-1.697ZM8.18 4.943l.617.275c.03.013.04.025.044.032.008.01.016.029.018.053a.115.115 0 0 1-.007.056c-.004.008-.01.022-.037.04l-1.25.875-.549-1.097a.127.127 0 0 1 .048-.166 1.211 1.211 0 0 1 1.115-.068Zm-4.901 9.08 1.747.437-.46-1.685A1.064 1.064 0 0 0 3.542 12c-.578 0-1.041.47-1.041 1.027 0 .471.32.882.778.996Zm6.697.437 1.747-.437c.457-.114.778-.525.778-.996 0-.557-.463-1.027-1.04-1.027-.482 0-.903.324-1.026.775l-.46 1.685Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.063 3.5H12A1.5 1.5 0 0 1 13.5 5v6a1.5 1.5 0 0 1-1.5 1.5h-1.441a.741.741 0 0 0-.029-.03c-.75-.75-.78-1.425-.78-3.22A.75.75 0 0 0 9 8.5H7.753c.018-1.895.162-3.441 1.31-5Zm-1.777 0H4A1.5 1.5 0 0 0 2.5 5v6A1.5 1.5 0 0 0 4 12.5h4.714c-.38-.76-.45-1.574-.462-2.5H7a.75.75 0 0 1-.75-.75v-.07c0-1.89 0-3.791 1.036-5.68ZM1 5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5Zm9.25 2.25a.75.75 0 0 0 1.5 0v-1a.75.75 0 0 0-1.5 0v1ZM4.75 8A.75.75 0 0 1 4 7.25v-1a.75.75 0 0 1 1.5 0v1a.75.75 0 0 1-.75.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.443 4.699A1.294 1.294 0 0 0 1 5.294v5.956a.75.75 0 0 0 1.5 0V6.139l1.834 3.54a.75.75 0 0 0 1.332 0L7.5 6.138v5.111a.75.75 0 0 0 1.5 0V5.294A1.294 1.294 0 0 0 6.557 4.7L5 7.703 3.443 4.7Zm9.807.051a.75.75 0 0 0-1.5 0v4.69l-.47-.47a.75.75 0 1 0-1.06 1.06l1.75 1.75a.75.75 0 0 0 1.06 0l1.75-1.75a.75.75 0 1 0-1.06-1.06l-.47.47V4.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 12.5A1.5 1.5 0 0 1 10 14H6a1.5 1.5 0 0 1-1.5-1.5v-.823a3.114 3.114 0 0 0-1.35-2.566A6.114 6.114 0 0 1 .5 4.073V3A1.5 1.5 0 0 1 2 1.5h.666A6.425 6.425 0 0 1 8 4.343 6.425 6.425 0 0 1 13.334 1.5H14A1.5 1.5 0 0 1 15.5 3v1.073a6.114 6.114 0 0 1-2.65 5.038 3.114 3.114 0 0 0-1.35 2.566v.823Zm-8-9.43a4.924 4.924 0 0 1 3.738 3.025c.275.688 1.249.688 1.524 0A4.924 4.924 0 0 1 13.334 3H14v1.073a4.614 4.614 0 0 1-2 3.802c-1.252.86-2 2.283-2 3.802v.823H6v-.823c0-1.52-.748-2.941-2-3.802a4.614 4.614 0 0 1-2-3.802V3h.666c.283 0 .562.024.834.07Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 2.5h4.98a2.5 2.5 0 0 1 1.66.631l.977.869h-5.93a1.511 1.511 0 0 1-1.069-.443l-.092-.091-.915-.915c.124-.033.255-.051.389-.051ZM2.55 3.611A1.56 1.56 0 0 0 2.5 4v4.98a2.5 2.5 0 0 0 .631 1.66l.869.977v-5.8a1.826 1.826 0 0 0-.535-1.291l-.914-.915ZM7 5.5A1.5 1.5 0 0 0 5.5 7v5A1.5 1.5 0 0 0 7 13.5h5a1.5 1.5 0 0 0 1.5-1.5V7A1.5 1.5 0 0 0 12 5.5H7ZM7 15h-.653a3 3 0 0 1-2.242-1.007L2.01 11.637A4 4 0 0 1 1 8.979V4a3 3 0 0 1 3-3h4.98a4 4 0 0 1 2.657 1.01l2.356 2.095A3 3 0 0 1 15 6.347V12a3 3 0 0 1-3 3H7Zm.75-3a.75.75 0 0 1-.75-.75V8.08a1.08 1.08 0 0 1 1.96-.627l1.54 2.16V7.75a.75.75 0 0 1 1.5 0v3.168a1.082 1.082 0 0 1-1.963.628L8.5 9.392v1.858a.75.75 0 0 1-.75.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 2.5a5.5 5.5 0 0 0-2.977 10.126l.79-2.571a3 3 0 1 1 4.372 0l.792 2.57A5.5 5.5 0 0 0 8 2.5ZM1 8a7 7 0 1 1 9.832 6.403.75.75 0 0 1-1.02-.465l-1.2-3.901a.75.75 0 0 1 .273-.826 1.5 1.5 0 1 0-1.77 0 .75.75 0 0 1 .274.826l-1.2 3.901a.75.75 0 0 1-1.021.465A7.001 7.001 0 0 1 1 8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 5.5h3.752a.75.75 0 0 0 0-1.5H5.5A1.5 1.5 0 0 1 7 2.5h2A1.5 1.5 0 0 1 10.5 4v2c0 .69-.56 1.25-1.25 1.25h-2.5A2.75 2.75 0 0 0 4 10v.5A1.5 1.5 0 0 1 2.5 9V7A1.5 1.5 0 0 1 4 5.5Zm1.5 5V12A1.5 1.5 0 0 0 7 13.5h2a1.5 1.5 0 0 0 1.5-1.5H8.25a.75.75 0 0 1 0-1.5H12A1.5 1.5 0 0 0 13.5 9V7A1.5 1.5 0 0 0 12 5.5V6a2.75 2.75 0 0 1-2.75 2.75h-2.5c-.69 0-1.25.56-1.25 1.25v.5ZM7 1a3 3 0 0 0-3 3 3 3 0 0 0-3 3v2a3 3 0 0 0 3 3 3 3 0 0 0 3 3h2a3 3 0 0 0 3-3 3 3 0 0 0 3-3V7a3 3 0 0 0-3-3 3 3 0 0 0-3-3H7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.849.33a.75.75 0 0 0-1.115 1.003l3.68 4.088a.75.75 0 1 0 1.115-1.004L10.85.33ZM7.6 2.443a.75.75 0 0 1 1.048-.166L13.1 5.51a.75.75 0 1 1-.882 1.213L7.767 3.49a.75.75 0 0 1-.166-1.047Zm-.589 2.424a.75.75 0 1 0-.61 1.37l5.025 2.238a.75.75 0 1 0 .61-1.37L7.012 4.866ZM4.82 8.11a.75.75 0 0 1 .89-.577l5.38 1.143a.75.75 0 0 1-.313 1.467L5.396 9a.75.75 0 0 1-.577-.89ZM2 10.25a.75.75 0 0 1 1.5 0V12A1.5 1.5 0 0 0 5 13.5h6a1.5 1.5 0 0 0 1.5-1.5v-1.75a.75.75 0 0 1 1.5 0V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-1.75Zm3.25.25a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5h-5.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.254 8.521 9.61 5.86a.75.75 0 0 1 .782 1.28L6.586 9.465 9.77 12.65a1.199 1.199 0 0 0 1.973-.433l2.692-7.308a1.045 1.045 0 0 0-.98-1.408h-.105c-.1 0-.201.013-.298.04L2.022 6.509a.707.707 0 0 0 .046 1.375l3.186.637Zm-3.48.834L5 10l3.71 3.71a2.7 2.7 0 0 0 4.44-.976l2.693-7.308A2.544 2.544 0 0 0 13.454 2h-.104c-.232 0-.464.03-.688.091l-11.03 2.97a2.207 2.207 0 0 0 .142 4.294Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.034 3.902a1.5 1.5 0 1 0-2.03-1.293A5.738 5.738 0 0 0 9 2.25a5.75 5.75 0 0 0-1.681.25c-.427.13-.58.63-.356 1.017.195.333.607.46.982.365a4.258 4.258 0 0 1 5.144 2.954c.105.372.423.664.81.664.446 0 .801-.384.699-.82a5.742 5.742 0 0 0-1.564-2.778Zm-5.09 8.216c-.373-.096-.786.032-.98.365-.226.386-.072.887.355 1.017A5.75 5.75 0 0 0 9 13.75c.705 0 1.38-.127 2.004-.359a1.5 1.5 0 1 0 2.03-1.293 5.742 5.742 0 0 0 1.564-2.779c.102-.435-.253-.819-.7-.819-.386 0-.704.292-.81.664a4.252 4.252 0 0 1-5.143 2.954ZM5.937 5.055c.268-.278.359-.7.165-1.033-.226-.386-.737-.499-1.061-.19A5.742 5.742 0 0 0 3.38 6.784a1.5 1.5 0 1 0 0 2.432 5.742 5.742 0 0 0 1.66 2.953c.325.308.836.195 1.062-.191.194-.333.103-.755-.165-1.033A4.236 4.236 0 0 1 4.75 8c0-1.143.452-2.181 1.186-2.945Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m11.788 2.974-3.038.434V7.25h4.75V4.46a1.5 1.5 0 0 0-1.712-1.486ZM13.5 8.75H8.75v3.842l3.038.434A1.5 1.5 0 0 0 13.5 11.54V8.75Zm-6.25-1.5V3.622l-3.462.495A1.5 1.5 0 0 0 2.5 5.602V7.25h4.75ZM2.5 8.75h4.75v3.628l-3.462-.495A1.5 1.5 0 0 1 2.5 10.398V8.75Zm1.076-6.118A3 3 0 0 0 1 5.602v4.796a3 3 0 0 0 2.576 2.97l8 1.143A3 3 0 0 0 15 11.54V4.459a3 3 0 0 0-3.424-2.97l-8 1.143Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM6.136 5.103a.75.75 0 0 0-1.272.795l2.044 3.27c.223.357.342.77.342 1.192v1.14a.75.75 0 0 0 1.5 0v-1.14a3.75 3.75 0 0 0-.57-1.987l-2.044-3.27Zm5 .795a.75.75 0 1 0-1.272-.795L8.77 6.853a.75.75 0 0 0 1.272.795l1.094-1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 8a5.5 5.5 0 0 1 5.492-5.5c1.318.032 1.88.796 2.02 1.48.027.137.02.389-.027.713a7.242 7.242 0 0 1-.042.26l-1.759.308h-.001c-.838.144-1.537.432-2.068.933-.535.504-.829 1.155-.98 1.887l-.444 2.146a.734.734 0 0 0-.009.043l-.02.098c-.034.168-.091.444-.132.725-.047.325-.09.763-.025 1.154A5.489 5.489 0 0 1 2.5 8Zm5.501 7a7 7 0 0 0 .002-14h-.006a7 7 0 0 0 .001 14h.003Zm.007-1.5c-1.318-.032-1.88-.796-2.02-1.48-.027-.137-.02-.389.027-.713a7.25 7.25 0 0 1 .042-.26l1.759-.308h.001c.838-.144 1.537-.432 2.068-.933.535-.504.829-1.155.98-1.887l.444-2.146a.857.857 0 0 0 .009-.043c.005-.026.011-.059.02-.097.034-.17.092-.446.132-.726.047-.325.09-.763.024-1.154A5.5 5.5 0 0 1 8.008 13.5ZM9.62 6.532l-1.18.207h-.002c-.652.112-1.044.31-1.295.547-.247.233-.43.57-.539 1.098L6.38 9.468l1.18-.207h.002c.652-.112 1.044-.31 1.295-.547.247-.233.43-.57.539-1.098l.224-1.084Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m3.585 11.965-.716.148a1.863 1.863 0 0 1-1.792-3.036L2 8l-.923-1.077A1.863 1.863 0 0 1 2.87 3.887l.716.148-.07-.303a1.822 1.822 0 0 1 2.64-2.014l8.293 4.466a2 2 0 0 1 1.052 1.76v.111a2 2 0 0 1-1.052 1.761l-8.293 4.466a1.822 1.822 0 0 1-2.64-2.014l.07-.303Zm1.617-.334-.225.974a.322.322 0 0 0 .466.356l1.625-.875 3.895-1.647-5.761 1.192Zm5.761-6.07L7.068 3.914l-1.625-.875a.322.322 0 0 0-.466.356l.225.974 5.761 1.192ZM3.14 8.976 3.976 8l-.837-.976-.923-1.077a.363.363 0 0 1 .349-.591l11.162 2.309a.342.342 0 0 1 0 .67l-11.162 2.31a.363.363 0 0 1-.349-.592l.923-1.077Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.75 2.5a.25.25 0 0 0-.25.25v2.167c0 .138.112.25.25.25h2.417V2.5H2.75Zm3.917 0v2.667h2.666V2.5H6.667Zm4.166 0v2.667h2.417a.25.25 0 0 0 .25-.25V2.75a.25.25 0 0 0-.25-.25h-2.417Zm0 4.167h2.417A1.75 1.75 0 0 0 15 4.917V2.75A1.75 1.75 0 0 0 13.25 1H2.75A1.75 1.75 0 0 0 1 2.75v2.167c0 .966.784 1.75 1.75 1.75h2.417v6.583c0 .966.783 1.75 1.75 1.75h2.166a1.75 1.75 0 0 0 1.75-1.75V6.667Zm-1.5 0H6.667v2.666h2.666V6.667Zm0 4.166H6.667v2.417c0 .138.112.25.25.25h2.166a.25.25 0 0 0 .25-.25v-2.417Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m11.1 5.894-.412.903.671.732 1.356 1.48-1.994-.227-.986-.113-.49.864-.987 1.747-.4-1.967-.198-.972-.973-.198-1.966-.4 1.746-.989.864-.489-.112-.986-.227-1.994L8.47 4.641l.732.67.903-.411 1.826-.832-.832 1.826ZM7.02 1.276l2.465 2.26 3.043-1.387c.842-.384 1.708.483 1.325 1.324l-1.387 3.043 2.259 2.465c.625.682.069 1.774-.85 1.67l-3.323-.38-1.646 2.911c-.456.805-1.666.613-1.85-.293l-.667-3.277-3.277-.666c-.906-.185-1.098-1.395-.293-1.85l2.91-1.647-.378-3.322c-.105-.92.987-1.476 1.669-.85ZM5.53 11.53a.75.75 0 1 0-1.06-1.06l-3.5 3.5a.75.75 0 1 0 1.06 1.06l3.5-3.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.28 3.841 3.925 5.197a4.864 4.864 0 0 0 6.878 6.878l1.356-1.355-1.379-1.38-1.305 1.306a2.914 2.914 0 0 1-4.121-4.122L6.659 5.22 5.28 3.84Zm1.061-1.06L7.72 4.158 8.879 3 7.5 1.621l-1.159 1.16ZM14.379 8.5l-1.16 1.159-1.378-1.379L13 7.121 14.379 8.5ZM2.864 4.136l3.64-3.64a1.41 1.41 0 0 1 1.992 0l1.737 1.737c.424.424.424 1.11 0 1.534L6.414 7.586a1.414 1.414 0 0 0 2 2l3.82-3.82a1.084 1.084 0 0 1 1.533 0l1.737 1.738c.55.55.55 1.442 0 1.992l-3.64 3.64a6.364 6.364 0 1 1-9-9Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 7a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm-.82 4.74a6 6 0 1 1 1.06-1.06l2.79 2.79a.75.75 0 1 1-1.06 1.06l-2.79-2.79Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.75 11a4.25 4.25 0 1 0 0-8.5 4.25 4.25 0 0 0 0 8.5Zm0 1.5a5.725 5.725 0 0 0 3.501-1.188l2.719 2.718a.75.75 0 1 0 1.06-1.06l-2.718-2.719A5.75 5.75 0 1 0 6.75 12.5Zm-2-6.5a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 0-1.5h-4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.75 11a4.25 4.25 0 1 0 0-8.5 4.25 4.25 0 0 0 0 8.5Zm0 1.5a5.725 5.725 0 0 0 3.501-1.188l2.719 2.718a.75.75 0 1 0 1.06-1.06l-2.718-2.719A5.75 5.75 0 1 0 6.75 12.5Zm.75-7.75a.75.75 0 0 0-1.5 0V6H4.75a.75.75 0 0 0 0 1.5H6v1.25a.75.75 0 0 0 1.5 0V7.5h1.25a.75.75 0 0 0 0-1.5H7.5V4.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.125 7a4.875 4.875 0 1 1 9.75 0c0 1.864-.774 2.962-1.687 3.815-.385.36-.765.65-1.17.958l-.365.28a8.807 8.807 0 0 0-.781.668c-.243.24-.535.575-.73 1.01a.337.337 0 0 1-.095.132.05.05 0 0 1-.015.008s-.01.004-.032.004-.031-.003-.032-.003a.05.05 0 0 1-.015-.009.337.337 0 0 1-.095-.131 3.385 3.385 0 0 0-.73-1.01 8.807 8.807 0 0 0-.781-.668c-.125-.097-.246-.19-.366-.28a14.78 14.78 0 0 1-1.169-.96C3.9 9.963 3.125 8.865 3.125 7ZM14.5 7c0 3.4-2.066 4.975-3.53 6.091-.634.485-1.156.882-1.345 1.305C9.355 15 8.788 15.5 8 15.5s-1.354-.5-1.625-1.104c-.19-.423-.71-.82-1.346-1.305C3.566 11.975 1.5 10.399 1.5 7a6.5 6.5 0 0 1 13 0Zm-5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.125 7a4.875 4.875 0 1 1 9.75 0c0 1.864-.774 2.962-1.687 3.815-.385.36-.765.65-1.17.958l-.365.28a8.807 8.807 0 0 0-.781.668c-.243.24-.535.575-.73 1.01a.337.337 0 0 1-.095.132.05.05 0 0 1-.015.008s-.01.004-.032.004-.031-.003-.032-.003a.05.05 0 0 1-.015-.009.337.337 0 0 1-.095-.131 3.385 3.385 0 0 0-.73-1.01 8.807 8.807 0 0 0-.781-.668c-.125-.097-.246-.19-.366-.28a14.78 14.78 0 0 1-1.169-.96C3.9 9.963 3.125 8.865 3.125 7ZM14.5 7c0 3.4-2.066 4.975-3.53 6.091-.634.485-1.156.882-1.345 1.305C9.355 15 8.788 15.5 8 15.5s-1.354-.5-1.625-1.104c-.19-.423-.71-.82-1.346-1.305C3.566 11.975 1.5 10.399 1.5 7a6.5 6.5 0 0 1 13 0Zm-8.75-.75a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.125 7a4.875 4.875 0 1 1 9.75 0c0 1.864-.774 2.962-1.687 3.815-.385.36-.765.65-1.17.958l-.365.28a8.807 8.807 0 0 0-.781.668c-.243.24-.535.575-.73 1.01a.337.337 0 0 1-.095.132.05.05 0 0 1-.015.008s-.01.004-.032.004-.031-.003-.032-.003a.05.05 0 0 1-.015-.009.337.337 0 0 1-.095-.131 3.385 3.385 0 0 0-.73-1.01 8.807 8.807 0 0 0-.781-.668c-.125-.097-.246-.19-.366-.28a14.78 14.78 0 0 1-1.169-.96C3.9 9.963 3.125 8.865 3.125 7ZM14.5 7c0 3.4-2.066 4.975-3.53 6.091-.634.485-1.156.882-1.345 1.305C9.355 15 8.788 15.5 8 15.5s-1.354-.5-1.625-1.104c-.19-.423-.71-.82-1.346-1.305C3.566 11.975 1.5 10.399 1.5 7a6.5 6.5 0 0 1 13 0ZM8.75 4.75a.75.75 0 0 0-1.5 0v1.5h-1.5a.75.75 0 0 0 0 1.5h1.5v1.5a.75.75 0 0 0 1.5 0v-1.5h1.5a.75.75 0 0 0 0-1.5h-1.5v-1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13 13.25V7.5a5 5 0 0 0-10 0v5.75c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25V7.5a3 3 0 0 1 6 0v5.75c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25Zm1.5-5.75v5.75A1.75 1.75 0 0 1 12.75 15h-1.5a1.75 1.75 0 0 1-1.75-1.75V7.5a1.5 1.5 0 1 0-3 0v5.75A1.75 1.75 0 0 1 4.75 15h-1.5a1.75 1.75 0 0 1-1.75-1.75V7.5a6.5 6.5 0 0 1 13 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.873 3.44a.75.75 0 1 0-1.06-1.06L11.75 3.44l-1.06-1.06a.75.75 0 1 0-1.061 1.06l1.062 1.06-1.062 1.063a.75.75 0 0 0 1.06 1.06l1.062-1.061 1.062 1.062a.75.75 0 0 0 1.06-1.061L12.813 4.5l1.062-1.061ZM2.25 3.75a.75.75 0 0 0 0 1.5h4.5a.75.75 0 1 0 0-1.5h-4.5Zm3 5.5a.75.75 0 0 0-1.5 0v1.501h-1.5a.75.75 0 0 0 0 1.5h1.5v1.502a.75.75 0 0 0 1.5 0V12.25h1.501a.75.75 0 0 0 0-1.5h-1.5v-1.5Zm4.5 0a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 0-1.5h-4Zm0 3a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 0-1.5h-4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3 2.75V8.5a5 5 0 0 0 10 0V2.75a.25.25 0 0 0-.25-.25h-1.5a.25.25 0 0 0-.25.25V8.5a3 3 0 1 1-6 0V2.75a.25.25 0 0 0-.25-.25h-1.5a.25.25 0 0 0-.25.25ZM1.5 8.5V2.75C1.5 1.784 2.284 1 3.25 1h1.5c.966 0 1.75.784 1.75 1.75V8.5a1.5 1.5 0 1 0 3 0V2.75c0-.966.784-1.75 1.75-1.75h1.5c.966 0 1.75.784 1.75 1.75V8.5a6.5 6.5 0 0 1-13 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.836 1.5a.664.664 0 0 1 .491 1.11l-.354.39H4.027l-.354-.39a.664.664 0 0 1 .49-1.11h7.673Zm-6.445 3 2.124 2.336a.5.5 0 0 0 .37.164h.23a.5.5 0 0 0 .37-.164L10.61 4.5H5.391Zm.652 2.947L3.5 4.65v1.852a.5.5 0 0 0 .123.328L4.87 8.266a4.51 4.51 0 0 1 1.172-.82Zm-2.08 2.061L2.492 7.814A2 2 0 0 1 2 6.502V2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v4.502a2 2 0 0 1-.49 1.312l-1.474 1.694a4.5 4.5 0 1 1-8.073 0Zm7.166-1.242a4.51 4.51 0 0 0-1.172-.82L12.5 4.65v1.852a.5.5 0 0 1-.123.328L11.13 8.266ZM11 11.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.113 11.615c.374.814.713.885.887.885.174 0 .513-.071.887-.885.377-.816.613-2.077.613-3.615 0-1.538-.236-2.799-.613-3.615-.374-.814-.713-.885-.887-.885-.174 0-.513.071-.887.885C10.736 5.2 10.5 6.462 10.5 8c0 1.538.236 2.799.613 3.615ZM9 8c0 1.469.197 2.815.59 3.857L2.902 9.31a1.402 1.402 0 0 1 0-2.62l6.686-2.548C9.196 5.185 9 6.532 9 8Zm3 6c2 0 3-2.686 3-6s-1-6-3-6c-.661 0-1.317.12-1.934.356L2.369 5.288a2.902 2.902 0 0 0 0 5.424l.827.315a2.5 2.5 0 1 0 4.67 1.78l2.2.837A5.433 5.433 0 0 0 12 14Zm-5.537-1.729L4.6 11.563a1 1 0 1 0 1.862.71Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.5 7V3.5a1.5 1.5 0 1 0-3 0V7a1.5 1.5 0 1 0 3 0ZM8 .5a3 3 0 0 0-3 3V7a3 3 0 0 0 6 0V3.5a3 3 0 0 0-3-3Zm.75 12.454A6.001 6.001 0 0 0 14 7v-.25a.75.75 0 0 0-1.5 0V7a4.5 4.5 0 1 1-9 0v-.25a.75.75 0 0 0-1.5 0V7c0 3.06 2.29 5.585 5.25 5.954v1.796a.75.75 0 0 0 1.5 0v-1.796Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.773 9.9A3.004 3.004 0 0 1 5 7v-.94L1.97 3.03a.75.75 0 0 1 1.06-1.06l11 11a.75.75 0 1 1-1.06 1.06l-1.884-1.883a5.97 5.97 0 0 1-2.336.807v1.796a.75.75 0 0 1-1.5 0v-1.796A6.001 6.001 0 0 1 2 7v-.25a.75.75 0 0 1 1.5 0V7a4.5 4.5 0 0 0 6.481 4.042L8.825 9.885l-.052.015ZM9.5 3.5v2.798l1.415 1.415C10.97 7.484 11 7.246 11 7V3.5a3 3 0 0 0-5.669-1.371l1.18 1.18A1.5 1.5 0 0 1 9.5 3.5Zm2.587 5.385L13.2 9.997c.51-.882.8-1.905.8-2.997v-.25a.75.75 0 0 0-1.5 0V7a4.48 4.48 0 0 1-.413 1.885Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.75 8a.75.75 0 0 1 .75-.75h11a.75.75 0 0 1 0 1.5h-11A.75.75 0 0 1 1.75 8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M4.706 3.39a1 1 0 1 1 .108-.064.76.76 0 0 0-.108.064Zm.108 1.546a2.5 2.5 0 1 1 1.292-.762l.849 1.485a3.497 3.497 0 0 1 3.191.576l2.222-1.851a1.75 1.75 0 1 1 1.101 1.035l-2.362 1.968c.251.483.393 1.031.393 1.613 0 .557-.13 1.083-.361 1.55l.958.767a2.25 2.25 0 1 1-.959 1.154l-.937-.75a3.501 3.501 0 0 1-5.62-1.971H3.33a1.75 1.75 0 1 1 0-1.5h1.25a3.497 3.497 0 0 1 1.072-1.846l-.84-1.468ZM10 9a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm3.25 5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 0 0 2.263-10.514 5.5 5.5 0 0 1-7.278 7.278A5.501 5.501 0 0 0 8 13.5ZM1.045 8.795a7.001 7.001 0 1 0 7.75-7.75l-.028-.003A7.078 7.078 0 0 0 8 1c-.527 0-.59.842-.185 1.18a4.02 4.02 0 0 1 .342.322A4 4 0 1 1 2.18 7.814C1.842 7.41 1 7.474 1 8a7.078 7.078 0 0 0 .045.794Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.123 5.357c.712-.37.877-.75.877-1.107s-.165-.736-.877-1.107C9.373 2.752 8.2 2.5 6.75 2.5c-1.45 0-2.622.252-3.373.643-.712.37-.877.75-.877 1.107s.165.736.877 1.107C4.127 5.748 5.3 6 6.75 6c1.45 0 2.622-.252 3.373-.643ZM6.75 7.5c1.684 0 3.198-.305 4.25-.914v5.164c0 .357-.165.736-.877 1.107-.75.391-1.924.643-3.373.643-1.45 0-2.622-.252-3.373-.643-.712-.37-.877-.75-.877-1.107V6.586c1.052.61 2.566.914 4.25.914Zm5.75-3.25C12.5 2.083 9.926 1 6.75 1S1 2.083 1 4.25v7.5C1 13.917 3.574 15 6.75 15s5.75-1.083 5.75-3.25v-1.182c.068-.026.134-.053.2-.08.616-.256 1.27-.613 1.791-1.112.534-.512 1.01-1.256 1.01-2.218 0-.437-.097-.89-.345-1.304a2.38 2.38 0 0 0-.956-.89c-.562-.292-1.185-.358-1.7-.352V4.25Zm0 1.862v2.82c.86-.425 1.501-1.016 1.501-1.774 0-.806-.652-1.058-1.501-1.046Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13 5.46v3.08a2.94 2.94 0 0 0-.976 0 4.15 4.15 0 0 0-.274.055C10.231 8.96 9 10.263 9 11.505c0 1.243 1.231 1.955 2.75 1.59 1.519-.364 2.75-1.667 2.75-2.91 0-.038-.001-.076-.004-.113A.745.745 0 0 0 14.5 10V1.25a.75.75 0 0 0-.932-.728L6.136 2.38l-.568.142A.75.75 0 0 0 5 3.25v7.291a2.941 2.941 0 0 0-.976 0c-.09.014-.181.032-.274.054C2.231 10.96 1 12.263 1 13.505c0 1.243 1.231 1.955 2.75 1.59 1.519-.364 2.75-1.667 2.75-2.91 0-.038-.001-.076-.003-.113A.758.758 0 0 0 6.5 12V7.086L13 5.46Zm0-1.546V2.211L6.5 3.836v1.703l6.136-1.534.364-.09Zm-8.003 8.127a1.5 1.5 0 0 0 .003.144c0 .133-.079.419-.396.754a2.497 2.497 0 0 1-1.204.698c-.47.113-.748.023-.844-.032a.215.215 0 0 1-.047-.036l-.001-.002-.003-.007a.214.214 0 0 1-.005-.054c0-.133.079-.419.396-.754a2.5 2.5 0 0 1 1.204-.698 1.58 1.58 0 0 1 .637-.037c.086.016.173.024.26.024Zm8-2a1.465 1.465 0 0 0 .003.144c0 .133-.079.419-.396.754a2.497 2.497 0 0 1-1.204.698c-.47.113-.748.023-.844-.032a.214.214 0 0 1-.047-.036l-.001-.002-.003-.007a.216.216 0 0 1-.005-.054c0-.133.079-.419.396-.754a2.497 2.497 0 0 1 1.204-.698 1.58 1.58 0 0 1 .637-.037c.086.016.173.024.26.024Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 11a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0ZM12 14a3 3 0 1 0-.79-5.895L10.092 6.15a3 3 0 1 0-4.185 0L4.79 8.105A3.003 3.003 0 0 0 1 11a3 3 0 1 0 5.092-2.15L7.21 6.895a3.003 3.003 0 0 0 1.58 0L9.908 8.85A3 3 0 0 0 12 14Zm-6.5-3a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0ZM8 2.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5 2.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM2 4a3 3 0 1 1 5.895.79L9.85 5.908a3 3 0 1 1 0 4.185L7.895 11.21A3.003 3.003 0 0 1 5 15a3 3 0 1 1 2.15-5.092L9.105 8.79a3.003 3.003 0 0 1 0-1.58L7.15 6.092A3 3 0 0 1 2 4Zm3 6.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM13.5 8a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 2.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM14 4a3 3 0 1 0-5.895.79L6.15 5.908a3 3 0 1 0 0 4.185l1.955 1.117A3.003 3.003 0 0 0 11 15a3 3 0 1 0-2.15-5.092L6.895 8.79a3.003 3.003 0 0 0 0-1.58L8.85 6.092A3 3 0 0 0 14 4Zm-3 6.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM2.5 8a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0ZM4 2a3 3 0 1 0 .79 5.895L5.908 9.85a3 3 0 1 0 4.185 0l1.117-1.955A3.003 3.003 0 0 0 15 5a3 3 0 1 0-5.092 2.15L8.79 9.105a3.003 3.003 0 0 0-1.58 0L6.092 7.15A3 3 0 0 0 4 2Zm6.5 3a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0ZM8 13.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m13.873 8.25-2.72 4.712a.5.5 0 0 1-.433.25H5.28a.5.5 0 0 1-.433-.25L2.127 8.25a.5.5 0 0 1 0-.5l2.72-4.712a.5.5 0 0 1 .433-.25h5.44a.5.5 0 0 1 .433.25l2.72 4.712a.5.5 0 0 1 0 .5Zm1.3-1.25a2 2 0 0 1 0 2l-2.72 4.712a2 2 0 0 1-1.733 1H5.28a2 2 0 0 1-1.732-1L.828 9a2 2 0 0 1 0-2l2.72-4.712a2 2 0 0 1 1.732-1h5.44a2 2 0 0 1 1.732 1L15.172 7ZM9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.75 12.5a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5H1.75ZM7 9.5h2a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v4.5a1 1 0 0 0 1 1Zm-2.5-1A2.5 2.5 0 0 0 7 11h2a2.5 2.5 0 0 0 2.5-2.5V4A2.5 2.5 0 0 0 9 1.5H7A2.5 2.5 0 0 0 4.5 4v4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13 7v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1Zm-1-2.5A2.5 2.5 0 0 1 14.5 7v2a2.5 2.5 0 0 1-2.5 2.5H8.75v2.75a.75.75 0 0 1-1.5 0V11.5H4A2.5 2.5 0 0 1 1.5 9V7A2.5 2.5 0 0 1 4 4.5h3.25V1.75a.75.75 0 1 1 1.5 0V4.5H12Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7 3h2a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1ZM4.5 4A2.5 2.5 0 0 1 7 1.5h2A2.5 2.5 0 0 1 11.5 4v3.25h2.75a.75.75 0 0 1 0 1.5H11.5V12A2.5 2.5 0 0 1 9 14.5H7A2.5 2.5 0 0 1 4.5 12V8.75H1.75a.75.75 0 0 1 0-1.5H4.5V4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.25 15a.75.75 0 0 1-.75-.75V1.75a.75.75 0 1 1 1.5 0v12.5a.75.75 0 0 1-.75.75ZM11 9V7a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1Zm1.5-2A2.5 2.5 0 0 0 10 4.5H6A2.5 2.5 0 0 0 3.5 7v2A2.5 2.5 0 0 0 6 11.5h4A2.5 2.5 0 0 0 12.5 9V7ZM1 14.25a.75.75 0 0 0 1.5 0V1.75a.75.75 0 1 0-1.5 0v12.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1 14.25a.75.75 0 0 1 .75-.75h12.5a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1-.75-.75ZM7 11h2a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1Zm2 1.5a2.5 2.5 0 0 0 2.5-2.5V6A2.5 2.5 0 0 0 9 3.5H7A2.5 2.5 0 0 0 4.5 6v4A2.5 2.5 0 0 0 7 12.5h2ZM1.75 1a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5H1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2 14.25a.75.75 0 0 0 1.5 0V1.75a.75.75 0 0 0-1.5 0v12.5ZM6.5 7v2a1 1 0 0 0 1 1H12a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H7.5a1 1 0 0 0-1 1Zm1-2.5A2.5 2.5 0 0 0 5 7v2a2.5 2.5 0 0 0 2.5 2.5H12A2.5 2.5 0 0 0 14.5 9V7A2.5 2.5 0 0 0 12 4.5H7.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 14.25a.75.75 0 0 0 1.5 0V1.75a.75.75 0 0 0-1.5 0v12.5ZM9.5 7v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h4.5a1 1 0 0 1 1 1Zm-1-2.5A2.5 2.5 0 0 1 11 7v2a2.5 2.5 0 0 1-2.5 2.5H4A2.5 2.5 0 0 1 1.5 9V7A2.5 2.5 0 0 1 4 4.5h4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.75 2a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5H1.75ZM7 6.5h2a1 1 0 0 1 1 1V12a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7.5a1 1 0 0 1 1-1Zm-2.5 1A2.5 2.5 0 0 1 7 5h2a2.5 2.5 0 0 1 2.5 2.5V12A2.5 2.5 0 0 1 9 14.5H7A2.5 2.5 0 0 1 4.5 12V7.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.75 14a.75.75 0 0 1 0-1.5h12.5a.75.75 0 0 1 0 1.5H1.75ZM5.5 9.5H4a.5.5 0 0 1-.5-.5V3.5A.5.5 0 0 1 4 3h1.5a.5.5 0 0 1 .5.5V9a.5.5 0 0 1-.5.5ZM4 11a2 2 0 0 1-2-2V3.5a2 2 0 0 1 2-2h1.5a2 2 0 0 1 2 2V9a2 2 0 0 1-2 2H4Zm8-1.5h-1.5A.5.5 0 0 1 10 9V7a.5.5 0 0 1 .5-.5H12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5ZM10.5 11a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2H12a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13 5.5V4a.5.5 0 0 0-.5-.5h-9A.5.5 0 0 0 3 4v1.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5Zm-4.25 2h3.75a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8.75v-.25a.75.75 0 0 0-1.5 0V2H3.5a2 2 0 0 0-2 2v1.5a2 2 0 0 0 2 2h3.75v1H6a2 2 0 0 0-2 2V12a2 2 0 0 0 2 2h1.25v.25a.75.75 0 0 0 1.5 0V14H10a2 2 0 0 0 2-2v-1.5a2 2 0 0 0-2-2H8.75v-1ZM8 10H6a.5.5 0 0 0-.5.5V12a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-1.5a.5.5 0 0 0-.5-.5H8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.5 3H4a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h1.5a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5Zm2 4.25V3.5a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v3.75h-.25a.75.75 0 0 0 0 1.5H2v3.75a2 2 0 0 0 2 2h1.5a2 2 0 0 0 2-2V8.75h1V10a2 2 0 0 0 2 2H12a2 2 0 0 0 2-2V8.75h.25a.75.75 0 0 0 0-1.5H14V6a2 2 0 0 0-2-2h-1.5a2 2 0 0 0-2 2v1.25h-1ZM10 8v2a.5.5 0 0 0 .5.5H12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5h-1.5a.5.5 0 0 0-.5.5v2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.25 1a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-1.5 0V1.75a.75.75 0 0 1 .75-.75ZM11 4v1.5a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5V4a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5Zm-.5-2a2 2 0 0 1 2 2v1.5a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h5Zm.5 8.5V12a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 12v-1.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5Zm-.5-2a2 2 0 0 1 2 2V12a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2v-1.5a2 2 0 0 1 2-2h5ZM1 1.75a.75.75 0 0 1 1.5 0v12.5a.75.75 0 0 1-1.5 0V1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M15 14.25a.75.75 0 0 1-.75.75H1.75a.75.75 0 0 1 0-1.5h12.5a.75.75 0 0 1 .75.75ZM12 11h-1.5a.5.5 0 0 1-.5-.5v-5a.5.5 0 0 1 .5-.5H12a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5Zm2-.5a2 2 0 0 1-2 2h-1.5a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2H12a2 2 0 0 1 2 2v5Zm-8.5.5H4a.5.5 0 0 1-.5-.5v-5A.5.5 0 0 1 4 5h1.5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5Zm2-.5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h1.5a2 2 0 0 1 2 2v5ZM14.25 1a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1 0-1.5h12.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2 1.75a.75.75 0 0 1 1.5 0v12.5a.75.75 0 0 1-1.5 0V1.75ZM6.5 5.5V4a.5.5 0 0 1 .5-.5h5.5a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5ZM5 4a2 2 0 0 1 2-2h5.5a2 2 0 0 1 2 2v1.5a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4Zm1.5 8v-1.5A.5.5 0 0 1 7 10h2a.5.5 0 0 1 .5.5V12a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5ZM5 10.5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2V12a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14 1.75a.75.75 0 0 0-1.5 0v12.5a.75.75 0 0 0 1.5 0V1.75ZM9.5 5.5V4a.5.5 0 0 0-.5-.5H3.5A.5.5 0 0 0 3 4v1.5a.5.5 0 0 0 .5.5H9a.5.5 0 0 0 .5-.5ZM11 4a2 2 0 0 0-2-2H3.5a2 2 0 0 0-2 2v1.5a2 2 0 0 0 2 2H9a2 2 0 0 0 2-2V4Zm-1.5 8v-1.5A.5.5 0 0 0 9 10H7a.5.5 0 0 0-.5.5V12a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5Zm1.5-1.5a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2V12a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.75 2a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5H1.75ZM5.5 6.5H4a.5.5 0 0 0-.5.5v5.5a.5.5 0 0 0 .5.5h1.5a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5ZM4 5a2 2 0 0 0-2 2v5.5a2 2 0 0 0 2 2h1.5a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H4Zm8 1.5h-1.5a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5H12a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5ZM10.5 5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2H12a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.829 2.5h4.342a.5.5 0 0 1 .354.146l2.829 2.829a.5.5 0 0 1 .146.353v4.343a.5.5 0 0 1-.146.354l-2.829 2.829a.5.5 0 0 1-.354.146H5.83a.5.5 0 0 1-.354-.146l-2.829-2.829a.5.5 0 0 1-.146-.354V5.829a.5.5 0 0 1 .147-.353l2.828-2.829a.5.5 0 0 1 .354-.146Zm-1.415-.914A2 2 0 0 1 5.83 1h4.342a2 2 0 0 1 1.415.586l2.828 2.828A2 2 0 0 1 15 5.828v4.343a2 2 0 0 1-.586 1.415l-2.828 2.828A2 2 0 0 1 10.17 15H5.83a2 2 0 0 1-1.415-.586l-2.828-2.828A2 2 0 0 1 1 10.17V5.828a2 2 0 0 1 .586-1.414l2.828-2.828ZM6.53 5.47a.75.75 0 1 0-1.06 1.06L6.94 8 5.47 9.47a.75.75 0 1 0 1.06 1.06L8 9.06l1.47 1.47a.75.75 0 1 0 1.06-1.06L9.06 8l1.47-1.47a.75.75 0 1 0-1.06-1.06L8 6.94 6.53 5.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.75 1.75a.75.75 0 0 0-1.5 0v3a.75.75 0 0 0 1.5 0v-3ZM5.25 4a.75.75 0 0 1 0 1.5H4A1.5 1.5 0 0 0 2.5 7v4A1.5 1.5 0 0 0 4 12.5h8a1.5 1.5 0 0 0 1.5-1.5V7A1.5 1.5 0 0 0 12 5.5h-1.25a.75.75 0 0 1 0-1.5H12a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1.25Zm6 4.5a.75.75 0 0 0 0-1.5h-6.5a.75.75 0 0 0 0 1.5h6.5ZM9 10.25a.75.75 0 0 1-.75.75h-3.5a.75.75 0 0 1 0-1.5h3.5a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.012 10c.431.004.764-.15 1.002-.411.244-.268.486-.762.486-1.589a5.5 5.5 0 1 0-5.17 5.491 4.279 4.279 0 0 1-.106-.89 2.37 2.37 0 0 1 .495-1.48c.386-.493.92-.763 1.448-.914C10.69 10.06 11.303 10 12 10h.012ZM8.43 14.01v-.005.005ZM12 11.5c1.66.013 3-1.25 3-3.5a7 7 0 1 0-7 7c2.19 0 2.011-.83 1.827-1.68-.194-.898-.393-1.82 2.173-1.82ZM9 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 2.75a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-4.75-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM5.75 11a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.77 10.73a.717.717 0 0 0 .01-.01l3.08-3.08a3.889 3.889 0 1 0-5.5-5.5L4.73 4.77l-.01.01-1.667 1.666a5.303 5.303 0 0 0 7.5 7.5l3.167-3.166a.75.75 0 1 0-1.061-1.06l-3.166 3.166a3.803 3.803 0 1 1-5.379-5.379L5.33 6.291l.011-.01L8.421 3.2a2.39 2.39 0 0 1 3.38 3.378l-1.13 1.13-.012.012-2.995 2.994a.975.975 0 1 1-1.378-1.378L9.28 6.34a.75.75 0 0 0-1.06-1.06L5.225 8.274a2.475 2.475 0 0 0 3.5 3.5l1.044-1.044Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.29 13.904 5.25 10.75 2.096 8.71a2.4 2.4 0 0 1 .5-4.278l9.273-3.296a2.346 2.346 0 0 1 2.995 2.995l-1.413-.502a.844.844 0 0 0-1.08-1.08L3.1 5.846a.9.9 0 0 0-.19 1.604l2.78 1.799 3.279-3.28a.75.75 0 1 1 1.06 1.061L6.75 10.31l1.799 2.779a.9.9 0 0 0 1.604-.188l3.297-9.272 1.413.502-3.296 9.273a2.4 2.4 0 0 1-4.277.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.5 3v10a.5.5 0 0 0 .5.5h7a1.5 1.5 0 0 0 1.5-1.5V4A1.5 1.5 0 0 0 11 2.5H4a.5.5 0 0 0-.5.5ZM2 13a2 2 0 0 0 2 2h7a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H4a2 2 0 0 0-2 2v10Zm3.5-2.25a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1-.75-.75ZM9 6.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm1.5 0a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.5 3h1.75a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5H3.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5Zm-2 .5a2 2 0 0 1 2-2h1.75a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H3.5a2 2 0 0 1-2-2v-9Zm9.25-.5h1.75a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-1.75a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5Zm-2 .5a2 2 0 0 1 2-2h1.75a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-1.75a2 2 0 0 1-2-2v-9Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.5 3.5a2 2 0 0 1 2-2H5a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H3.5a2 2 0 0 1-2-2v-9Zm7.5 0a2 2 0 0 1 2-2h1.5a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H11a2 2 0 0 1-2-2v-9Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.423 1A3.577 3.577 0 0 1 15 4.577c0 .27-.108.53-.3.722l-.528.529-1.971 1.971-5.059 5.059a3 3 0 0 1-1.533.82l-2.638.528a1 1 0 0 1-1.177-1.177l.528-2.638a3 3 0 0 1 .82-1.533l5.059-5.059 2.5-2.5c.191-.191.451-.299.722-.299Zm-2.31 4.009-4.91 4.91a1.5 1.5 0 0 0-.41.766l-.38 1.903 1.902-.38a1.5 1.5 0 0 0 .767-.41l4.91-4.91a2.077 2.077 0 0 0-1.88-1.88Zm3.098.658a3.59 3.59 0 0 0-1.878-1.879l1.28-1.28c.995.09 1.788.884 1.878 1.88l-1.28 1.28Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.238 3.64a1.854 1.854 0 0 0-1.629-1.628l-.8.8a3.367 3.367 0 0 1 1.63 1.628l.799-.8ZM4.74 7.88l3.87-3.868a1.854 1.854 0 0 1 1.628 1.629L6.369 9.51a1.5 1.5 0 0 1-.814.418l-1.48.247.247-1.48a1.5 1.5 0 0 1 .418-.814ZM9.72.78l-2 2-4.04 4.04a3 3 0 0 0-.838 1.628L2.48 10.62a1 1 0 0 0 1.151 1.15l2.17-.36a3 3 0 0 0 1.629-.839l4.04-4.04 2-2c.18-.18.28-.423.28-.677A3.353 3.353 0 0 0 10.397.5c-.254 0-.498.1-.678.28ZM2.75 13a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.169 6.331a3 3 0 0 0-.833 1.6l-.338 1.912a1 1 0 0 0 1.159 1.159l1.912-.338a3 3 0 0 0 1.6-.833l3.07-3.07 2-2A.894.894 0 0 0 15 4.13 3.13 3.13 0 0 0 11.87 1a.894.894 0 0 0-.632.262l-2 2-3.07 3.07Zm3.936-1.814L7.229 7.392a1.5 1.5 0 0 0-.416.8L6.6 9.4l1.208-.213.057-.01a1.5 1.5 0 0 0 .743-.406l2.875-2.876a1.63 1.63 0 0 0-1.378-1.378Zm2.558.199a3.143 3.143 0 0 0-1.379-1.38l.82-.82a1.63 1.63 0 0 1 1.38 1.38l-.82.82ZM8 2.25a.75.75 0 0 0-.75-.75H4.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3V8.75a.75.75 0 0 0-1.5 0v2.75a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3h2.75A.75.75 0 0 0 8 2.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 7.5a3 3 0 1 1 0-6 3 3 0 0 1 0 6Zm1.5-3a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 10a3 3 0 1 1 0-6 3 3 0 1 1 0 6Zm1.5-3a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm.78-8.22a.75.75 0 0 0-1.06-1.06l-10.5 10.5a.75.75 0 1 0 1.06 1.06l10.5-10.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10 4.5a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm1.5 0a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-9 8c0-.204.22-.809 1.32-1.459C4.838 10.44 6.32 10 8 10c1.68 0 3.162.44 4.18 1.041 1.1.65 1.32 1.255 1.32 1.459a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1Zm5.5-4c-3.85 0-7 2-7 4A2.5 2.5 0 0 0 3.5 15h9a2.5 2.5 0 0 0 2.5-2.5c0-2-3.15-4-7-4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M7 6.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM7 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-.5 1.299c0-.43-.36-.774-.785-.724C2.473 8.955 0 10.728 0 12.5A2.5 2.5 0 0 0 2.5 15h3.25a.75.75 0 0 0 0-1.5H2.5a1 1 0 0 1-1-1c0-.205.22-.809 1.32-1.459.765-.452 1.792-.813 2.969-.964.397-.051.711-.378.711-.778Zm8.002 1.89a2.223 2.223 0 0 1-1.66-2.138l-.68-.256a2.38 2.38 0 0 1-2.747.816l-.406.569c.57.788.57 1.87 0 2.657l.406.569a2.38 2.38 0 0 1 2.747.816l.68-.255a2.223 2.223 0 0 1 1.66-2.139v-.639Zm-.112-2.396a.715.715 0 0 0-.418-.921l-1.798-.674a.865.865 0 0 0-1.114.506.87.87 0 0 1-1.32.395.884.884 0 0 0-1.23.2L7.434 9.805a.771.771 0 0 0 .179 1.076c.43.308.43.948 0 1.255a.771.771 0 0 0-.18 1.076l1.077 1.506a.884.884 0 0 0 1.23.2.87.87 0 0 1 1.32.395.865.865 0 0 0 1.114.506l1.798-.674a.715.715 0 0 0 .418-.92.715.715 0 0 1 .67-.966h.134a.808.808 0 0 0 .809-.809v-1.883a.808.808 0 0 0-.809-.808h-.135a.715.715 0 0 1-.669-.966Zm-1.833 2.659a1.052 1.052 0 1 1-2.103 0 1.052 1.052 0 0 1 2.103 0Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 6.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM8 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm1 1.225a.71.71 0 0 0-.679-.72A11.087 11.087 0 0 0 8 8.5c-3.85 0-7 2-7 4A2.5 2.5 0 0 0 3.5 15h3.25a.75.75 0 0 0 0-1.5H3.5a1 1 0 0 1-1-1c0-.204.22-.809 1.32-1.459C4.838 10.44 6.32 10 8 10c.058 0 .117 0 .175.002.442.008.825-.335.825-.777Zm4 3.275a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm0 1.5a2.986 2.986 0 0 1-1.524-.415L10.03 15.03a.75.75 0 1 1-1.06-1.06l1.445-1.446A3 3 0 1 1 13 14Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7 6.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM7 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-.5 1.299c0-.43-.36-.774-.785-.724C2.473 8.955 0 10.728 0 12.5A2.5 2.5 0 0 0 2.5 15h3.25a.75.75 0 0 0 0-1.5H2.5a1 1 0 0 1-1-1c0-.205.22-.809 1.32-1.459.765-.452 1.792-.813 2.969-.964.397-.051.711-.378.711-.778Zm6.373 5.201 1.406-2.5-1.406-2.5h-2.746L8.721 12l1.406 2.5h2.746Zm2.713-1.765a1.5 1.5 0 0 0 0-1.47l-1.406-2.5A1.5 1.5 0 0 0 12.873 8h-2.746a1.5 1.5 0 0 0-1.307.765l-1.406 2.5a1.5 1.5 0 0 0 0 1.47l1.406 2.5a1.5 1.5 0 0 0 1.307.765h2.746a1.5 1.5 0 0 0 1.307-.765l1.406-2.5ZM12.5 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 6.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM8 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm1 1.225a.71.71 0 0 0-.679-.72A11.087 11.087 0 0 0 8 8.5c-3.85 0-7 2-7 4A2.5 2.5 0 0 0 3.5 15h2.25a.75.75 0 0 0 0-1.5H3.5a1 1 0 0 1-1-1c0-.204.22-.809 1.32-1.459C4.838 10.44 6.32 10 8 10c.058 0 .117 0 .175.002.442.008.825-.335.825-.777Zm3.59.307c.434.102.776.444.879.878l-2.823 2.822a1.5 1.5 0 0 1-.848.425l-.53.075.075-.53a1.5 1.5 0 0 1 .425-.848l2.822-2.822Zm-.883 4.76 3.068-3.067a.767.767 0 0 0 .225-.543A2.683 2.683 0 0 0 12.318 8a.766.766 0 0 0-.543.224l-3.068 3.069a3 3 0 0 0-.848 1.697l-.17 1.19a1 1 0 0 0 1.13 1.131l1.191-.17a3 3 0 0 0 1.697-.848Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7 6.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM7 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm3.229 3.909-.702-.28a2.5 2.5 0 0 1 3.339-1.975c-.121.185-.303.33-.523.403l-.035.012a.951.951 0 0 0 0 1.805l.46.154a.66.66 0 0 1 .383.331.66.66 0 0 0 .957.254l.365-.242a2.5 2.5 0 0 1-2.4 2.128.768.768 0 0 0 .041-.247v-.08a.686.686 0 0 0-.685-.686.686.686 0 0 1-.686-.686v-.132a.818.818 0 0 0-.514-.76ZM12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM6.25 8.525c.414-.028.75.31.75.725 0 .414-.336.747-.75.78-1.369.107-2.567.5-3.43 1.011-1.1.65-1.32 1.255-1.32 1.459a1 1 0 0 0 1 1h3.75a.75.75 0 0 1 0 1.5H2.5A2.5 2.5 0 0 1 0 12.5c0-1.868 2.75-3.737 6.25-3.975Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 6.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM8 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm1 1.225a.71.71 0 0 0-.679-.72A11.087 11.087 0 0 0 8 8.5c-3.85 0-7 2-7 4A2.5 2.5 0 0 0 3.5 15h8.75a.75.75 0 0 0 0-1.5H3.5a1 1 0 0 1-1-1c0-.204.22-.809 1.32-1.459C4.838 10.44 6.32 10 8 10c.058 0 .117 0 .175.002.442.008.825-.335.825-.777ZM13.75 8a.75.75 0 0 0-1.5 0v1.25H11a.75.75 0 0 0 0 1.5h1.25V12a.75.75 0 0 0 1.5 0v-1.25H15a.75.75 0 0 0 0-1.5h-1.25V8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm0 1.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-3.029 2.886c-.777.54-.971 1.063-.971 1.306 0 .446.362.808.808.808h6.384a.808.808 0 0 0 .808-.808c0-.244-.194-.767-.971-1.306C7.792 9.875 6.719 9.5 5.5 9.5c-1.218 0-2.292.375-3.029.886ZM0 11.692C0 9.846 2.475 8 5.5 8c1.18 0 2.278.281 3.177.734A5.671 5.671 0 0 1 11.5 8c2.475 0 4.5 1.538 4.5 3.077A1.923 1.923 0 0 1 14.077 13h-3.483c-.416.604-1.113 1-1.902 1H2.308A2.308 2.308 0 0 1 0 11.692Zm10.991-.192h3.086c.234 0 .423-.19.423-.423 0-.103-.096-.472-.688-.89-.554-.393-1.375-.687-2.312-.687-.517 0-.999.09-1.42.236.526.534.854 1.146.911 1.764ZM12.5 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM14 5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 4.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm0 1.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm-.75 1.25a.75.75 0 0 1 .75-.75c1.238 0 2.363.385 3.178.962C15.496 8.04 16 8.81 16 9.577a1.923 1.923 0 0 1-1.923 1.923h-.327a.75.75 0 0 1 0-1.5h.327c.234 0 .423-.19.423-.423 0-.105-.099-.474-.688-.89C13.257 8.293 12.437 8 11.5 8a.75.75 0 0 1-.75-.75ZM2.188 8.686C2.743 8.294 3.563 8 4.5 8a.75.75 0 0 0 0-1.5c-1.238 0-2.363.385-3.178.962C.504 8.04 0 8.81 0 9.577 0 10.639.861 11.5 1.923 11.5h.327a.75.75 0 0 0 0-1.5h-.327a.423.423 0 0 1-.423-.423c0-.105.099-.474.688-.89ZM4.5 4.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm0 1.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm6.25 3.5h-.25V9a2.5 2.5 0 1 0-5 0v.5h-.25c-.69 0-1.25.56-1.25 1.25v3c0 .69.56 1.25 1.25 1.25h5.5c.69 0 1.25-.56 1.25-1.25v-3c0-.69-.56-1.25-1.25-1.25ZM9 9v.5H7V9a1 1 0 1 1 2 0Zm-3.5 2v2.5h5V11h-5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10 4.5a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm1.5 0a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-9 8c0-.204.22-.809 1.32-1.459C4.838 10.44 6.32 10 8 10c1.68 0 3.162.44 4.18 1.041 1.1.65 1.32 1.255 1.32 1.459a1 1 0 0 1-1 1h-.25a.75.75 0 0 0 0 1.5h.25a2.5 2.5 0 0 0 2.5-2.5c0-2-3.15-4-7-4s-7 2-7 4A2.5 2.5 0 0 0 3.5 15h.25a.75.75 0 0 0 0-1.5H3.5a1 1 0 0 1-1-1Zm3.335-.92a.75.75 0 0 0-.68 1.336l.02.012c.022.013.06.038.11.074.098.074.237.195.38.373.193.242.404.604.512 1.125H5.75a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-.427c.108-.52.319-.883.513-1.125.142-.178.281-.299.38-.373a1.416 1.416 0 0 1 .128-.086.75.75 0 0 0-.68-1.337l.336.671a61.14 61.14 0 0 0-.336-.67h-.003l-.004.003-.01.005a1.686 1.686 0 0 0-.1.058 2.9 2.9 0 0 0-.231.156 3.629 3.629 0 0 0-.652.636c-.377.471-.733 1.146-.863 2.062H7.7c-.13-.916-.486-1.59-.863-2.062a3.629 3.629 0 0 0-.652-.636 2.9 2.9 0 0 0-.331-.214l-.01-.005-.004-.002-.002-.001c-.001 0-.002 0-.337.67l.335-.67Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.535 3A3.503 3.503 0 0 1 7.25.08v1.67a.75.75 0 1 0 1.5 0V.08A3.503 3.503 0 0 1 11.464 3h.286a.75.75 0 0 1 0 1.5h-.25a3.5 3.5 0 0 1-7 0h-.25a.75.75 0 0 1 0-1.5h.285ZM8 6.5a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2Zm-5.5 6c0-.204.22-.809 1.32-1.459a5.74 5.74 0 0 1 .223-.125L5.01 13.5H3.5a1 1 0 0 1-1-1Zm4.114 1-1.179-3.143A9.213 9.213 0 0 1 8 10c.93 0 1.8.135 2.565.357L9.387 13.5H6.612Zm4.375 0H12.5a1 1 0 0 0 1-1c0-.204-.22-.809-1.32-1.459a5.7 5.7 0 0 0-.223-.125l-.969 2.584ZM8 8.5c-3.85 0-7 2-7 4A2.5 2.5 0 0 0 3.5 15h9a2.5 2.5 0 0 0 2.5-2.5c0-2-3.15-4-7-4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 6.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM8 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm1 1.225a.71.71 0 0 0-.679-.72A11.087 11.087 0 0 0 8 8.5c-3.85 0-7 2-7 4A2.5 2.5 0 0 0 3.5 15h8.75a.75.75 0 0 0 0-1.5H3.5a1 1 0 0 1-1-1c0-.204.22-.809 1.32-1.459C4.838 10.44 6.32 10 8 10c.058 0 .117 0 .175.002.442.008.825-.335.825-.777Zm4-.286-.97-.97a.75.75 0 1 0-1.06 1.061l.97.97-.97.97a.75.75 0 1 0 1.06 1.06l.97-.97.97.97a.75.75 0 1 0 1.06-1.06l-.97-.97.97-.97a.75.75 0 0 0-1.06-1.06l-.97.97Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3h-7A1.5 1.5 0 0 0 3 4.5v5.027l.962-.7a1.75 1.75 0 0 1 2.079.016l.928.696 2.368-2.03a1.75 1.75 0 0 1 2.325.043L13 8.787V4.5A1.5 1.5 0 0 0 11.5 3Zm3 7.498V4.5a3 3 0 0 0-3-3h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-1.002Zm-1.5.33-2.355-2.174a.25.25 0 0 0-.332-.006L7.488 11.07l-.457.392-.481-.361-1.41-1.057a.25.25 0 0 0-.296-.002L3 11.381v.119A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-.672ZM7.5 6a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.922 3.7 7.81 4.81 6.444 6.179a3.326 3.326 0 0 0 3.378 3.378L11.19 8.19l1.11-1.11A2.39 2.39 0 0 0 8.922 3.7ZM7 3.5l-2 2-2.36 2.36a3.89 3.89 0 1 0 5.5 5.5L10.5 11l2-2 .86-.86a3.889 3.889 0 1 0-5.5-5.5L7 3.5Zm.078 8.8 1.413-1.412A4.852 4.852 0 0 1 5.11 7.51L3.7 8.922A2.39 2.39 0 0 0 7.078 12.3Zm.892-6.33a.75.75 0 1 0 1.06 1.06l1.5-1.5a.75.75 0 1 0-1.06-1.06l-1.5 1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.5 2.255v-.01c.003-.03.013-.157-.361-.35C9.703 1.668 8.966 1.5 8 1.5c-.967 0-1.703.169-2.138.394-.375.194-.365.32-.362.351v.01c-.003.03-.013.157.362.35C6.297 2.832 7.033 3 8 3c.967 0 1.703-.169 2.139-.394.374-.194.364-.32.361-.351ZM8 4.5c.506 0 .99-.04 1.436-.118l.84 2.352.253.707.717.221c.648.2 1.055.44 1.277.65.192.18.227.31.227.438 0 .14-.055.488-.937.878-.869.384-2.2.622-3.813.622s-2.944-.238-3.813-.622c-.882-.39-.937-.738-.937-.878 0-.128.035-.259.227-.439.222-.209.629-.448 1.277-.649l.717-.221.253-.707.84-2.352c.445.079.93.118 1.436.118Zm4-2.25c0 .738-.433 1.294-1.136 1.669l.825 2.31c1.553.48 2.561 1.32 2.561 2.52 0 1.854-2.402 2.848-5.5 2.985V15a.75.75 0 0 1-1.5 0v-3.266c-3.098-.136-5.5-1.131-5.5-2.984 0-1.2 1.008-2.04 2.561-2.52l.825-2.311C4.433 3.544 4 2.988 4 2.25 4 .75 5.79 0 8 0s4 .75 4 2.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.5 2.255v-.01c.003-.03.013-.157-.361-.35C9.703 1.668 8.966 1.5 8 1.5c-.967 0-1.703.169-2.138.394-.375.194-.365.32-.362.351v.01c-.003.03-.013.157.362.35C6.297 2.832 7.033 3 8 3c.967 0 1.703-.169 2.139-.394.374-.194.364-.32.361-.351ZM12 2.25c0 .738-.433 1.294-1.136 1.669l.825 2.31c1.553.48 2.561 1.32 2.561 2.52 0 1.854-2.402 2.848-5.5 2.985V15a.75.75 0 0 1-1.5 0v-3.266c-3.098-.136-5.5-1.131-5.5-2.984 0-1.2 1.008-2.04 2.561-2.52l.825-2.311C4.433 3.544 4 2.988 4 2.25 4 .75 5.79 0 8 0s4 .75 4 2.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.5 2.255v-.01c.003-.03.013-.157-.361-.35C9.703 1.668 8.966 1.5 8 1.5c-.967 0-1.703.169-2.138.394-.375.194-.365.32-.362.351v.01c0 .008-.002.024.005.048L4.38 1.179C5.02.393 6.4 0 8 0c2.21 0 4 .75 4 2.25 0 .738-.433 1.294-1.136 1.669l.825 2.31c1.553.48 2.561 1.32 2.561 2.52 0 .617-.266 1.138-.734 1.565l-1.061-1.061c.27-.227.295-.41.295-.503 0-.128-.035-.259-.226-.439-.223-.209-.63-.448-1.278-.649l-.552-.17-.228-.228-.19-.53-.84-2.352a8.304 8.304 0 0 1-1.739.113l-1.96-1.96c.037.023.077.046.125.07C6.297 2.832 7.033 3 8 3c.967 0 1.703-.169 2.139-.394.374-.194.364-.32.361-.351Zm-.008 9.297 2.478 2.478a.75.75 0 1 0 1.06-1.06l-11-11a.75.75 0 0 0-1.06 1.06l2.567 2.567-.226.632C2.758 6.71 1.75 7.55 1.75 8.75c0 1.854 2.402 2.848 5.5 2.985V15a.75.75 0 0 0 1.5 0v-3.266a13.889 13.889 0 0 0 1.742-.182Zm-1.345-1.345L5.71 6.771l-.239.67-.717.221c-.648.2-1.055.44-1.277.65-.192.18-.227.31-.227.438 0 .14.055.488.937.878.869.384 2.2.622 3.813.622.4 0 .784-.015 1.147-.043Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.5 2.255v-.01c.003-.03.013-.157-.361-.35C9.703 1.668 8.966 1.5 8 1.5c-.967 0-1.703.169-2.138.394-.375.194-.365.32-.362.351v.01c0 .008-.002.024.005.048L4.38 1.179C5.02.393 6.4 0 8 0c2.21 0 4 .75 4 2.25 0 .738-.433 1.294-1.136 1.669l.825 2.31c1.553.48 2.561 1.32 2.561 2.52 0 .617-.266 1.138-.734 1.565L5.738 2.536c.035.022.076.045.124.07C6.297 2.83 7.033 3 8 3c.967 0 1.703-.169 2.139-.394.374-.194.364-.32.361-.351ZM4.537 5.597l-.226.632C2.758 6.71 1.75 7.55 1.75 8.75c0 1.854 2.402 2.848 5.5 2.985V15a.75.75 0 0 0 1.5 0v-3.266a13.889 13.889 0 0 0 1.742-.182l2.478 2.478a.75.75 0 1 0 1.06-1.06l-11-11a.75.75 0 0 0-1.06 1.06l2.567 2.567Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M0 1.75A.75.75 0 0 1 .75 1h6a.75.75 0 0 1 0 1.5H6.5v2.25a.5.5 0 0 0 .5.5h2.25A5.75 5.75 0 0 1 15 11v2.5h.25a.75.75 0 0 1 0 1.5h-6a.75.75 0 0 1 0-1.5h.25v-2.25a.5.5 0 0 0-.5-.5H6.75A5.75 5.75 0 0 1 1 5V2.5H.75A.75.75 0 0 1 0 1.75ZM11 13.5h2.5V11a4.25 4.25 0 0 0-4.25-4.25h-.5v2.5H9a2 2 0 0 1 2 2v2.25Zm-8.5-11H5v2.25a2 2 0 0 0 2 2h.25v2.5h-.5A4.25 4.25 0 0 1 2.5 5V2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5c1.63 0 3.094-.709 4.101-1.835A2.501 2.501 0 0 1 10.25 9.25V9a.75.75 0 0 0-.75-.75 2.25 2.25 0 0 1 0-4.5.75.75 0 0 0 .75-.75v-.02a5.502 5.502 0 0 0-7.471 3.287A2.25 2.25 0 0 1 4.75 8.5c0 .414.336.75.75.75a2.25 2.25 0 0 1 1.265 4.11c.397.092.81.14 1.235.14Zm-3.491-1.25H5.5a.75.75 0 0 0 0-1.5A2.25 2.25 0 0 1 3.25 8.5a.75.75 0 0 0-.744-.75 5.489 5.489 0 0 0 2.003 4.5Zm8.241-2h.27A5.48 5.48 0 0 0 13.5 8c0-1.665-.74-3.158-1.91-4.166A2.25 2.25 0 0 1 9.5 5.25a.75.75 0 0 0 0 1.5A2.25 2.25 0 0 1 11.75 9v.25a1 1 0 0 0 1 1ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M14.005 7.134 5.5 2.217a1 1 0 0 0-1.5.866v9.834a1 1 0 0 0 1.5.866l8.505-4.917a1 1 0 0 0 0-1.732Zm.751 3.03c1.665-.962 1.665-3.366 0-4.329L6.251.918C4.585-.045 2.5 1.158 2.5 3.083v9.834c0 1.925 2.085 3.128 3.751 2.164l8.505-4.917Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M14.756 10.164c1.665-.962 1.665-3.366 0-4.329L6.251.918C4.585-.045 2.5 1.158 2.5 3.083v9.834c0 1.925 2.085 3.128 3.751 2.164l8.505-4.917Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M15.53 1.53A.75.75 0 0 0 14.47.47l-1.29 1.29a4.243 4.243 0 0 0-5.423.483l-.58.58a.958.958 0 0 0 0 1.354l4.646 4.646a.958.958 0 0 0 1.354 0l.58-.58a4.243 4.243 0 0 0 .484-5.423l1.29-1.29Zm-8.5 4.94a.75.75 0 0 1 0 1.06L5.78 8.78l1.44 1.44 1.25-1.25a.75.75 0 0 1 1.06 1.06l-1.25 1.25.543.543a.958.958 0 0 1 0 1.354l-.58.58a4.243 4.243 0 0 1-5.423.484l-1.29 1.29A.75.75 0 0 1 .47 14.47l1.29-1.29a4.243 4.243 0 0 1 .483-5.423l.58-.58a.958.958 0 0 1 1.354 0l.543.543 1.25-1.25a.75.75 0 0 1 1.06 0ZM3.5 8.62l-.197.197a2.743 2.743 0 0 0 3.879 3.879l.197-.197L3.5 8.621Zm9.197-1.439-.197.197L8.621 3.5l.197-.197a2.743 2.743 0 0 1 3.879 3.879Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M11.89 4.111a5.5 5.5 0 0 0-7.78 0c-2.599 2.6-2.12 5.657-1.06 6.718a.75.75 0 0 0 1.06 0l.925-.925a3.09 3.09 0 0 1-.173-2.843l.547-1.23a1 1 0 0 1 1.62-.302l.19.19.75-.75A.75.75 0 1 1 9.03 6.03l-.75.75.94.94.75-.75a.75.75 0 1 1 1.06 1.06l-.75.75.19.19a1 1 0 0 1-.3 1.621l-1.231.547a3.089 3.089 0 0 1-2.843-.173l-.924.924a2.25 2.25 0 0 1-3.182 0C.222 10.122-.007 6.107 3.05 3.05a7 7 0 1 1 2.983 11.67.75.75 0 1 1 .42-1.44 5.5 5.5 0 0 0 5.436-9.168Zm-5.658 3.56.252-.566 2.411 2.411-.566.252A1.589 1.589 0 0 1 6.232 7.67Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 1.75a.75.75 0 0 1 .75.75v4.75h4.75a.75.75 0 0 1 0 1.5H8.75v4.75a.75.75 0 0 1-1.5 0V8.75H2.5a.75.75 0 0 1 0-1.5h4.75V2.5A.75.75 0 0 1 8 1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.75 1.75a.75.75 0 0 0-1.5 0v5.5a.75.75 0 0 0 1.5 0v-5.5ZM4.92 3.442A.75.75 0 1 0 4.08 2.2a7 7 0 1 0 7.841 0 .75.75 0 1 0-.841 1.242 5.5 5.5 0 1 1-6.159 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.75 2.5h-5.5a.75.75 0 0 0-.75.75V4h7v-.75a.75.75 0 0 0-.75-.75ZM13 4v-.75A2.25 2.25 0 0 0 10.75 1h-5.5A2.25 2.25 0 0 0 3 3.25V4a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h1v1a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-1h1a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3Zm-9 6v.5H3A1.5 1.5 0 0 1 1.5 9V7A1.5 1.5 0 0 1 3 5.5h10A1.5 1.5 0 0 1 14.5 7v2a1.5 1.5 0 0 1-1.5 1.5h-1V10a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2Zm6-.5H6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5Zm2.5-1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M9.235 1a.75.75 0 0 1 .74.56l2.034 7.726 1.09-1.908A.75.75 0 0 1 13.75 7h1.5a.75.75 0 0 1 0 1.5h-1.065l-1.784 3.122a.75.75 0 0 1-1.376-.181l-1.71-6.496-2.083 9.466a.75.75 0 0 1-1.446.07L3.544 7.55l-.65 1.085A.75.75 0 0 1 2.25 9H.75a.75.75 0 1 1 0-1.5h1.075l1.282-2.136a.75.75 0 0 1 1.357.155l1.898 5.868 2.156-9.798A.75.75 0 0 1 9.235 1Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.731 4H4.5A1.5 1.5 0 0 0 3 5.5v.377a2.72 2.72 0 0 1 0 5.246v.377A1.5 1.5 0 0 0 4.5 13h.377a2.72 2.72 0 0 1 5.246 0h.377a1.5 1.5 0 0 0 1.5-1.5v-1.232l1-.353a1.501 1.501 0 0 0 0-2.83l-1-.354V5.5A1.5 1.5 0 0 0 10.5 4H9.269l-.354-1a1.501 1.501 0 0 0-2.83 0l-.354 1ZM8.9 14.5l-.204-1.02a1.22 1.22 0 0 0-2.392 0L6.1 14.5H4.5a3 3 0 0 1-3-3V9.9l1.02-.204a1.22 1.22 0 0 0 0-2.392L1.5 7.1V5.5a3 3 0 0 1 3-3h.17a3.001 3.001 0 0 1 5.66 0h.17a3 3 0 0 1 3 3v.17a3.001 3.001 0 0 1 0 5.66v.17a3 3 0 0 1-3 3H8.9Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.75 2.25a.75.75 0 0 0-1.5 0v5h-5a.75.75 0 0 0 0 1.5h5.5a1 1 0 0 0 1-1v-5.5ZM7.25 11a1 1 0 0 1 1-1H11a.75.75 0 0 1 0 1.5H8.75v2.25a.75.75 0 0 1-1.5 0V11ZM13 13h-2.25a.75.75 0 0 0 0 1.5h2.75a1 1 0 0 0 1-1V8.25a1 1 0 0 0-1-1h-2.75a.75.75 0 0 0 0 1.5H13V13ZM3 4.5V3h1.5v1.5H3Zm-1.5-2a1 1 0 0 1 1-1H5a1 1 0 0 1 1 1V5a1 1 0 0 1-1 1H2.5a1 1 0 0 1-1-1V2.5Zm1.5 9V13h1.5v-1.5H3ZM2.5 10a1 1 0 0 0-1 1v2.5a1 1 0 0 0 1 1H5a1 1 0 0 0 1-1V11a1 1 0 0 0-1-1H2.5Zm9-5.5V3H13v1.5h-1.5Zm-1.5-2a1 1 0 0 1 1-1h2.5a1 1 0 0 1 1 1V5a1 1 0 0 1-1 1H11a1 1 0 0 1-1-1V2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M3.589 9.67A2.751 2.751 0 0 1 1.5 7v-.25A2.75 2.75 0 0 1 4.25 4h.25a2.747 2.747 0 0 1 2.748 2.657v.003h.002V7c0 .131-.01.26-.027.386-.02.261-.05.518-.09.77a8.028 8.028 0 0 1-.559 1.918 7.208 7.208 0 0 1-2.162 2.801 7.043 7.043 0 0 1-.098.076.237.237 0 0 1-.144.049.251.251 0 0 1-.22-.367 17.026 17.026 0 0 0 .65-1.384c.197-.474.396-1.013.557-1.578a2.712 2.712 0 0 1-.657.079h-.25c-.228 0-.45-.028-.661-.08Zm-.549 1.405A4.252 4.252 0 0 1 0 7v-.25A4.25 4.25 0 0 1 4.25 2.5h.25c1.452 0 2.733.728 3.5 1.838A4.245 4.245 0 0 1 11.5 2.5h.25A4.25 4.25 0 0 1 16 6.664V7c0 .183-.012.365-.035.543-.207 2.62-1.358 4.966-3.488 6.599a1.738 1.738 0 0 1-1.057.358c-1.341 0-2.146-1.425-1.548-2.564.111-.211.26-.508.418-.86a4.252 4.252 0 0 1-2.005-1.297 8.763 8.763 0 0 1-3.058 4.363 1.738 1.738 0 0 1-1.057.358c-1.341 0-2.146-1.425-1.548-2.564.111-.211.26-.508.418-.86Zm7.8-1.405c.211.052.433.08.661.08h.25a2.76 2.76 0 0 0 .657-.079 14.405 14.405 0 0 1-.68 1.865 17.927 17.927 0 0 1-.527 1.097.251.251 0 0 0 .22.367.238.238 0 0 0 .144-.049l.098-.076a7.207 7.207 0 0 0 2.221-2.94 8.027 8.027 0 0 0 .5-1.779 9.01 9.01 0 0 0 .09-.77A2.73 2.73 0 0 0 14.501 7v-.339H14.5v-.004A2.747 2.747 0 0 0 11.75 4h-.251a2.75 2.75 0 0 0-2.75 2.75V7c0 1.29.89 2.374 2.089 2.67Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M12.411 6.33A2.751 2.751 0 0 1 14.5 9v.25A2.75 2.75 0 0 1 11.75 12h-.25a2.747 2.747 0 0 1-2.748-2.657V9.34H8.75V9c0-.131.01-.26.027-.386.02-.261.05-.518.09-.77a8.028 8.028 0 0 1 .559-1.918 7.207 7.207 0 0 1 2.162-2.801l.098-.076A.238.238 0 0 1 11.83 3c.186 0 .306.202.22.367a18.552 18.552 0 0 0-.22.433 17.949 17.949 0 0 0-.43.951 14.39 14.39 0 0 0-.557 1.578l.054-.013a2.76 2.76 0 0 1 .603-.066h.25c.228 0 .45.028.661.08Zm.549-1.405A4.252 4.252 0 0 1 16 9v.25a4.25 4.25 0 0 1-4.25 4.25h-.25A4.245 4.245 0 0 1 8 11.662 4.245 4.245 0 0 1 4.5 13.5h-.25A4.25 4.25 0 0 1 0 9.336V9c0-.183.012-.365.035-.543.207-2.62 1.358-4.966 3.488-6.599A1.738 1.738 0 0 1 4.58 1.5c1.341 0 2.146 1.425 1.548 2.564-.111.211-.26.508-.418.86.788.234 1.481.69 2.005 1.297a8.763 8.763 0 0 1 3.058-4.363A1.738 1.738 0 0 1 11.83 1.5c1.341 0 2.146 1.425 1.548 2.564-.111.211-.26.508-.418.86ZM5.16 6.33a2.756 2.756 0 0 0-.661-.08h-.25a2.76 2.76 0 0 0-.657.079 14.398 14.398 0 0 1 .68-1.865A17.736 17.736 0 0 1 4.8 3.367.251.251 0 0 0 4.58 3a.238.238 0 0 0-.144.049 7.737 7.737 0 0 0-.93.844 7.208 7.208 0 0 0-1.39 2.172 8.029 8.029 0 0 0-.498 1.779 8.753 8.753 0 0 0-.091.77A2.773 2.773 0 0 0 1.5 9v.339h.001v.004A2.747 2.747 0 0 0 4.25 12h.251a2.75 2.75 0 0 0 2.75-2.75V9c0-1.29-.89-2.374-2.089-2.67Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.3 2 3.9.5 2 2v13.5l1.5-.776L4.9 14l2.4 1.5L9.7 14l2.4 1.5L14 14V.5l-1.5.776L11.1 2 8.7.5 6.3 2Zm2.4.269L7.095 3.272l-.795.497-.795-.497-1.504-.94-.501.395v10.308l.71-.367.76-.393.725.453L7.3 13.731l1.605-1.003.795-.497.795.497 1.504.94.501-.395V2.965l-.71.367-.76.393-.725-.453L8.7 2.269ZM5 6.5a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5A.75.75 0 0 1 5 6.5Zm.75 2.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M12.5 12.5h-9A1.5 1.5 0 0 1 2 11V9h3a.75.75 0 0 0 .648-.372l1.02-1.748 1.9 4.18a.75.75 0 0 0 1.33.068L11.43 8.5H14V11a1.5 1.5 0 0 1-1.5 1.5ZM14 7h-3a.75.75 0 0 0-.648.372L9.332 9.12l-1.9-4.18a.75.75 0 0 0-1.33-.068L4.57 7.5H2V5a1.5 1.5 0 0 1 1.5-1.5h9A1.5 1.5 0 0 1 14 5v2ZM3.5 14h9a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3h-9a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.5 3h2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5Zm-2 .5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-2Zm9-.5h2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5Zm-2 .5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-2Zm-3 6.5h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5Zm-2-1.5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2Zm7 1.5h2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5Zm-2 .5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M15.37 1.268a.75.75 0 0 0-.62-.634 7.745 7.745 0 0 0-7.516 3.055l-.156.212-2.59.112a.75.75 0 0 0-.433.16L.696 6.827a.75.75 0 0 0 .206 1.292L4.25 9.352c.673.273 1.13.56 1.484.913.352.353.64.811.913 1.484l1.234 3.35a.75.75 0 0 0 1.292.205l2.652-3.36a.75.75 0 0 0 .16-.431l.113-2.591.212-.156a7.745 7.745 0 0 0 3.058-7.498ZM4.794 5.501l1.144-.05-1.69 2.302-1.572-.58 2.118-1.672Zm4.032 7.822-.58-1.572 2.302-1.69-.05 1.145-1.672 2.117Zm5.127-11.277a6.246 6.246 0 0 0-5.511 2.531l-2.78 3.786c.425.237.8.51 1.132.842.332.332.606.707.842 1.133l3.786-2.78a6.246 6.246 0 0 0 2.53-5.512ZM2.378 13.952a5.36 5.36 0 0 1-.377.053 5.52 5.52 0 0 1 .05-.366c.104-.59.294-1.014.527-1.247.244-.244.694-.274 1.004.036.31.31.281.76.036 1.005-.223.223-.644.413-1.24.519ZM.48 15.069a7.796 7.796 0 0 1 .025-1.18c.082-.838.33-1.876 1.012-2.557.853-.854 2.253-.838 3.126.035.873.874.89 2.273.036 3.126-1.082 1.082-3.112 1.068-3.735 1.036a.487.487 0 0 1-.319-.145.486.486 0 0 1-.145-.316Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.22 2.28a.75.75 0 0 1 1.06-1.06 9.589 9.589 0 0 1 0 13.56.75.75 0 1 1-1.06-1.06 8.089 8.089 0 0 0 0-11.44Zm-6.44 0a.75.75 0 0 0-1.06-1.06 9.589 9.589 0 0 0 0 13.56.75.75 0 0 0 1.06-1.06 8.089 8.089 0 0 1 0-11.44Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.25 5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm0 1.5a2.751 2.751 0 0 1-2.646-2H4.577a.827.827 0 0 0-.238 1.619l7.753 2.326A2.327 2.327 0 0 1 11.423 13H6.396a2.751 2.751 0 1 1 0-1.5h5.027a.827.827 0 0 0 .238-1.619L3.908 7.556A2.327 2.327 0 0 1 4.577 3h5.027a2.751 2.751 0 1 1 2.646 3.5ZM5 12.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M5.042.156a.75.75 0 0 1 .83-.057c.832.475 1.507.75 2.156.886.644.134 1.304.139 2.116.023a.75.75 0 0 1 .83.94l-.562 2.06C12.957 5.758 14 10.142 14 12.75c0 2-3 3.25-6 3.25s-6-1.25-6-3.25c0-2.608 1.044-6.995 3.592-8.745L4.775.943a.75.75 0 0 1 .267-.787ZM7.992 5.6c.536.005 1.044-.116 1.605-.332.55.385 1.046.983 1.486 1.785a3.895 3.895 0 0 1-2.96.706.75.75 0 1 0-.246 1.48 5.408 5.408 0 0 0 3.83-.793c.543 1.494.793 3.122.793 4.303 0 .15-.114.568-1.046 1.033-.875.438-2.136.717-3.454.717s-2.579-.279-3.454-.717C3.614 13.318 3.5 12.9 3.5 12.75c0-.41.03-.874.092-1.368a8.153 8.153 0 0 0 5.251 1.112.75.75 0 1 0-.186-1.488c-1.719.215-3.356-.225-4.768-1.219.199-.808.477-1.627.84-2.37.485-.989 1.047-1.71 1.678-2.15.549.2 1.053.329 1.586.334ZM6.646 2.135l.479 1.793c.364.12.633.17.882.173.247.002.513-.042.87-.166l.368-1.347a6.67 6.67 0 0 1-2.599-.453Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.25 3h-4.5v10h2.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.5V3h-4.5a.75.75 0 0 1 0-1.5h10.5a.75.75 0 0 1 0 1.5ZM1.643 8.568l.007.018a1.454 1.454 0 0 0 2.7 0l.007-.018L3 5.854 1.643 8.568ZM3 4c-.46 0-.88.26-1.085.67L.2 8.099a1 1 0 0 0-.034.819l.09.226a2.954 2.954 0 0 0 5.486 0l.09-.226a1 1 0 0 0-.034-.819L4.085 4.671A1.214 1.214 0 0 0 3 4Zm8.643 4.568.007.018a1.454 1.454 0 0 0 2.7 0l.007-.018L13 5.854l-1.357 2.714ZM13 4c-.46 0-.88.26-1.085.67L10.2 8.099a1 1 0 0 0-.034.819l.09.226a2.954 2.954 0 0 0 5.486 0l.09-.226a1 1 0 0 0-.034-.819l-1.714-3.427A1.214 1.214 0 0 0 13 4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.983.843a.75.75 0 0 1-.576.89l-4.657.998V13h2.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.5V3.053l-4.343.93a.75.75 0 1 1-.314-1.466l10.5-2.25a.75.75 0 0 1 .89.576Zm-2.34 6.725.007.018a1.454 1.454 0 0 0 2.7 0l.007-.018L13 4.854l-1.357 2.714ZM13 3c-.46 0-.88.26-1.085.67L10.2 7.099a1 1 0 0 0-.034.819l.09.226a2.954 2.954 0 0 0 5.486 0l.09-.226a1 1 0 0 0-.034-.819l-1.714-3.427A1.214 1.214 0 0 0 13 3ZM1.643 9.568l.007.018a1.454 1.454 0 0 0 2.7 0l.007-.018L3 6.854 1.643 9.568ZM3 5c-.46 0-.88.26-1.085.67L.2 9.099a1 1 0 0 0-.034.819l.09.226a2.954 2.954 0 0 0 5.486 0l.09-.226a1 1 0 0 0-.034-.819L4.085 5.671A1.214 1.214 0 0 0 3 5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-3-1.5a3 3 0 0 0 4.524 2.585L6.939 8l-.915.915a3 3 0 1 0 1.06 1.06L8.122 8.94l5.501 3.209a.75.75 0 1 0 .756-1.296L9.488 8l4.89-2.852a.75.75 0 0 0-.756-1.296l-5.5 3.209-1.037-1.037A3 3 0 1 0 1.5 4.5Zm3 5.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M5.515 3.5h.621l.44-.44 1.07-1.07a.5.5 0 0 1 .708 0l1.07 1.07.44.44H12a.5.5 0 0 1 .5.5v2.136l.44.44 1.07 1.07a.5.5 0 0 1 0 .708l-1.07 1.07-.44.44V12a.5.5 0 0 1-.5.5H9.865l-.44.44-1.071 1.07a.5.5 0 0 1-.707 0l-1.072-1.07-.439-.44H4a.5.5 0 0 1-.5-.5V9.864l-.44-.44-1.07-1.07a.5.5 0 0 1 0-.708l1.07-1.07.44-.44V4a.5.5 0 0 1 .5-.5h1.515Zm3.9-2.571a2 2 0 0 0-2.83 0L5.516 2H4a2 2 0 0 0-2 2v1.515L.93 6.585a2 2 0 0 0 0 2.83L2 10.484V12a2 2 0 0 0 2 2h1.515l1.07 1.071a2 2 0 0 0 2.83 0L10.484 14H12a2 2 0 0 0 2-2v-1.515l1.071-1.07a2 2 0 0 0 0-2.83l-1.07-1.07V4a2 2 0 0 0-2-2h-1.516L9.415.929ZM11.1 6.45a.75.75 0 0 0-1.2-.9L7.42 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08l3-4Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M5.515 3.5h.621l.44-.44 1.07-1.07a.5.5 0 0 1 .708 0l1.07 1.07.44.44H12a.5.5 0 0 1 .5.5v2.136l.44.44 1.07 1.07a.5.5 0 0 1 0 .708l-1.07 1.07-.44.44V12a.5.5 0 0 1-.5.5H9.864l-.44.44-1.07 1.07a.5.5 0 0 1-.708 0l-1.07-1.07-.44-.44H4a.5.5 0 0 1-.5-.5V9.864l-.44-.44-1.07-1.07a.5.5 0 0 1 0-.708l1.07-1.07.44-.44V4a.5.5 0 0 1 .5-.5h1.515Zm3.9-2.571a2 2 0 0 0-2.83 0L5.516 2H4a2 2 0 0 0-2 2v1.515L.929 6.585a2 2 0 0 0 0 2.83L2 10.484V12a2 2 0 0 0 2 2h1.515l1.07 1.071a2 2 0 0 0 2.83 0L10.484 14H12a2 2 0 0 0 2-2v-1.515l1.071-1.07a2 2 0 0 0 0-2.83L14 5.516V4a2 2 0 0 0-2-2h-1.515L9.415.929ZM6.53 10.53l4-4a.75.75 0 1 0-1.06-1.06l-4 4a.75.75 0 1 0 1.06 1.06ZM11 10a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 3.5h8A1.5 1.5 0 0 1 13.5 5v2.25h-11V5A1.5 1.5 0 0 1 4 3.5ZM2.5 8.75V11A1.5 1.5 0 0 0 4 12.5h8a1.5 1.5 0 0 0 1.5-1.5V8.75h-11ZM1 5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5Zm2.75.5a.75.75 0 0 1 .75-.75H7a.75.75 0 0 1 0 1.5H4.5a.75.75 0 0 1-.75-.75Zm.75 4.25a.75.75 0 0 0 0 1.5H7a.75.75 0 0 0 0-1.5H4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M8 2.075 10.193 6H5.807L8 2.075ZM6.909.953a1.25 1.25 0 0 1 2.182 0l2.62 4.687A1.25 1.25 0 0 1 10.62 7.5H5.38a1.25 1.25 0 0 1-1.09-1.86L6.908.953ZM4 15.25a3.5 3.5 0 1 1 .001-6.999A3.5 3.5 0 0 1 4 15.25Zm2-3.5a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm8 1.75h-3.5V10H14v3.5ZM9 9.75c0-.69.56-1.25 1.25-1.25h4c.69 0 1.25.56 1.25 1.25v4c0 .69-.56 1.25-1.25 1.25h-4C9.56 15 9 14.44 9 13.75v-4Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M6.193 6 4 2.075 1.807 6h4.386ZM5.091.953a1.25 1.25 0 0 0-2.182 0L.289 5.64A1.25 1.25 0 0 0 1.38 7.5h5.24a1.25 1.25 0 0 0 1.09-1.86L5.092.953ZM2.534 14.929a3.5 3.5 0 1 0 2.932-6.36 3.5 3.5 0 0 0-2.932 6.36ZM4 13.75a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM15.28 1.22a.75.75 0 0 1 0 1.06l-5 5a.75.75 0 1 1-1.06-1.06l5-5a.75.75 0 0 1 1.06 0Zm-5.03 12.03v-3.5h3.5v3.5h-3.5ZM8.75 9.5c0-.69.56-1.25 1.25-1.25h4c.69 0 1.25.56 1.25 1.25v4c0 .69-.56 1.25-1.25 1.25h-4c-.69 0-1.25-.56-1.25-1.25v-4Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m3.003 4.702 4.22-2.025a1.796 1.796 0 0 1 1.554 0l4.22 2.025a.886.886 0 0 1 .503.8V6a8.55 8.55 0 0 1-3.941 7.201l-.986.631a1.063 1.063 0 0 1-1.146 0l-.986-.63A8.55 8.55 0 0 1 2.5 6v-.498c0-.341.196-.652.503-.8Zm3.57-3.377L2.354 3.35A2.387 2.387 0 0 0 1 5.502V6a10.05 10.05 0 0 0 4.632 8.465l.986.63a2.563 2.563 0 0 0 2.764 0l.986-.63A10.05 10.05 0 0 0 15 6v-.498c0-.918-.526-1.755-1.354-2.152l-4.22-2.025a3.296 3.296 0 0 0-2.852 0ZM8.47 9.97a.75.75 0 1 0 1.06 1.06c.575-.574 1.118-1.398 1.516-2.195.386-.772.704-1.653.704-2.335a.75.75 0 0 0-1.5 0c0 .318-.182.937-.546 1.665-.352.703-.809 1.379-1.234 1.805Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m3.003 4.702 4.22-2.025a1.796 1.796 0 0 1 1.554 0l4.22 2.025a.886.886 0 0 1 .503.8V6a8.55 8.55 0 0 1-3.941 7.201l-.986.631a1.063 1.063 0 0 1-1.146 0l-.986-.63A8.55 8.55 0 0 1 2.5 6v-.498c0-.341.196-.652.503-.8Zm3.57-3.377L2.354 3.35A2.387 2.387 0 0 0 1 5.502V6a10.05 10.05 0 0 0 4.632 8.465l.986.63a2.563 2.563 0 0 0 2.764 0l.986-.63A10.05 10.05 0 0 0 15 6v-.498c0-.918-.526-1.755-1.354-2.152l-4.22-2.025a3.296 3.296 0 0 0-2.852 0ZM11.1 6.45a.75.75 0 1 0-1.2-.9L7.419 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08l3-4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m3.003 4.702 4.22-2.025a1.796 1.796 0 0 1 1.554 0l4.22 2.025a.886.886 0 0 1 .503.8V6a8.55 8.55 0 0 1-3.941 7.201l-.986.631a1.063 1.063 0 0 1-1.146 0l-.986-.63A8.55 8.55 0 0 1 2.5 6v-.498c0-.341.196-.652.503-.8Zm3.57-3.377L2.354 3.35A2.387 2.387 0 0 0 1 5.502V6a10.05 10.05 0 0 0 4.632 8.465l.986.63a2.563 2.563 0 0 0 2.764 0l.986-.63A10.05 10.05 0 0 0 15 6v-.498c0-.918-.526-1.755-1.354-2.152l-4.22-2.025a3.296 3.296 0 0 0-2.852 0ZM8 4.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2A.75.75 0 0 1 8 4.75Zm1 5.75a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m3.003 4.702 4.22-2.025a1.796 1.796 0 0 1 1.554 0l4.22 2.025a.886.886 0 0 1 .503.8V6a8.55 8.55 0 0 1-3.941 7.201l-.986.631a1.063 1.063 0 0 1-1.146 0l-.986-.63A8.55 8.55 0 0 1 2.5 6v-.498c0-.341.196-.652.503-.8Zm3.57-3.377L2.354 3.35A2.387 2.387 0 0 0 1 5.502V6a10.05 10.05 0 0 0 4.632 8.465l.986.63a2.563 2.563 0 0 0 2.764 0l.986-.63A10.05 10.05 0 0 0 15 6v-.498c0-.918-.526-1.755-1.354-2.152l-4.22-2.025a3.296 3.296 0 0 0-2.852 0ZM9.5 7a1.5 1.5 0 0 1-.75 1.3v1.95a.75.75 0 0 1-1.5 0V8.3A1.5 1.5 0 1 1 9.5 7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.174 3h5.652a1.5 1.5 0 0 1 1.49 1.328l.808 7A1.5 1.5 0 0 1 11.634 13H4.366a1.5 1.5 0 0 1-1.49-1.672l.808-7A1.5 1.5 0 0 1 5.174 3Zm-2.98 1.156A3 3 0 0 1 5.174 1.5h5.652a3 3 0 0 1 2.98 2.656l.808 7a3 3 0 0 1-2.98 3.344H4.366a3 3 0 0 1-2.98-3.344l.808-7ZM5 5.25a.75.75 0 0 1 1.5 0v.25a1.5 1.5 0 1 0 3 0v-.25a.75.75 0 0 1 1.5 0v.25a3 3 0 0 1-6 0v-.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 4.5h1.307a2.193 2.193 0 0 1 2.109 2.795l-1.294 4.53A3 3 0 0 1 11.237 14H4.763a3 3 0 0 1-2.885-2.176L.584 7.295A2.193 2.193 0 0 1 2.693 4.5H4V3a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v1.5Zm-6.5 0V3a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v1.5h-5Zm5.737 8H4.763a1.5 1.5 0 0 1-1.442-1.088L2.027 6.883A.693.693 0 0 1 2.693 6h10.614a.693.693 0 0 1 .666.883l-1.294 4.53a1.5 1.5 0 0 1-1.442 1.087Zm-4.59-1.265a.75.75 0 0 1-.882-.588l-.5-2.5a.75.75 0 0 1 1.47-.294l.5 2.5a.75.75 0 0 1-.588.882Zm4.088-3.088a.75.75 0 1 0-1.47-.294l-.5 2.5a.75.75 0 1 0 1.47.294l.5-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.018 3.068 3.395 4.5 4.58 9.005a3 3 0 0 0 4.186 1.948l4.518-2.14A3 3 0 0 0 15 6.102V5a2 2 0 0 0-2-2H4.556l-.15-.535A2 2 0 0 0 2.48 1H.75a.75.75 0 0 0 0 1.5h1.73a.5.5 0 0 1 .482.366l.056.202Zm5.106 6.53 4.518-2.14a1.5 1.5 0 0 0 .858-1.356V5a.5.5 0 0 0-.5-.5H4.946L6.03 8.624a1.5 1.5 0 0 0 2.093.973ZM12 14.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5ZM4.75 13a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.75 12.5a.75.75 0 0 1 0-1.5h2.044c.86 0 1.644-.49 2.021-1.262L6.665 8l-.85-1.738A2.25 2.25 0 0 0 3.794 5H1.75a.75.75 0 1 1 0-1.5h2.044a3.75 3.75 0 0 1 3.369 2.103l.337.69.337-.69A3.75 3.75 0 0 1 11.206 3.5h1.233l-.97-.97a.75.75 0 0 1 1.061-1.06l2.25 2.25a.75.75 0 0 1 0 1.06l-2.25 2.25a.75.75 0 1 1-1.06-1.06l.97-.97h-1.234c-.86 0-1.644.49-2.021 1.262l-2.022 4.135A3.75 3.75 0 0 1 3.794 12.5H1.75Zm6.639-1.542.696-1.424.1.204A2.25 2.25 0 0 0 11.206 11h1.233l-.97-.97a.75.75 0 1 1 1.061-1.06l2.25 2.25a.75.75 0 0 1 0 1.06l-2.25 2.25a.75.75 0 1 1-1.06-1.06l.97-.97h-1.234a3.75 3.75 0 0 1-2.905-1.378c.031-.053.06-.108.088-.164Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.261 2.186c.337-.274.829-.154 1.044.223.197.344.09.777-.21 1.035A5.987 5.987 0 0 0 2 8a5.99 5.99 0 0 0 2.095 4.556c.3.258.407.69.21 1.035-.215.377-.707.497-1.044.223A7.485 7.485 0 0 1 .5 8a7.485 7.485 0 0 1 2.761-5.814Zm8.434.223c-.197.344-.09.777.21 1.035A5.986 5.986 0 0 1 14 8a5.986 5.986 0 0 1-2.095 4.556c-.3.258-.407.69-.21 1.035.215.377.707.497 1.044.223A7.485 7.485 0 0 0 15.5 8a7.485 7.485 0 0 0-2.761-5.814c-.337-.274-.829-.154-1.044.223ZM4.759 4.878c.315-.327.837-.21 1.062.184.19.33.097.744-.144 1.04A2.988 2.988 0 0 0 5 8c0 .72.254 1.381.677 1.899.241.295.333.708.144 1.04-.225.393-.747.51-1.062.183A4.485 4.485 0 0 1 3.5 8c0-1.213.48-2.313 1.26-3.122Zm5.42.184c-.19.33-.098.744.144 1.04C10.746 6.618 11 7.28 11 8s-.254 1.381-.677 1.899c-.242.295-.333.708-.144 1.04.225.393.747.51 1.062.183A4.484 4.484 0 0 0 12.5 8c0-1.213-.48-2.313-1.26-3.122-.314-.327-.836-.21-1.061.184ZM8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.5 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm1.405.75a3.001 3.001 0 0 1-5.81 0H1.747a.75.75 0 0 1 0-1.5h1.348a3.001 3.001 0 0 1 5.81 0h5.345a.75.75 0 0 1 0 1.5H8.905Zm-7.158 4.5h5.345a3.001 3.001 0 0 1 5.811 0h1.347a.75.75 0 1 1 0 1.5h-1.347a3.001 3.001 0 0 1-5.81 0H1.746a.75.75 0 0 1 0-1.5Zm8.25-.75a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.998 8.499a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm-.75-1.406a3.001 3.001 0 0 0 0 5.811v1.347a.75.75 0 0 0 1.5 0v-1.347a3.001 3.001 0 0 0 0-5.811V1.748a.75.75 0 0 0-1.5 0v5.345Zm-4.5 7.158V8.906a3.001 3.001 0 0 0 0-5.81V1.747a.75.75 0 1 0-1.5 0v1.347a3.001 3.001 0 0 0 0 5.811v5.345a.75.75 0 0 0 1.5 0Zm.75-8.25a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 4 12.5v-9A1.5 1.5 0 0 1 5.5 2h5A1.5 1.5 0 0 1 12 3.5Zm-1.5-3a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3h-5a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3h5ZM6.25 11a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.864 1.107a.75.75 0 1 1 .768 1.29 1.982 1.982 0 0 0-.397.414c-.205.287-.432.748-.477 1.44a2.112 2.112 0 0 1 .388 2.78l-.028.043a2.277 2.277 0 0 0-.266 1.982l.471 1.414A3.44 3.44 0 0 1 11.06 15H2.332A1.333 1.333 0 0 1 1 13.667c0-1.223.822-2.253 1.944-2.568C2.344 10.27 2 9.15 2 8c0-1.412.458-2.674 1.349-3.587C4.243 3.498 5.509 3 7 3c1.522 0 2.643.802 3.246 1.93.105-.169.23-.323.37-.46a3.463 3.463 0 0 1-.36-2 3.254 3.254 0 0 1 .293-.999l.036-.069.013-.023.005-.008.002-.004.001-.001v-.002a.75.75 0 1 1 1.285.778 1.762 1.762 0 0 0-.146.513 1.95 1.95 0 0 0 .207 1.132c.115-.02.232-.03.351-.034a4.122 4.122 0 0 1 .712-1.814 3.48 3.48 0 0 1 .548-.607 2.664 2.664 0 0 1 .263-.201l.022-.015.01-.005.003-.002.002-.001.001-.001ZM7.75 10.75c.877 0 1.57-.38 2.06-.94a5.188 5.188 0 0 0 1.165-2.169L11.401 6a.998.998 0 0 1 1.09-.74.6.6 0 0 1 .509.595.63.63 0 0 1-.102.344l-.028.043a3.776 3.776 0 0 0-.44 3.289l.47 1.413a1.941 1.941 0 0 1-1.84 2.556H2.511c.08-.565.567-1 1.155-1h.678a.905.905 0 0 0 .436-1.7C4.131 10.438 3.5 9.374 3.5 8c0-1.088.348-1.95.922-2.538C4.993 4.877 5.852 4.5 7 4.5c1.346 0 2.25 1.056 2.25 2.5 0 .639-.162 1.235-.437 1.646-.26.39-.604.604-1.063.604-.87 0-1.25-.568-1.25-1 0-.551.38-.75.5-.75A.75.75 0 0 0 7 6C5.89 6 5 7.04 5 8.25c0 1.329 1.12 2.5 2.75 2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.719 1.22a.75.75 0 0 1 1.06 0L8 2.44l1.22-1.22a.75.75 0 1 1 1.06 1.06L8.75 3.81V6.7l2.502-1.445.56-2.091a.75.75 0 1 1 1.45.388l-.447 1.667 1.667.447a.75.75 0 1 1-.388 1.449l-2.092-.56L9.5 7.998l2.502 1.445 2.091-.56a.75.75 0 0 1 .389 1.448l-1.667.447.447 1.667a.75.75 0 1 1-1.45.388l-.56-2.091L8.75 9.298v2.891l1.53 1.53a.75.75 0 0 1-1.062 1.06L8 13.561l-1.218 1.218a.75.75 0 1 1-1.061-1.06l1.529-1.53V9.3l-2.504 1.445-.56 2.088a.75.75 0 1 1-1.449-.388l.446-1.664-1.664-.446a.75.75 0 0 1 .388-1.449l2.09.56L6.5 7.999 3.996 6.553l-2.089.56a.75.75 0 1 1-.388-1.449l1.664-.446-.445-1.664a.75.75 0 0 1 1.448-.388l.56 2.088L7.25 6.7V3.81L5.719 2.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8 4a.75.75 0 0 0 0 1.5A2.5 2.5 0 0 1 10.5 8 .75.75 0 1 0 12 8a4 4 0 0 0-4-4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3h-7A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3Zm-7-1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3h-7A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3Zm-7-1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7Zm6 6H5.43a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h5.07a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1Zm-5.32-3h3.57a.75.75 0 0 1 0 1.5H5.18a.75.75 0 0 1 0-1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm3.75 5.498a.75.75 0 0 0 0 1.5h5.502a.75.75 0 0 0 0-1.5H5.25ZM4.5 8a.75.75 0 0 1 .75-.75h5.502a.75.75 0 0 1 0 1.5H5.25A.75.75 0 0 1 4.5 8Zm.75-3.498a.75.75 0 0 0 0 1.5h5.502a.75.75 0 0 0 0-1.5H5.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm8.5 6.251a.75.75 0 1 0 1.5 0V5.249a.75.75 0 0 0-1.5 0v5.502Zm-2 .75a.75.75 0 0 1-.75-.75V5.249a.75.75 0 0 1 1.5 0v5.502a.75.75 0 0 1-.75.75Zm-3.497-.75a.75.75 0 0 0 1.5 0V5.249a.75.75 0 1 0-1.5 0v5.502Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.75 1A2.25 2.25 0 0 0 1.5 3.25v9.5A2.25 2.25 0 0 0 3.75 15h.5a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 1-.75-.75v-9.5a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 0 0-1.5h-.5Zm8.5 14a2.25 2.25 0 0 0 2.25-2.25v-9.5A2.25 2.25 0 0 0 12.25 1h-.5a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 1 .75.75v9.5a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 0 0 1.5h.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.5 4.25a.75.75 0 0 1 .75-.75h1.01a.75.75 0 0 0 0-1.5H3.25A2.25 2.25 0 0 0 1 4.25v7.5A2.25 2.25 0 0 0 3.25 14h1.01a.75.75 0 0 0 0-1.5H3.25a.75.75 0 0 1-.75-.75v-7.5ZM11.74 2a.75.75 0 0 0 0 1.5h1.01a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75h-1.01a.75.75 0 0 0 0 1.5h1.01A2.25 2.25 0 0 0 15 11.75v-7.5A2.25 2.25 0 0 0 12.75 2h-1.01ZM8.75 5.75a.75.75 0 0 0-1.5 0v4.5a.75.75 0 0 0 1.5 0v-4.5Zm2-.75a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-4.5a.75.75 0 0 1 .75-.75ZM6 5.75a.75.75 0 0 0-1.5 0v4.5a.75.75 0 0 0 1.5 0v-4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.25 3.5a.75.75 0 0 0-.75.75v7.5c0 .414.336.75.75.75h1.01a.75.75 0 0 1 0 1.5H3.25A2.25 2.25 0 0 1 1 11.75v-7.5A2.25 2.25 0 0 1 3.25 2h1.01a.75.75 0 0 1 0 1.5H3.25Zm7.74-.75a.75.75 0 0 1 .75-.75h1.01A2.25 2.25 0 0 1 15 4.25v7.5A2.25 2.25 0 0 1 12.75 14h-1.01a.75.75 0 0 1 0-1.5h1.01a.75.75 0 0 0 .75-.75v-7.5a.75.75 0 0 0-.75-.75h-1.01a.75.75 0 0 1-.75-.75Zm-4.2 2.588a1.291 1.291 0 0 1 2.418 0l1.743 4.649a.75.75 0 1 1-1.404.526L9.168 9.5H6.832l-.38 1.013a.75.75 0 1 1-1.404-.526l1.743-4.65ZM7.395 8h1.21L8 6.386 7.395 8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm3.75 5.498a.75.75 0 0 0 0 1.5h2.002a.75.75 0 0 0 0-1.5H5.25ZM4.5 8a.75.75 0 0 1 .75-.75h5.502a.75.75 0 0 1 0 1.5H5.25A.75.75 0 0 1 4.5 8Zm.75-3.498a.75.75 0 0 0 0 1.5h3.502a.75.75 0 0 0 0-1.5H5.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm8.499 6.251a.75.75 0 0 0 1.5 0V8.749a.75.75 0 0 0-1.5 0v2.002Zm-1.998.75a.75.75 0 0 1-.75-.75V5.249a.75.75 0 1 1 1.5 0v5.502a.75.75 0 0 1-.75.75Zm-3.498-.75a.75.75 0 0 0 1.5 0V7.249a.75.75 0 1 0-1.5 0v3.502Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm10.092 1.46a.75.75 0 0 0-1.184-.92L7.43 8.869l-1.4-1.4A.75.75 0 0 0 4.97 8.53l2 2a.75.75 0 0 0 1.122-.07l3.5-4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3A1.5 1.5 0 0 0 3 4.5v1.75a.75.75 0 0 1-1.5 0V4.5a3 3 0 0 1 3-3h1.75a.75.75 0 0 1 0 1.5H4.5ZM9 2.25a.75.75 0 0 1 .75-.75h1.75a3 3 0 0 1 3 3v1.75a.75.75 0 0 1-1.5 0V4.5A1.5 1.5 0 0 0 11.5 3H9.75A.75.75 0 0 1 9 2.25ZM2.25 9a.75.75 0 0 1 .75.75v1.75A1.5 1.5 0 0 0 4.5 13h1.75a.75.75 0 0 1 0 1.5H4.5a3 3 0 0 1-3-3V9.75A.75.75 0 0 1 2.25 9Zm11.5 0a.75.75 0 0 1 .75.75v1.75a3 3 0 0 1-3 3H9.75a.75.75 0 0 1 0-1.5h1.75a1.5 1.5 0 0 0 1.5-1.5V9.75a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3 4.5A1.5 1.5 0 0 1 4.5 3h1.75a.75.75 0 0 0 0-1.5H4.5a3 3 0 0 0-3 3v1.75a.75.75 0 0 0 1.5 0V4.5Zm6.75-3a.75.75 0 0 0 0 1.5h1.75A1.5 1.5 0 0 1 13 4.5v1.75a.75.75 0 0 0 1.5 0V4.5a3 3 0 0 0-3-3H9.75ZM3 9.75a.75.75 0 0 0-1.5 0v1.75a3 3 0 0 0 3 3h1.75a.75.75 0 0 0 0-1.5H4.5A1.5 1.5 0 0 1 3 11.5V9.75Zm11.5 0a.75.75 0 0 0-1.5 0v1.75a1.5 1.5 0 0 1-1.5 1.5H9.75a.75.75 0 0 0 0 1.5h1.75a3 3 0 0 0 3-3V9.75ZM10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm1.5 0a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3A1.5 1.5 0 0 0 3 4.5v1.75a.75.75 0 0 1-1.5 0V4.5a3 3 0 0 1 3-3h1.75a.75.75 0 0 1 0 1.5H4.5ZM9 2.25a.75.75 0 0 1 .75-.75h1.75a3 3 0 0 1 3 3v1.75a.75.75 0 0 1-1.5 0V4.5A1.5 1.5 0 0 0 11.5 3H9.75A.75.75 0 0 1 9 2.25ZM2.25 9a.75.75 0 0 1 .75.75v1.75A1.5 1.5 0 0 0 4.5 13h1.75a.75.75 0 0 1 0 1.5H4.5a3 3 0 0 1-3-3V9.75A.75.75 0 0 1 2.25 9Zm11.5 0a.75.75 0 0 1 .75.75v1.75a3 3 0 0 1-3 3H9.75a.75.75 0 0 1 0-1.5h1.75a1.5 1.5 0 0 0 1.5-1.5V9.75a.75.75 0 0 1 .75-.75ZM6.791 5.338a1.291 1.291 0 0 1 2.418 0l1.743 4.649a.75.75 0 1 1-1.404.526L9.168 9.5H6.832l-.38 1.013a.75.75 0 1 1-1.404-.526l1.743-4.65ZM7.395 8h1.21L8 6.386 7.395 8Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3 4.5A1.5 1.5 0 0 1 4.5 3h1.75a.75.75 0 0 0 0-1.5H4.5a3 3 0 0 0-3 3v1.75a.75.75 0 0 0 1.5 0V4.5Zm6.75-3a.75.75 0 0 0 0 1.5h1.75A1.5 1.5 0 0 1 13 4.5v1.75a.75.75 0 0 0 1.5 0V4.5a3 3 0 0 0-3-3H9.75ZM3 9.75a.75.75 0 0 0-1.5 0v1.75a3 3 0 0 0 3 3h1.75a.75.75 0 0 0 0-1.5H4.5A1.5 1.5 0 0 1 3 11.5V9.75Zm11.5 0a.75.75 0 0 0-1.5 0v1.75a1.5 1.5 0 0 1-1.5 1.5H9.75a.75.75 0 0 0 0 1.5h1.75a3 3 0 0 0 3-3V9.75ZM5.752 5.002a.75.75 0 1 0 0 1.5h1.5l-.002 3.75a.75.75 0 1 0 1.5 0l.002-3.75h1.5a.75.75 0 0 0 0-1.5h-4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3 4.5A1.5 1.5 0 0 1 4.5 3h1.75a.75.75 0 0 0 0-1.5H4.5a3 3 0 0 0-3 3v1.75a.75.75 0 0 0 1.5 0V4.5Zm6.75-3a.75.75 0 0 0 0 1.5h1.75A1.5 1.5 0 0 1 13 4.5v1.75a.75.75 0 0 0 1.5 0V4.5a3 3 0 0 0-3-3H9.75ZM3 9.75a.75.75 0 0 0-1.5 0v1.75a3 3 0 0 0 3 3h1.75a.75.75 0 0 0 0-1.5H4.5A1.5 1.5 0 0 1 3 11.5V9.75Zm11.5 0a.75.75 0 0 0-1.5 0v1.75a1.5 1.5 0 0 1-1.5 1.5H9.75a.75.75 0 0 0 0 1.5h1.75a3 3 0 0 0 3-3V9.75ZM5.752 4.502a.75.75 0 1 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-4.5Zm0 2.75a.75.75 0 1 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-4.5Zm0 2.75a.75.75 0 1 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8.25 1.5a.75.75 0 0 1 0 1.5H4.5A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5V7.75a.75.75 0 0 1 1.5 0v3.75a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7a3 3 0 0 1 3-3h3.75Zm4.25 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3h-7A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3Zm-7-1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7Zm4.5 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM8.75 5a.75.75 0 0 0-1.5 0v2.5a.75.75 0 0 0 1.5 0V5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3h-7A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3Zm-7-1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7Zm5.623 2.76a.75.75 0 0 1 .617.863l-.105.627h.865a.75.75 0 0 1 0 1.5h-1.115l-.25 1.5H11a.75.75 0 0 1 0 1.5H9.885l-.145.873a.75.75 0 1 1-1.48-.246l.105-.627h-1.48l-.145.873a.75.75 0 1 1-1.48-.246l.105-.627H4.5a.75.75 0 0 1 0-1.5h1.115l.25-1.5H5a.75.75 0 0 1 0-1.5h1.115l.145-.873a.75.75 0 1 1 1.48.246l-.105.627h1.48l.145-.873a.75.75 0 0 1 .863-.617ZM7.135 8.75h1.48l.25-1.5h-1.48l-.25 1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm5.25 0a.75.75 0 0 0-.75.75v5.5a.75.75 0 0 0 1.5 0V9.5h.75a2.5 2.5 0 0 0 0-5h-1.5ZM8.25 8H7.5V6h.75a1 1 0 0 1 0 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm4.5.25a.75.75 0 0 0 0 1.5h1.25v4.25a.75.75 0 0 0 1.5 0V6.25H10a.75.75 0 0 0 0-1.5H6Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm4.75.75a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm1 0A.75.75 0 0 1 8 4.5h2.75a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1-.75-.75ZM5.25 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm1 1.75a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM8 7.25a.75.75 0 0 0 0 1.5h2.75a.75.75 0 0 0 0-1.5H8Zm-.75 3.5A.75.75 0 0 1 8 10h2.75a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm4 2.75a.75.75 0 0 0 0 1.5h5a.75.75 0 0 0 0-1.5h-5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm7.25 1a.75.75 0 0 0-1.5 0v1.75H5.5a.75.75 0 0 0 0 1.5h1.75v1.75a.75.75 0 0 0 1.5 0V8.75h1.75a.75.75 0 0 0 0-1.5H8.75V5.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm5.03.97a.75.75 0 0 0-1.06 1.06L6.94 8 5.47 9.47a.75.75 0 1 0 1.06 1.06L8 9.06l1.47 1.47a.75.75 0 1 0 1.06-1.06L9.06 8l1.47-1.47a.75.75 0 1 0-1.06-1.06L8 6.94 6.53 5.47Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m9.194 5 .351.873.94.064 3.197.217-2.46 2.055-.722.603.23.914.782 3.108-2.714-1.704L8 10.629l-.798.5-2.714 1.705.782-3.108.23-.914-.723-.603-2.46-2.055 3.198-.217.94-.064.35-.874L8 2.025 9.194 5Zm-7.723-.292 3.943-.268L6.886.773C7.29-.231 8.71-.231 9.114.773l1.472 3.667 3.943.268c1.08.073 1.518 1.424.688 2.118L12.185 9.36l.964 3.832c.264 1.05-.886 1.884-1.802 1.31L8 12.4l-3.347 2.101c-.916.575-2.066-.26-1.802-1.309l.964-3.832L.783 6.826c-.83-.694-.391-2.045.688-2.118Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M6.886.773C7.29-.231 8.71-.231 9.114.773l1.472 3.667 3.943.268c1.08.073 1.518 1.424.688 2.118L12.185 9.36l.964 3.832c.264 1.05-.886 1.884-1.802 1.31L8 12.4l-3.347 2.101c-.916.575-2.066-.26-1.802-1.309l.964-3.832L.783 6.826c-.83-.694-.391-2.045.688-2.118l3.943-.268L6.886.773Z"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.513 2.452a.75.75 0 0 0-.526-1.404l-1.027.385A2.25 2.25 0 0 0 .5 3.539V6a4.75 4.75 0 0 0 4.274 4.727 4.75 4.75 0 0 0 9.476-.477v-.364a2.501 2.501 0 1 0-1.5 0v.364a3.25 3.25 0 0 1-6.477.39A4.752 4.752 0 0 0 10 6V3.54a2.25 2.25 0 0 0-1.46-2.107l-1.027-.385a.75.75 0 0 0-.526 1.404l1.026.385a.75.75 0 0 1 .487.702V6A3.25 3.25 0 1 1 2 6V3.54a.75.75 0 0 1 .487-.703l1.026-.385ZM13.5 8.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3h-7A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h3v-2.5a3 3 0 0 1 3-3H13v-3A1.5 1.5 0 0 0 11.5 3Zm1.303 6a1.503 1.503 0 0 1-.242.318l-3.243 3.243a1.503 1.503 0 0 1-.318.242V10.5A1.5 1.5 0 0 1 10.5 9h2.303Zm.818 1.379a3 3 0 0 0 .879-2.122V4.5a3 3 0 0 0-3-3h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h3.757a3 3 0 0 0 2.122-.879l3.242-3.242Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3h-7A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3Zm-7-1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.25 0a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5ZM13 9A5 5 0 1 1 3 9a5 5 0 0 1 10 0Zm1.5 0a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0Zm-2.28-7.28a.75.75 0 0 1 1.06 0l1.5 1.5a.75.75 0 0 1-1.06 1.06l-1.5-1.5a.75.75 0 0 1 0-1.06ZM8.75 6a.75.75 0 0 0-1.5 0v3a.75.75 0 0 0 .3.6l1.333 1a.75.75 0 1 0 .9-1.2L8.75 8.625V6Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M5.502 2.757C6.214 2.236 7.122 2 7.984 2c1.685 0 3.015.572 3.687 1.915a.75.75 0 1 1-1.342.67C10.001 3.928 9.331 3.5 7.984 3.5c-.611 0-1.19.17-1.597.467a1.46 1.46 0 0 0-.627 1.242c0 .404.165.76.463 1.041H4.447a2.89 2.89 0 0 1-.187-1.04c0-1.084.507-1.916 1.242-2.453Zm6.047 5.993h1.201a.75.75 0 0 0 0-1.5h-9.5a.75.75 0 0 0 0 1.5h5.475l.043.012h.002c1.196.323 1.98 1.005 1.98 1.988 0 .669-.289 1.063-.742 1.33-.5.296-1.222.437-2 .437-1.398 0-2.453-.473-2.796-1.504a.75.75 0 0 0-1.424.474c.657 1.969 2.602 2.53 4.22 2.53.915 0 1.94-.16 2.762-.644.869-.513 1.48-1.377 1.48-2.623 0-.822-.276-1.482-.7-2Z"></path><path d="M5.502 2.757C6.214 2.236 7.122 2 7.984 2c1.685 0 3.015.572 3.687 1.915a.75.75 0 1 1-1.342.67C10.001 3.93 9.331 3.5 7.984 3.5c-.611 0-1.19.17-1.597.468-.384.28-.627.678-.627 1.242 0 .403.165.758.463 1.04H4.447a2.89 2.89 0 0 1-.187-1.04c0-1.084.507-1.916 1.242-2.453Zm6.047 5.993h1.201a.75.75 0 0 0 0-1.5h-9.5a.75.75 0 0 0 0 1.5h5.475l.043.012h.002c1.196.323 1.98 1.005 1.98 1.988 0 .669-.289 1.063-.742 1.33-.5.296-1.222.437-2 .437-1.398 0-2.453-.472-2.796-1.504a.75.75 0 1 0-1.424.474c.657 1.969 2.602 2.53 4.22 2.53.915 0 1.94-.16 2.762-.644.869-.512 1.48-1.377 1.48-2.623 0-.822-.276-1.481-.7-2Z"></path></g></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9 1.5H7a.5.5 0 0 0-.5.5v1h3V2a.5.5 0 0 0-.5-.5ZM5 2v1a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3V2a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2Zm4.5 2.5H11A1.5 1.5 0 0 1 12.5 6v6a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V6A1.5 1.5 0 0 1 5 4.5h4.5ZM5.75 6a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-4.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 3a.75.75 0 0 1-.75-.75V.75a.75.75 0 1 1 1.5 0v1.5A.75.75 0 0 1 8 3Zm0 7.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-.75 3.25a.75.75 0 0 0 1.5 0v-1.5a.75.75 0 0 0-1.5 0v1.5ZM13 8a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 0 1.5h-1.5A.75.75 0 0 1 13 8ZM.75 7.25a.75.75 0 1 0 0 1.5h1.5a.75.75 0 0 0 0-1.5H.75Zm10.786-2.786a.75.75 0 0 1 0-1.06l1.06-1.06a.75.75 0 0 1 1.06 1.06l-1.06 1.06a.75.75 0 0 1-1.06 0Zm-9.193 8.132a.75.75 0 0 0 1.06 1.06l1.062-1.06a.75.75 0 0 0-1.061-1.06l-1.06 1.06Zm9.193-1.06a.75.75 0 0 1 1.06 0l1.06 1.06a.75.75 0 0 1-1.06 1.06l-1.06-1.06a.75.75 0 0 1 0-1.06ZM3.404 2.343a.75.75 0 0 0-1.06 1.06l1.06 1.061a.75.75 0 1 0 1.06-1.06l-1.06-1.06Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m13.06 8.818-4.869 4.87a1 1 0 0 1-1.408.006l-4.45-4.37a1 1 0 0 1-.012-1.414l4.868-4.96a1.5 1.5 0 0 1 1.07-.45H12.5a1 1 0 0 1 1 1v4.257a1.5 1.5 0 0 1-.44 1.061Zm-6.942-6.92A3 3 0 0 1 8.259 1H12.5A2.5 2.5 0 0 1 15 3.5v4.257a3 3 0 0 1-.879 2.122l-4.87 4.87a2.5 2.5 0 0 1-3.519.015l-4.45-4.37a2.5 2.5 0 0 1-.032-3.535L6.118 1.9ZM10.5 6.5a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m7.182 2.94-4.87 4.869a1 1 0 0 0-.006 1.408l4.37 4.45a1 1 0 0 0 1.414.012l4.96-4.868a1.5 1.5 0 0 0 .45-1.07V3.5a1 1 0 0 0-1-1H8.243a1.5 1.5 0 0 0-1.061.44Zm6.92 6.942A3 3 0 0 0 15 7.741V3.5A2.5 2.5 0 0 0 12.5 1H8.243a3 3 0 0 0-2.122.879l-4.87 4.87a2.5 2.5 0 0 0-.015 3.519l4.37 4.45a2.5 2.5 0 0 0 3.535.032l4.96-4.868Zm-3.72-5.324a2.477 2.477 0 0 0-1.045-.38 1.95 1.95 0 0 0-1.616.57c-.54.54-.56 1.23-.437 1.767.119.526.394 1.029.637 1.41.254.4.46.732.549 1.033.073.249.036.352-.072.46-.072.072-.182.124-.417.066-.253-.064-.569-.247-.855-.533a1.773 1.773 0 0 1-.469-.879c-.069-.329-.023-.57.034-.68a.75.75 0 1 0-1.33-.693c-.263.506-.289 1.125-.172 1.682.07.332.196.67.382.988l-.253.252a.75.75 0 0 0 1.06 1.061l.222-.221a3.12 3.12 0 0 0 1.018.478c.6.15 1.301.079 1.84-.46.612-.612.626-1.346.451-1.943-.153-.522-.472-1.022-.694-1.37l-.029-.046c-.213-.334-.378-.664-.44-.937-.06-.261-.002-.337.036-.374a.451.451 0 0 1 .392-.14c.172.02.445.126.777.457.33.33.447.6.482.79a.832.832 0 0 1-.067.513.75.75 0 1 0 1.362.627c.18-.392.281-.879.179-1.42a2.712 2.712 0 0 0-.446-1.036l.221-.221a.75.75 0 1 0-1.06-1.06l-.24.239Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m7.182 2.94-4.87 4.869a1 1 0 0 0-.006 1.408l4.37 4.45a1 1 0 0 0 1.414.012l4.96-4.868a1.5 1.5 0 0 0 .45-1.07V3.5a1 1 0 0 0-1-1H8.243a1.5 1.5 0 0 0-1.061.44Zm6.92 6.942A3 3 0 0 0 15 7.741V3.5A2.5 2.5 0 0 0 12.5 1H8.243a3 3 0 0 0-2.122.879l-4.87 4.87a2.5 2.5 0 0 0-.015 3.519l4.37 4.45a2.5 2.5 0 0 0 3.535.032l4.96-4.868Zm-3.908-5.844a.75.75 0 0 0-1.06 0L7.366 5.805l-.088-.088a.75.75 0 0 0-1.06 1.06l.087.09-.353.353-.088-.089a.75.75 0 0 0-1.061 1.061l.088.088-.353.354a.75.75 0 0 0 1.06 1.06l.354-.353 1.06 1.06a.75.75 0 1 0 1.061-1.06l-1.06-1.06.353-.354.796.795a2.375 2.375 0 0 0 3.358-3.358l-1.325-1.326Zm-.972 3.624-.795-.796L9.664 5.63l.796.795a.875.875 0 0 1-1.238 1.238Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m10.884 6.995-4.12 4.12a.75.75 0 0 1-1.055.005L1.906 7.395a.75.75 0 0 1-.011-1.06l4.118-4.21a1.25 1.25 0 0 1 .894-.375H10.5a.75.75 0 0 1 .75.75v3.61c0 .332-.132.65-.366.885ZM4.94 1.077A2.75 2.75 0 0 1 6.907.25H10.5a2.25 2.25 0 0 1 2.25 2.25v.75h.75a2.25 2.25 0 0 1 2.25 2.25v3.61c0 .73-.29 1.43-.806 1.946l-4.12 4.12a2.25 2.25 0 0 1-3.165.016l-3.803-3.726a2.264 2.264 0 0 1-.286-.341L.856 8.466a2.25 2.25 0 0 1-.033-3.18l4.118-4.21Zm2.242 11.548a2.25 2.25 0 0 0 .642-.45L11.52 8.48a1.25 1.25 0 0 0 1.206-2.01c.015-.118.023-.237.023-.358V4.75h.75a.75.75 0 0 1 .75.75v3.61c0 .332-.132.65-.366.885l-4.12 4.12a.75.75 0 0 1-1.055.005l-1.526-1.495ZM8.75 5.5a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm0-4.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0-3a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.293 0c.39 0 .707.317.707.707V2h1.293a.707.707 0 0 1 .5 1.207l-1.46 1.46A1.138 1.138 0 0 1 13.53 5h-1.47L8.53 8.53a.75.75 0 0 1-1.06-1.06L11 3.94V2.47c0-.301.12-.59.333-.804l1.46-1.46a.707.707 0 0 1 .5-.207ZM2.5 8a5.5 5.5 0 0 1 6.598-5.39.75.75 0 0 0 .298-1.47A7 7 0 1 0 14.86 6.6a.75.75 0 0 0-1.47.299A5.5 5.5 0 1 1 2.5 8Zm5.364-2.496a.75.75 0 0 0-.08-1.498A4 4 0 1 0 11.988 8.3a.75.75 0 0 0-1.496-.111 2.5 2.5 0 1 1-2.63-2.686Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 3.5H4A1.5 1.5 0 0 0 2.5 5v6A1.5 1.5 0 0 0 4 12.5h8a1.5 1.5 0 0 0 1.5-1.5V5A1.5 1.5 0 0 0 12 3.5ZM4 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H4Zm.47 8.53a.75.75 0 0 1 0-1.06L5.94 8 4.47 6.53a.75.75 0 0 1 1.06-1.06l2 2a.75.75 0 0 1 0 1.06l-2 2a.75.75 0 0 1-1.06 0ZM8.75 9.5a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.22 11.22a.75.75 0 1 0 1.06 1.06l3.75-3.75a.75.75 0 0 0 0-1.06L2.28 3.72a.75.75 0 0 0-1.06 1.06L4.44 8l-3.22 3.22Zm13.03 1.28a.75.75 0 0 0 0-1.5h-6.5a.75.75 0 0 0 0 1.5h6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.279 2.544A.75.75 0 0 1 4 2h8a.75.75 0 0 1 .721.544l.5 1.75a.75.75 0 1 1-1.442.412L11.434 3.5H8.75l-.004 9H9.5a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.746l.004-9H4.566L4.22 4.706a.75.75 0 1 1-1.442-.412l.5-1.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.75 2a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75Zm0 7a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75Zm2 3.5a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5ZM4 6.25a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 0 1.5h-6.5A.75.75 0 0 1 4 6.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.75 2a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75ZM2 6.25a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 6.25ZM2.75 9a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75Zm0 3.5a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.75 2a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75Zm0 7a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75Zm0 3.5a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5ZM2 6.25a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 0 1.5h-6.5A.75.75 0 0 1 2 6.25Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.75 2a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75ZM6 6.25a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 0 1.5h-6.5A.75.75 0 0 1 6 6.25ZM2.75 9a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H2.75Zm4 3.5a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.25 2H2.75a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5Zm0 3.5h-5.5a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5Zm0 3.5h-5.5a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5Zm-10.5 3.5h10.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5Zm.49-7a.74.74 0 0 1 .463.162l1.906 1.526a1.04 1.04 0 0 1 0 1.624l-1.906 1.526A.74.74 0 0 1 2.5 9.76V6.24a.74.74 0 0 1 .74-.74Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.25 2H2.75a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5Zm0 3.5h-5.5a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5Zm0 3.5h-5.5a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5Zm-10.5 3.5h10.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5Zm2.01-7a.74.74 0 0 0-.463.162L2.39 7.188a1.04 1.04 0 0 0 0 1.624l1.907 1.526A.74.74 0 0 0 5.5 9.76V6.24a.74.74 0 0 0-.74-.74Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m12 9-2.94 5.041a1.932 1.932 0 0 1-3.56-1.378l.25-1.163.321-1.5h-2.94a2 2 0 0 1-1.927-2.535l.879-3.162A4 4 0 0 1 6.404 1.4L11.5 2l.5 7ZM6.229 2.89l3.863.455.379 5.3-2.708 4.64a.432.432 0 0 1-.796-.308l.571-2.663.389-1.814H3.13a.5.5 0 0 1-.482-.634l.879-3.162a2.5 2.5 0 0 1 2.7-1.814Zm7.023 5.663a.75.75 0 1 0 1.496-.106l-.5-7a.75.75 0 0 0-1.496.106l.5 7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M8.9 14.315a1.38 1.38 0 0 1-2.542-.984L7.07 10H3.131a2 2 0 0 1-1.927-2.535l.879-3.162A4 4 0 0 1 6.404 1.4L11.5 2l.5 7-3.1 5.315Zm4.352-5.762a.75.75 0 1 0 1.496-.106l-.5-7a.75.75 0 0 0-1.496.106l.5 7Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m4 7 2.94-5.041a1.932 1.932 0 0 1 3.56 1.378L10.25 4.5 9.93 6h2.94a2 2 0 0 1 1.927 2.535l-.879 3.162A4 4 0 0 1 9.596 14.6L4.5 14 4 7Zm5.771 6.11-3.863-.455-.379-5.3 2.708-4.64a.432.432 0 0 1 .796.308l-.571 2.663L8.073 7.5h4.796a.5.5 0 0 1 .482.634l-.879 3.162a2.5 2.5 0 0 1-2.7 1.814ZM2.748 7.447a.75.75 0 1 0-1.496.106l.5 7a.75.75 0 0 0 1.496-.106l-.5-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="m13.345 2.978-.135.609-.33 1.5h1.158A2 2 0 0 1 16 7.472l-.259 1.321a4 4 0 0 1-4.322 3.21 4 4 0 0 1-4.286 2.767l-3.984-.473-.48-6.352 2.813-4.564a1.854 1.854 0 0 1 3.427.826l1.452-2.418a1.627 1.627 0 0 1 2.984 1.189Zm-4.38 4.06.215-.37 2.467-4.106a.127.127 0 0 1 .233.092l-.465 2.11-.403 1.823h3.027a.5.5 0 0 1 .49.596l-.26 1.321a2.5 2.5 0 0 1-2.528 2.018l.219-1.09A2 2 0 0 0 10 7.037H8.964ZM4.55 12.952l2.759.328a2.5 2.5 0 0 0 2.745-1.99l.434-2.155a.5.5 0 0 0-.49-.599H6.476l.414-1.83.515-2.275a.354.354 0 0 0-.646-.264L4.2 8.318l.35 4.635ZM.695 7.651a.75.75 0 0 1 .804.691l.478 6.353a.75.75 0 0 1-1.495.112L.004 8.455a.75.75 0 0 1 .691-.804Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.1 1.685a1.38 1.38 0 0 1 2.542.984L8.93 6h3.939a2 2 0 0 1 1.927 2.535l-.879 3.162A4 4 0 0 1 9.596 14.6L4.5 14 4 7l3.1-5.315ZM2.749 7.447a.75.75 0 1 0-1.496.106l.5 7a.75.75 0 0 0 1.496-.106l-.5-7Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m7.835 6 .76-2.027L9.336 2H5.5a.716.716 0 0 0-.664.45L2.513 8.257a.177.177 0 0 0 .164.243h4.965l-.732 2.013-1.082 2.975a.382.382 0 0 0 .637.392l6.956-7.391A.29.29 0 0 0 13.21 6H7.835Zm1.558-4.154ZM10.563 3l.235-.627A1.386 1.386 0 0 0 9.5.5h-4c-.906 0-1.72.552-2.057 1.393L1.12 7.7A1.677 1.677 0 0 0 2.677 10H5.5l-.545 1.5-.537 1.475a1.882 1.882 0 0 0 3.14 1.933l6.956-7.391A1.79 1.79 0 0 0 13.21 4.5H10l.563-1.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="m14.61 6.914-7.632 8.08a1.614 1.614 0 0 1-2.69-1.66L5.5 10H2.677A1.677 1.677 0 0 1 1.12 7.7l2.323-5.807A2.216 2.216 0 0 1 5.5.5h4c.968 0 1.637.967 1.298 1.873L10 4.5h3.569a1.431 1.431 0 0 1 1.04 2.414Z"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M11.091 2.318a.986.986 0 0 1 .106 1.485L11 4a.707.707 0 0 0 1 1l.197-.197a1.02 1.02 0 0 1 .288-.2.986.986 0 0 1 1.197.306l1.243 1.658c.575.766.36 1.862-.461 2.355a16.158 16.158 0 0 0-5.542 5.542 1.616 1.616 0 0 1-2.355.461l-1.658-1.243a.986.986 0 0 1-.106-1.485L5 12a.707.707 0 1 0-1-1l-.197.197a.968.968 0 0 1-.288.2.986.986 0 0 1-1.197-.306L1.075 9.433a1.616 1.616 0 0 1 .461-2.355 16.158 16.158 0 0 0 5.542-5.542 1.616 1.616 0 0 1 2.355-.461l1.658 1.243Zm-2.558-.043 1.201.9a2.208 2.208 0 0 0 3.09 3.09l.901 1.202a.116.116 0 0 1-.033.169 17.658 17.658 0 0 0-6.057 6.056.116.116 0 0 1-.168.033l-1.201-.9a2.208 2.208 0 0 0-3.09-3.09l-.901-1.202a.116.116 0 0 1 .033-.168 17.658 17.658 0 0 0 6.056-6.057.116.116 0 0 1 .17-.033ZM7.53 6.47a.75.75 0 1 0-1.06 1.06l2 2a.75.75 0 0 0 1.06-1.06l-2-2Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.25 1.25v13.5a.75.75 0 0 0 1.5 0V1.25a.75.75 0 0 0-1.5 0ZM2.5 2H6v1.5H2.5a1 1 0 0 0-1 1v1.75a1 1 0 0 0 1 1H6v1.5h-.5a1 1 0 0 0-1 1v1.75a1 1 0 0 0 1 1H6V14h-.5A2.5 2.5 0 0 1 3 11.5V9.75c0-.356.074-.694.208-1H2.5A2.5 2.5 0 0 1 0 6.25V4.5A2.5 2.5 0 0 1 2.5 2Zm8 5.25H10v1.5h3.5a1 1 0 0 1 1 1v1.75a1 1 0 0 1-1 1H10V14h3.5a2.5 2.5 0 0 0 2.5-2.5V9.75a2.5 2.5 0 0 0-2.5-2.5h-.708c.134-.306.208-.644.208-1V4.5A2.5 2.5 0 0 0 10.5 2H10v1.5h.5a1 1 0 0 1 1 1v1.75a1 1 0 0 1-1 1Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14.5 12.75a2.75 2.75 0 0 0-2-2.646V8.75h2.25a.75.75 0 0 0 0-1.5h-6V5.896a2.752 2.752 0 0 0 2-2.646 2.75 2.75 0 1 0-3.5 2.646V7.25h-6a.75.75 0 0 0 0 1.5H3.5v1.354a2.752 2.752 0 0 0-2 2.646A2.75 2.75 0 1 0 5 10.104V8.75h6v1.354a2.751 2.751 0 1 0 3.5 2.646ZM11.75 14a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM8 4.5A1.25 1.25 0 1 0 8 2a1.25 1.25 0 0 0 0 2.5ZM4.25 14a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 12.5v-9A1.5 1.5 0 0 1 6 2h4a1.5 1.5 0 0 1 1.5 1.5v9A1.5 1.5 0 0 1 10 14H6a1.5 1.5 0 0 1-1.5-1.5Zm10.374-7.834L13 7.477v.773h1.25a.75.75 0 0 1 .624 1.166L13 12.227v.273a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-.273L1.126 9.416A.75.75 0 0 1 1.75 8.25H3v-.773L1.126 4.666A.75.75 0 0 1 1.75 3.5H3a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3h1.25a.75.75 0 0 1 .624 1.166ZM8 7.25a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Zm0 5a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9 2H7a.5.5 0 0 0-.5.5V3h3v-.5A.5.5 0 0 0 9 2Zm2 1v-.5a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2V3H2.251a.75.75 0 0 0 0 1.5h.312l.317 7.625A3 3 0 0 0 5.878 15h4.245a3 3 0 0 0 2.997-2.875l.318-7.625h.312a.75.75 0 0 0 0-1.5H11Zm.936 1.5H4.064l.315 7.562A1.5 1.5 0 0 0 5.878 13.5h4.245a1.5 1.5 0 0 0 1.498-1.438l.315-7.562Zm-6.186 2v5a.75.75 0 0 0 1.5 0v-5a.75.75 0 0 0-1.5 0Zm3.75-.75a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0v-5a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8.5h-2.388a3.422 3.422 0 0 1-6.224 0H2.5V11A1.5 1.5 0 0 0 4 12.5h8a1.5 1.5 0 0 0 1.5-1.5V8.5Zm-2.204-4.757L13.251 7H10l-.136.545a1.921 1.921 0 0 1-3.728 0L6 7H2.75l1.954-3.257a.5.5 0 0 1 .428-.243h5.736a.5.5 0 0 1 .428.243ZM15 8.5v-.67a3 3 0 0 0-.428-1.543l-1.99-3.316A2 2 0 0 0 10.869 2H5.132a2 2 0 0 0-1.715.971l-1.99 3.316A3 3 0 0 0 1 7.831V11a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V8.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.134 13.005 2.217 4.5A1 1 0 0 1 3.083 3h9.834a1 1 0 0 1 .866 1.5l-4.917 8.505a1 1 0 0 1-1.732 0Zm3.03.751c-.962 1.665-3.366 1.665-4.329 0L.918 5.251C-.045 3.584 1.158 1.5 3.083 1.5h9.834c1.925 0 3.128 2.084 2.164 3.751l-4.917 8.505Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M10.164 13.756c-.962 1.665-3.366 1.665-4.329 0L.918 5.251C-.045 3.584 1.158 1.5 3.083 1.5h9.834c1.925 0 3.128 2.084 2.164 3.751l-4.917 8.505Z"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.134 2.994 2.217 11.5a1 1 0 0 0 .866 1.5h9.834a1 1 0 0 0 .866-1.5L8.866 2.993a1 1 0 0 0-1.732 0Zm3.03-.75c-.962-1.665-3.366-1.665-4.328 0L.919 10.749c-.964 1.666.239 3.751 2.164 3.751h9.834c1.925 0 3.128-2.085 2.164-3.751l-4.917-8.505ZM8 5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2A.75.75 0 0 1 8 5Zm1 5.75a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.836 2.244c.962-1.665 3.366-1.665 4.328 0l4.917 8.505c.964 1.666-.239 3.751-2.164 3.751H3.083c-1.925 0-3.128-2.085-2.164-3.751l4.917-8.505ZM8 5a.75.75 0 0 1 .75.75v2a.75.75 0 1 1-1.5 0v-2A.75.75 0 0 1 8 5Zm1 5.75a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.995 7.134 11.5 2.217a1 1 0 0 1 1.5.866v9.834a1 1 0 0 1-1.5.866L2.995 8.866a1 1 0 0 1 0-1.732Zm-.751 3.03c-1.665-.962-1.665-3.366 0-4.329L10.749.918c1.666-.963 3.751.24 3.751 2.165v9.834c0 1.925-2.085 3.128-3.751 2.164l-8.505-4.917Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M2.244 10.164c-1.665-.962-1.665-3.366 0-4.328L10.749.919c1.666-.964 3.751.239 3.751 2.164v9.834c0 1.925-2.085 3.128-3.751 2.164l-8.505-4.917Z"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.005 7.134 4.5 2.217a1 1 0 0 0-1.5.866v9.834a1 1 0 0 0 1.5.866l8.505-4.917a1 1 0 0 0 0-1.732Zm.751 3.03c1.665-.962 1.665-3.366 0-4.329L5.251.918C3.584-.045 1.5 1.158 1.5 3.083v9.834c0 1.925 2.084 3.128 3.751 2.164l8.505-4.917Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M13.756 10.164c1.665-.962 1.665-3.366 0-4.328L5.251.919C3.584-.045 1.5 1.158 1.5 3.083v9.834c0 1.925 2.084 3.128 3.751 2.164l8.505-4.917Z"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.134 2.994 2.217 11.5a1 1 0 0 0 .866 1.5h9.834a1 1 0 0 0 .866-1.5L8.866 2.993a1 1 0 0 0-1.732 0Zm3.03-.75c-.962-1.665-3.366-1.665-4.329 0L.918 10.749c-.963 1.666.24 3.751 2.165 3.751h9.834c1.925 0 3.128-2.085 2.164-3.751l-4.917-8.505ZM8.671 6.585a.75.75 0 0 0-1.342-.67l-1.25 2.5a.75.75 0 0 0 .67 1.085h1.287l-.707 1.415a.75.75 0 1 0 1.342.67l1.25-2.5A.75.75 0 0 0 9.25 8H7.963l.708-1.415Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.134 2.995 2.217 11.5a1 1 0 0 0 .866 1.5h9.834a1 1 0 0 0 .866-1.5L8.866 2.995a1 1 0 0 0-1.732 0Zm3.03-.751c-.962-1.665-3.366-1.665-4.329 0L.918 10.749c-.963 1.666.24 3.751 2.165 3.751h9.834c1.925 0 3.128-2.085 2.164-3.751l-4.917-8.505Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M10.164 2.244c-.962-1.665-3.366-1.665-4.329 0L.918 10.749c-.963 1.666.24 3.751 2.165 3.751h9.834c1.925 0 3.128-2.085 2.164-3.751l-4.917-8.505Z"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.988 11A1.5 1.5 0 1 0 7 11h-.012ZM10 12.476v.024a3 3 0 1 1-4.473-2.614l-1.955-7.33A.75.75 0 0 0 2.848 2H1.25a.75.75 0 0 1 0-1.5h1.598a2.25 2.25 0 0 1 2.174 1.67l.542 2.035a2.251 2.251 0 0 1 .69-.317l4.602-1.231A2.25 2.25 0 0 1 13.61 4.25l1.228 4.607a2.25 2.25 0 0 1-1.595 2.753L10 12.476Zm1.243-8.37a.75.75 0 0 1 .919.531l1.227 4.607a.75.75 0 0 1-.531.918l-3.244.865A2.999 2.999 0 0 0 7 9.5h-.024l-.865-3.245a.75.75 0 0 1 .53-.918l1.595-.427.642 2.291a.75.75 0 0 0 1.444-.403l-.637-2.275 1.558-.417Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m15.177 3.088-3.544-1.771A3 3 0 0 0 10.292 1h-.877a1.5 1.5 0 0 1-2.83 0h-.877a3 3 0 0 0-1.341.317L.823 3.088a1 1 0 0 0-.481 1.266l1.295 3.237a1 1 0 0 0 1.28.565l.351-.132-.188 4.9A2 2 0 0 0 5.078 15h5.844a2 2 0 0 0 1.998-2.077l-.188-4.899.352.132a1 1 0 0 0 1.28-.565l1.294-3.237a1 1 0 0 0-.481-1.266ZM5.764 2.5h-.056a1.5 1.5 0 0 0-.67.158L1.904 4.224l.943 2.356 2.006-.752-.275 7.153a.5.5 0 0 0 .5.519h5.843a.5.5 0 0 0 .5-.52l-.276-7.152 2.006.752.943-2.356-3.132-1.566a1.5 1.5 0 0 0-.671-.158h-.056A2.99 2.99 0 0 1 8 3.5a2.99 2.99 0 0 1-2.236-1Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3 3.5h10A1.5 1.5 0 0 1 14.5 5v5a1.5 1.5 0 0 1-1.5 1.5H3A1.5 1.5 0 0 1 1.5 10V5A1.5 1.5 0 0 1 3 3.5Zm-.21 9.493A3 3 0 0 1 0 10V5a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v5a3 3 0 0 1-2.79 2.993l.46.922a.75.75 0 1 1-1.34.67L11.536 13H4.463l-.793 1.585a.75.75 0 1 1-1.342-.67l.461-.922Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.086.782a.75.75 0 0 0-1.172.937L5.94 3H4a3 3 0 0 0-3 3v5a3 3 0 0 0 2.79 2.993l-.21.421a.75.75 0 0 0 1.34.671l.5-1A.762.762 0 0 0 5.458 14h5.086c.01.029.022.057.036.085l.5 1a.75.75 0 0 0 1.342-.67l-.211-.422A3 3 0 0 0 15 11V6a3 3 0 0 0-3-3h-1.94l1.026-1.281A.75.75 0 0 0 9.914.782L8.14 3h-.28L6.086.782ZM7.494 4.5H12A1.5 1.5 0 0 1 13.5 6v5a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 11V6A1.5 1.5 0 0 1 4 4.5h3.494ZM5.5 7.5v2H8v-2H5.5ZM5 6a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3.5a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H5Zm7 .75a.75.75 0 0 0-1.5 0v3.5a.75.75 0 0 0 1.5 0v-3.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11.183 11.595c-.05.02-.34.112-1.113-.187-.953-.368-2.258-1.218-3.76-2.719-1.5-1.5-2.35-2.806-2.718-3.759-.299-.774-.206-1.063-.187-1.113 1.57-1.535 5.177-2.013 7.484.294 2.32 2.32 1.914 5.83.294 7.484ZM5.79 10.27c2.947 2.747 5.427 3.411 6.427 2.41 2.063-2.061 2.617-6.141.236-9.073l.577-.578a.75.75 0 1 0-1.06-1.06l-.579.578C8.448.178 4.286.814 2.318 2.782c-1 1-.336 3.48 2.41 6.428L2.47 11.47a2.164 2.164 0 1 0 3.06 3.06l.25-.25a.75.75 0 1 0-1.06-1.06l-.25.25a.664.664 0 1 1-.94-.94l2.26-2.259Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5 2.75a.75.75 0 0 0-1.5 0V7a4.5 4.5 0 0 0 9 0V2.75a.75.75 0 0 0-1.5 0V7a3 3 0 0 1-6 0V2.75Zm-.75 9.75a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5h-7.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.5 14.25v-.75h7v.75a.75.75 0 0 0 1.5 0v-.791a3 3 0 0 0 2.5-2.959v-6a3 3 0 0 0-3-3h-9a3 3 0 0 0-3 3v6A3 3 0 0 0 3 13.459v.791a.75.75 0 0 0 1.5 0ZM3.5 12h9a1.5 1.5 0 0 0 1.5-1.5v-6A1.5 1.5 0 0 0 12.5 3h-9A1.5 1.5 0 0 0 2 4.5v6A1.5 1.5 0 0 0 3.5 12ZM8 8.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm2.384-.246a2.498 2.498 0 0 0-.402-2.278l.66-.942a.75.75 0 0 0-1.229-.86l-.66.942a2.499 2.499 0 0 0-2.277.402l-.942-.66a.75.75 0 0 0-.86 1.228l.942.66a2.499 2.499 0 0 0 .402 2.277l-.66.943a.75.75 0 0 0 1.228.86l.66-.942a2.499 2.499 0 0 0 2.277-.402l.943.66a.75.75 0 1 0 .86-1.228l-.942-.66Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 5.5a2.74 2.74 0 0 1-1.444-.409 2.764 2.764 0 0 1-.914-.925c-.6.37-1.106.877-1.476 1.476a2.749 2.749 0 0 1 0 4.716c.37.6.877 1.106 1.476 1.476a2.749 2.749 0 0 1 4.716 0c.6-.37 1.106-.877 1.476-1.476l-.028-.017a2.748 2.748 0 0 1 .028-4.699 4.524 4.524 0 0 0-1.476-1.476l-.017.028A2.748 2.748 0 0 1 8 5.5Zm2.749-2.835a2.75 2.75 0 0 0-5.498 0 6.026 6.026 0 0 0-2.586 2.586 2.75 2.75 0 0 0 0 5.498 6.026 6.026 0 0 0 2.586 2.586 2.749 2.749 0 0 0 5.09 1.359c.245-.398.393-.862.408-1.36a6.027 6.027 0 0 0 2.586-2.585A2.749 2.749 0 0 0 16 8a2.75 2.75 0 0 0-2.665-2.749 6.027 6.027 0 0 0-2.586-2.586ZM9.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM4 8a1.25 1.25 0 1 1-2.5 0A1.25 1.25 0 0 1 4 8Zm5.25 5.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm4-4a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.091 5.194c.132-.214.236-.447.305-.694h3.208c.259.916.98 1.637 1.896 1.896v3.208A2.756 2.756 0 0 0 9.604 11.5H6.396A2.756 2.756 0 0 0 4.5 9.604V6.396a2.756 2.756 0 0 0 1.591-1.202ZM13 6.396v3.208a2.748 2.748 0 0 1 1.591 4.09A2.751 2.751 0 0 1 9.603 13H6.397a2.748 2.748 0 0 1-2.646 2A2.75 2.75 0 0 1 3 9.604V6.396A2.751 2.751 0 1 1 6.396 3h3.208A2.751 2.751 0 1 1 13 6.396ZM3.75 2.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5ZM5 12.25a1.25 1.25 0 1 0-2.5 0 1.25 1.25 0 0 0 2.5 0ZM12.25 11a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Zm1.25-7.25a1.25 1.25 0 1 0-2.5 0 1.25 1.25 0 0 0 2.5 0Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3 4.5h5.5A1.5 1.5 0 0 1 10 6v4a1.5 1.5 0 0 1-1.5 1.5H3A1.5 1.5 0 0 1 1.5 10V6A1.5 1.5 0 0 1 3 4.5Zm8.452 6.037A3 3 0 0 1 8.5 13H3a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h5.5a3 3 0 0 1 2.952 2.463l1.554-1.11A1.893 1.893 0 0 1 16 5.893v4.214a1.893 1.893 0 0 1-2.994 1.54l-1.554-1.11Zm.048-1.809 2.378 1.699a.393.393 0 0 0 .622-.32V5.893a.393.393 0 0 0-.622-.32L11.5 7.272v1.456Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M5.06 9.94A1.5 1.5 0 0 0 4 9.5H2a.5.5 0 0 1-.5-.5V7a.5.5 0 0 1 .5-.5h2a1.5 1.5 0 0 0 1.06-.44l2.483-2.482a.268.268 0 0 1 .457.19v8.464a.268.268 0 0 1-.457.19L5.06 9.939ZM2 5h2l2.482-2.482A1.768 1.768 0 0 1 9.5 3.768v8.464a1.768 1.768 0 0 1-3.018 1.25L4 11H2a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm12.162 8.103c-.265.319-.743.316-1.036.024-.292-.293-.288-.766-.031-1.09A6.473 6.473 0 0 0 14.5 8a6.473 6.473 0 0 0-1.405-4.037c-.257-.324-.261-.797.031-1.09.293-.292.771-.294 1.036.024A7.967 7.967 0 0 1 16 8c0 1.94-.69 3.718-1.838 5.103Zm-2.138-2.135c-.246.333-.726.33-1.019.037-.293-.293-.284-.764-.06-1.113A3.484 3.484 0 0 0 11.5 8c0-.697-.204-1.347-.555-1.892-.224-.348-.233-.82.06-1.113.293-.293.773-.296 1.02.037C12.637 5.862 13 6.89 13 8a4.977 4.977 0 0 1-.976 2.968Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M2 5h2l2.482-2.482A1.768 1.768 0 0 1 9.5 3.768v8.464a1.768 1.768 0 0 1-3.018 1.25L4 11H2a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm12.162 8.103c-.265.319-.743.316-1.036.024-.292-.293-.288-.766-.031-1.09A6.473 6.473 0 0 0 14.5 8a6.473 6.473 0 0 0-1.405-4.037c-.257-.324-.261-.797.031-1.09.293-.292.771-.294 1.036.024A7.967 7.967 0 0 1 16 8c0 1.94-.69 3.718-1.838 5.103Zm-2.138-2.135c-.246.333-.726.33-1.019.037-.293-.293-.284-.764-.06-1.113A3.484 3.484 0 0 0 11.5 8c0-.697-.204-1.347-.555-1.892-.224-.348-.233-.82.06-1.113.293-.293.773-.296 1.02.037C12.637 5.862 13 6.89 13 8a4.977 4.977 0 0 1-.976 2.968Z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.06 9.94A1.5 1.5 0 0 0 4 9.5H2a.5.5 0 0 1-.5-.5V7a.5.5 0 0 1 .5-.5h2a1.5 1.5 0 0 0 1.06-.44l2.483-2.482a.268.268 0 0 1 .457.19v8.464a.268.268 0 0 1-.457.19L5.06 9.939ZM2 5h2l2.482-2.482A1.768 1.768 0 0 1 9.5 3.768v8.464a1.768 1.768 0 0 1-3.018 1.25L4 11H2a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm10.024 5.968c-.246.333-.726.33-1.019.037-.293-.293-.284-.764-.06-1.113A3.484 3.484 0 0 0 11.5 8c0-.697-.204-1.347-.555-1.892-.224-.348-.233-.82.06-1.113.293-.293.773-.296 1.02.037C12.637 5.862 13 6.89 13 8a4.977 4.977 0 0 1-.976 2.968Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.06 9.94A1.5 1.5 0 0 0 4 9.5H2a.5.5 0 0 1-.5-.5V7a.5.5 0 0 1 .5-.5h2a1.5 1.5 0 0 0 1.06-.44l2.483-2.482a.268.268 0 0 1 .457.19v8.464a.268.268 0 0 1-.457.19L5.06 9.939ZM2 5h2l2.482-2.482A1.768 1.768 0 0 1 9.5 3.768v8.464a1.768 1.768 0 0 1-3.018 1.25L4 11H2a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.06 9.94A1.5 1.5 0 0 0 4 9.5H2a.5.5 0 0 1-.5-.5V7a.5.5 0 0 1 .5-.5h2a1.5 1.5 0 0 0 1.06-.44l2.483-2.482a.268.268 0 0 1 .457.19v8.464a.268.268 0 0 1-.457.19L5.06 9.939ZM2 5h2l2.482-2.482A1.768 1.768 0 0 1 9.5 3.768v8.464a1.768 1.768 0 0 1-3.018 1.25L4 11H2a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm10.28.72a.75.75 0 1 0-1.06 1.06L12.44 8l-1.22 1.22a.75.75 0 1 0 1.06 1.06l1.22-1.22 1.22 1.22a.75.75 0 1 0 1.06-1.06L14.56 8l1.22-1.22a.75.75 0 0 0-1.06-1.06L13.5 6.94l-1.22-1.22Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.25 4.886A2.497 2.497 0 0 1 5.5 2.5a2.5 2.5 0 1 1 3.25 2.386V6h2.904a2.5 2.5 0 0 1 2.389 1.765l1.36 4.423A2.173 2.173 0 0 1 13.328 15H2.673a2.173 2.173 0 0 1-2.077-2.812l.252-.82 1.109-3.603A2.5 2.5 0 0 1 4.347 6H7.25V4.886ZM9 2.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-4.654 5a1 1 0 0 0-.955.706L2.03 12.629a.673.673 0 0 0 .643.871h10.654a.673.673 0 0 0 .643-.871l-1.36-4.423a1 1 0 0 0-.956-.706H4.346Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m8.581 9.298.776.143A3.5 3.5 0 0 0 13.5 6c0-.118-.01-.236-.027-.352l-1.39 1.39a1.575 1.575 0 0 1-1.114.462A2.47 2.47 0 0 1 8.5 5.03c0-.417.166-.817.461-1.112l1.39-1.39A2.402 2.402 0 0 0 10 2.5a3.5 3.5 0 0 0-3.441 4.143l.143.776-3.813 3.813a1.329 1.329 0 0 0 1.879 1.879L8.58 9.298Zm3.817-6.787a.795.795 0 0 0-.411-1.018C11.87 1.432 11.014 1 10 1a5 5 0 0 0-4.916 5.916l-3.256 3.256a2.828 2.828 0 1 0 4 4l3.256-3.256A5 5 0 0 0 15 6c0-1.014-.432-1.87-.493-1.987l-.014-.027a.795.795 0 0 0-1.273-.207l-2.198 2.2a.074.074 0 0 1-.053.021.97.97 0 0 1-.969-.97c0-.019.008-.038.022-.052L12.22 2.78a.792.792 0 0 0 .178-.27Z" clip-rule="evenodd"></path></svg></svg></span></span></button><button class="g-button g-button_view_flat g-button_size_xl g-button_pin_round-round gravity-ui-landing-icon-button" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3.47 3.47a.75.75 0 0 1 1.06 0L8 6.94l3.47-3.47a.75.75 0 1 1 1.06 1.06L9.06 8l3.47 3.47a.75.75 0 1 1-1.06 1.06L8 9.06l-3.47 3.47a.75.75 0 0 1-1.06-1.06L6.94 8 3.47 4.53a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path></svg></svg></span></span></button></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"icons":{"actions_copyIconName":"Copy icon name","actions_copyLink":"Copy Link","actions_copied":"Copied","actions_copyReactComponent":"Copy React component","actions_copySvgImport":"Copy SVG import","actions_downloadSvg":"Download SVG","title":"Icons","goToLibrary":"Go to library","filterPlaceholder":"Filter by icon name","keywords":"Keywords","empty_title":"No results found for your request","empty_subTitle":"Please check the spelling or try another keywords.","usage_reactComponent":"React component","usage_svg":"SVG"}}},"initialLocale":"en","ns":["common","icons"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/icons","query":{},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 830f8ba4eab..44029d31f56 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,6 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5e540c6c59d90d8c.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5e540c6c59d90d8c.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/03d5dda4c47a80a4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/03d5dda4c47a80a4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6687-efe98ebd459d5ea9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5194-f21ffdba2b385d80.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3551-c1f4011a0b31cff2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/index-a47e800eb4561cd2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-github-stars-promotion__wrapper" data-hide="true" data-device="desktop"><a class="gravity-ui-landing-github-stars-promotion" href="https://github.com/gravity-ui/uikit" target="_blank"><span class="g-text g-text_variant_body-2 g-color-text g-color-text_color_dark-primary gravity-ui-landing-github-stars-promotion__text"><span>Do&nbsp;you 💖 Gravity UI? Give&nbsp;us&nbsp;a&nbsp;⭐&nbsp;on&nbsp;Github</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.47 13.03a.75.75 0 0 1 0-1.06L9.44 8 5.47 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0Z" clip-rule="evenodd"></path></svg></svg></span></a></div><div class="g-root g-root_theme_dark pc-page-constructor"><div class="pc-page-constructor__wrapper"><div class="pc-AnimateBlock false pc-BackgroundMedia pc-page-constructor__background"><span style="font-size:0"></span><div class="pc-Media pc-BackgroundMedia__media"><div style="transform:translateY(0px)"><div class="pc-storage-background-image pc-media-component-image__item pc-BackgroundMedia__image" style="height:720px" data-qa="background-image"><picture data-qa="background-image-image"><img class="pc-storage-background-image__img" src="/_next/static/media/background.3ae5f4da.jpg" style="height:720px"/></picture></div></div></div></div><div class="pc-layout"><main class="pc-layout__content"><div class="pc-Grid"><div class="container-fluid "><div class="row pc-constructor-row"><div class="col"><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_github-stars-promotion"><div class="gravity-ui-landing-github-stars-promotion__wrapper" data-hide="true" data-device="mobile"><a class="gravity-ui-landing-github-stars-promotion" href="https://github.com/gravity-ui/uikit" target="_blank"><span class="g-text g-text_variant_body-2 g-color-text g-color-text_color_dark-primary gravity-ui-landing-github-stars-promotion__text"><span>Do&nbsp;you 💖 Gravity UI? Give&nbsp;us&nbsp;a&nbsp;⭐&nbsp;on&nbsp;Github</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.47 13.03a.75.75 0 0 1 0-1.06L9.44 8 5.47 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0Z" clip-rule="evenodd"></path></svg></svg></span></a></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_custom-header"><div class="pc-AnimateBlock false gravity-ui-landing-custom-header"><span style="font-size:0"></span><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8"><h1 class="gravity-ui-landing-custom-header__title"><span>Build modern interfaces with the Gravity design system and libraries</span></h1><div class="gravity-ui-landing-custom-header__buttons"><button class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-custom-header__button" type="button"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-custom-header__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2555_8769)"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 0.500008C16.5 4 14.5 10.5 6.99999 12.5C6.99999 12.5 9.5 12 11 11C11.5 11.5 11.0976 12.3764 11 12.5L8.69813 15.7925C8.52995 16.0056 8.25978 16.1111 7.99172 16.0685C7.72366 16.0259 7.49954 15.8418 7.40571 15.5871L6.17198 12.2384C5.89879 11.5654 5.61105 11.1073 5.25819 10.7545C4.90537 10.4016 4.44729 10.1139 3.77448 9.84074L0.425567 8.60693C0.170878 8.5131 -0.0132391 8.28898 -0.055852 8.02092C-0.0984648 7.75286 0.007079 7.4827 0.220116 7.31451L3.5 5C3.62361 4.90241 4.5 4.5 5 5C4 6.5 3.49999 9.00001 3.49999 9.00001C5.5 1.5 12 -0.5 15.5 0.500008ZM4.2378 11.7763C3.36468 10.9032 1.96509 10.8872 1.11172 11.7406C0.0150749 12.8372 0.0393968 14.8595 0.0751309 15.4774C0.0820518 15.5971 0.135344 15.7078 0.220112 15.7925C0.305804 15.8782 0.417885 15.9317 0.538911 15.938C1.1616 15.9701 3.19217 15.9838 4.27357 14.9024C5.12694 14.0491 5.11093 12.6495 4.2378 11.7763Z" fill="black"></path><circle cx="11" cy="5" r="1" fill="#FFBE5C"></circle></g><defs><clipPath id="clip0_2555_8769"><rect width="16" height="16" fill="white"></rect></clipPath></defs></svg></svg></span></span><span class="g-button__text">How to Start</span></button><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-custom-header__button" href="https://github.com/gravity-ui" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-custom-header__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text">GitHub</span></a></div></div><div class="col  col-md-12 col-lg-4"><div class="gravity-ui-landing-custom-header__news"><div class="gravity-ui-landing-custom-header__news-title">Recent updates</div><div class="gravity-ui-landing-custom-header__news-item"><div class="gravity-ui-landing-custom-header__news-item-date"><time dateTime="2024-06-27T07:00:00.000Z" title="Thursday, June 27, 2024 at 7:00:00 AM">3 weeks ago</time></div><div class="gravity-ui-landing-custom-header__news-item-content"><span>500⭐️ for our <a href="/libraries/uikit">UIKit</a>! We just wanted to say thanks for all the support and <a href="https://github.com/gravity-ui/uikit/issues">feedback</a> we've been getting. There's more to come, so stay tuned!</span></div></div><div class="gravity-ui-landing-custom-header__news-item"><div class="gravity-ui-landing-custom-header__news-item-date"><time dateTime="2024-06-13T14:30:00.000Z" title="Thursday, June 13, 2024 at 2:30:00 PM">1 month ago</time></div><div class="gravity-ui-landing-custom-header__news-item-content"><span>We've released the <a href="/components/uikit/pin-input">PinInput component</a>. You may need it to enter OTP or confirmation codes.</span></div></div><div class="gravity-ui-landing-custom-header__news-item"><div class="gravity-ui-landing-custom-header__news-item-date"><time dateTime="2024-05-03T14:00:00.000Z" title="Friday, May 3, 2024 at 2:00:00 PM">2 months ago</time></div><div class="gravity-ui-landing-custom-header__news-item-content"><span>We added a duration module to our <a href="/libraries/date-utils">date-utils library</a>. It implements the ISO 8601 standard for durations. <a href="https://github.com/gravity-ui/date-utils/blob/main/src/typings/duration.ts#L9">Here</a> you can find more information about it.</span></div></div></div></div></div></div></div></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_custom-extended-features"><div class="gravity-ui-landing-custom-extended-features"><span style="font-size:0"></span><div class="gravity-ui-landing-custom-extended-features__items"><div class="row"><div class="col  col-12 col-md-12 col-lg-4 gravity-ui-landing-custom-extended-features__item"><div class="gravity-ui-landing-custom-extended-features-feature-item"><div class="gravity-ui-landing-custom-extended-features-feature-item__content" style="background-color:rgba(37, 27, 37, 0.5);backdrop-filter:blur(60px)"><picture><img class="gravity-ui-landing-custom-extended-features-feature-item__icon" src="_next/static/media/feature-union.1b4ca5e2.svg"/></picture><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>Built on real-life experience</span></h5></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">Conceived as an in-house solution in response to real developers&#x27; needs, we released Gravity to the open-source community.</div></div></div></div><div class="col  col-12 col-md-12 col-lg-4 gravity-ui-landing-custom-extended-features__item"><div class="gravity-ui-landing-custom-extended-features-feature-item"><div class="gravity-ui-landing-custom-extended-features-feature-item__content" style="background-color:rgba(37, 27, 37, 0.5);backdrop-filter:blur(60px)"><picture><img class="gravity-ui-landing-custom-extended-features-feature-item__icon" src="_next/static/media/feature-star.8811f477.svg"/></picture><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>First class design</span></h5></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">Experienced designers curate the look of our libraries, ensuring that components are stylish and consistent, with support for dark mode and high-contrast themes.</div></div></div></div><div class="col  col-12 col-md-12 col-lg-4 gravity-ui-landing-custom-extended-features__item"><div class="gravity-ui-landing-custom-extended-features-feature-item"><div class="gravity-ui-landing-custom-extended-features-feature-item__content" style="background-color:rgba(37, 27, 37, 0.5);backdrop-filter:blur(60px)"><picture><img class="gravity-ui-landing-custom-extended-features-feature-item__icon" src="_next/static/media/feature-shield.72b40acf.svg"/></picture><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>An evolving ecosystem</span></h5></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">Regular feedback from our community of developers allows us to continuously improve our libraries, and break compatibility only when necessary.</div></div></div></div></div></div></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_examples"><div class="pc-AnimateBlock false gravity-ui-landing-examples"><span style="font-size:0"></span><div class="gravity-ui-landing-examples__header-wrapper"><h2 class="gravity-ui-landing-examples__header-title"><span>Examples</span></h2><div class="gravity-ui-landing-examples__controls"><div class="gravity-ui-landing-examples__control gravity-ui-landing-examples__control_type_color"><div class="g-select g-select_width_max"><div class="g-select-control g-select-control_size_xl g-select-control_pin_round-round g-select-control_has-value" role="group"><button role="combobox" aria-controls="select-popup-g-:R1j97ad6:" class="g-select-control__button g-select-control__button_size_xl g-select-control__button_view_normal g-select-control__button_pin_round-round" aria-haspopup="listbox" aria-expanded="false" type="button"><span class="g-select-control__option-text"><div class="gravity-ui-landing-examples__color-option"><div class="gravity-ui-landing-examples__color-option-icon gravity-ui-landing-examples__color-option-icon_color_yellow"></div>Yellow</div></span></button><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon g-select-control__chevron-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.97 5.47a.75.75 0 0 1 1.06 0L8 9.44l3.97-3.97a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0l-4.5-4.5a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path></svg></svg></div></div></div><div class="gravity-ui-landing-examples__control gravity-ui-landing-examples__control_type_theme"><div role="radiogroup" class="g-radio-button g-radio-button_size_xl"><div class="g-radio-button__plate" hidden=""></div><label class="g-radio-button__option g-radio-button__option_checked"><input name="g-:R2j97ad6:" type="radio" aria-checked="true" class="g-radio-button__option-control" checked="" value="dark"/><span class="g-radio-button__option-outline"></span><span class="g-radio-button__option-text g-radio-button__option-text_icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-examples__theme-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.9062 11.875C13.5654 11.875 13.1763 12 12.8125 12C9.84375 12 7.375 9.59375 7.375 6.5C7.375 4.53125 8.40625 2.71875 10.125 1.75C10.4062 1.59375 10.3438 1.1875 10.0312 1.125C9.6875 1.0625 9.125 1 8.75 1C4.875 1 1.75 4.15625 1.75 8C1.75 11.875 4.875 15 8.71875 15C10.875 15 12.8438 14.0312 14.1562 12.4375C14.3438 12.1875 14.1562 11.875 13.9062 11.875ZM8.71875 13.5C5.6875 13.5 3.25 11.0312 3.25 8C3.25 5.625 4.75 3.59375 6.875 2.84375C6.21875 3.90625 5.84375 5.1875 5.84375 6.5C5.84375 9.625 7.875 12.25 10.6875 13.1562C10.0625 13.4062 9.40625 13.5 8.71875 13.5Z" fill="currentColor" fill-opacity="0.85"></path></svg></svg></span></label><label class="g-radio-button__option"><input name="g-:R2j97ad6:" type="radio" aria-checked="false" class="g-radio-button__option-control" value="light"/><span class="g-radio-button__option-outline"></span><span class="g-radio-button__option-text g-radio-button__option-text_icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-examples__theme-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.25 4.5C6.3125 4.5 4.75 6.09375 4.75 8C4.75 9.9375 6.3125 11.5 8.25 11.5C10.1562 11.5 11.75 9.9375 11.75 8C11.75 6.09375 10.1562 4.5 8.25 4.5ZM8.25 10C7.125 10 6.25 9.125 6.25 8C6.25 6.90625 7.125 6 8.25 6C9.34375 6 10.25 6.90625 10.25 8C10.25 9.125 9.34375 10 8.25 10ZM8.25 3.5C8.65625 3.5 9 3.1875 9 2.75V0.75C9 0.34375 8.65625 0 8.25 0C7.8125 0 7.5 0.34375 7.5 0.75V2.75C7.5 3.1875 7.8125 3.5 8.25 3.5ZM8.25 12.5C7.8125 12.5 7.5 12.8438 7.5 13.25V15.25C7.5 15.6875 7.8125 16 8.25 16C8.65625 16 9 15.6875 9 15.25V13.25C9 12.8438 8.65625 12.5 8.25 12.5ZM15.5 7.25H13.5C13.0625 7.25 12.75 7.59375 12.75 8C12.75 8.4375 13.0625 8.75 13.5 8.75H15.5C15.9062 8.75 16.25 8.4375 16.25 8C16.25 7.59375 15.9062 7.25 15.5 7.25ZM3.75 8C3.75 7.59375 3.40625 7.25 3 7.25H1C0.5625 7.25 0.25 7.59375 0.25 8C0.25 8.4375 0.5625 8.75 1 8.75H3C3.40625 8.75 3.75 8.4375 3.75 8ZM12.4688 11.1875C12.1875 10.9062 11.7188 10.9062 11.4062 11.1875C11.125 11.5 11.125 11.9688 11.4062 12.25L12.8438 13.6875C12.9688 13.8125 13.1562 13.9062 13.375 13.9062C13.5625 13.9062 13.75 13.8125 13.9062 13.6875C14.1875 13.375 14.1875 12.9062 13.9062 12.625L12.4688 11.1875ZM4 4.84375C4.125 4.96875 4.34375 5.0625 4.53125 5.0625C4.71875 5.0625 4.90625 4.96875 5.0625 4.84375C5.34375 4.53125 5.34375 4.0625 5.0625 3.78125L3.625 2.34375C3.34375 2.0625 2.875 2.0625 2.5625 2.34375C2.28125 2.65625 2.28125 3.125 2.5625 3.40625L4 4.84375ZM11.9375 5.0625C12.125 5.0625 12.3438 4.96875 12.4688 4.84375L13.9062 3.40625C14.1875 3.125 14.1875 2.65625 13.9062 2.34375C13.5938 2.0625 13.125 2.0625 12.8438 2.34375L11.4062 3.78125C11.125 4.0625 11.125 4.53125 11.4062 4.84375C11.5625 4.96875 11.75 5.0625 11.9375 5.0625ZM4 11.1875L2.5625 12.625C2.28125 12.9062 2.28125 13.375 2.5625 13.6875C2.71875 13.8125 2.90625 13.9062 3.09375 13.9062C3.3125 13.9062 3.5 13.8125 3.625 13.6875L5.0625 12.25C5.34375 11.9688 5.34375 11.5 5.0625 11.1875C4.75 10.9062 4.28125 10.9062 4 11.1875Z" fill="currentColor"></path></svg></svg></span></label></div></div></div><div><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_circle-circle" href="https://preview.gravity-ui.com/uikit" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">Storybook</span></a></div></div><div class="gravity-ui-landing-examples__showcase-wrapper"><div class="g-root g-root_theme_dark g-root_native-scrollbar gravity-ui-landing-examples-showcase gravity-ui-landing-examples-showcase gravity-ui-landing-examples-showcase_color_yellow gravity-ui-landing-examples-showcase_theme_dark" dir="ltr"><div class="gravity-ui-landing-examples-showcase__row"><div class="gravity-ui-landing-examples-showcase__col"><div class="gravity-ui-landing-examples-showcase__sub-row"><div class="gravity-ui-landing-examples-showcase__sub-col"><div class="gravity-ui-landing-examples-showcase__col-item"><div class="gravity-ui-landing-examples-showcase__col-item-elem gravity-ui-landing-examples-showcase__col-item-elem_sm-gap"><button class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round" type="button"><span class="g-button__text">Action</span></button></div><div class="gravity-ui-landing-examples-showcase__col-item-elem gravity-ui-landing-examples-showcase__col-item-elem_sm-gap"><button class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round" type="button"><span class="g-button__text">Normal</span></button></div></div><div class="gravity-ui-landing-examples-showcase__col-item"><div class="gravity-ui-landing-examples-showcase__col-item-elem"><div class="g-loader g-loader_size_l"><div class="g-loader__left"></div><div class="g-loader__center"></div><div class="g-loader__right"></div></div></div><div class="gravity-ui-landing-examples-showcase__col-item-elem"><div class="g-spin g-spin_size_m"><div class="g-spin__inner"></div></div></div></div><div class="gravity-ui-landing-examples-showcase__col-item"><div class="gravity-ui-landing-examples-showcase__col-item-elem"><label class="g-control-label g-control-label_size_l g-checkbox g-checkbox_size_l"><span class="g-control-label__indicator g-checkbox__indicator"><span class="g-checkbox__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10" width="16" height="16" fill="currentColor" class="g-checkbox__icon-svg g-checkbox__icon-svg_type_tick"><path d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"></path></svg></span><input type="checkbox" aria-checked="false" class="g-checkbox__control"/><span class="g-checkbox__outline"></span></span></label></div><div class="gravity-ui-landing-examples-showcase__col-item-elem"><div role="radiogroup" class="g-radio-group g-radio-group_size_l g-radio-group_direction_horizontal"><label class="g-control-label g-control-label_size_l g-radio g-radio_size_l g-radio_checked g-radio-group__option"><span class="g-control-label__indicator g-radio__indicator"><span class="g-radio__disc"></span><input name="g-:R1dd97ad6:" type="radio" aria-checked="true" class="g-radio__control" checked="" value="0"/><span class="g-radio__outline"></span></span></label><label class="g-control-label g-control-label_size_l g-radio g-radio_size_l g-radio-group__option"><span class="g-control-label__indicator g-radio__indicator"><span class="g-radio__disc"></span><input name="g-:R1dd97ad6:" type="radio" aria-checked="false" class="g-radio__control" value="1"/><span class="g-radio__outline"></span></span></label></div></div><div class="gravity-ui-landing-examples-showcase__col-item-elem"><label class="g-control-label g-control-label_size_m g-switch g-switch_size_m"><span class="g-control-label__indicator g-switch__indicator"><input role="switch" type="checkbox" aria-checked="false" class="g-switch__control"/><span class="g-switch__outline"></span><span class="g-switch__slider"></span></span></label></div></div></div><div class="gravity-ui-landing-examples-showcase__sub-col"><div class="gravity-ui-landing-examples-showcase__col-item"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_m"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Active tab"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Active tab</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Inactive tab"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Inactive tab</div></div></div></div></div><div class="gravity-ui-landing-examples-showcase__col-item"><div role="radiogroup" class="g-radio-button g-radio-button_size_l"><div class="g-radio-button__plate" hidden=""></div><label class="g-radio-button__option g-radio-button__option_checked"><input name="group2" type="radio" aria-checked="true" class="g-radio-button__option-control" checked="" value="all"/><span class="g-radio-button__option-outline"></span><span class="g-radio-button__option-text">All</span></label><label class="g-radio-button__option"><input name="group2" type="radio" aria-checked="false" class="g-radio-button__option-control" value="my"/><span class="g-radio-button__option-outline"></span><span class="g-radio-button__option-text">My</span></label></div></div><div class="gravity-ui-landing-examples-showcase__col-item"><div class="g-label g-label_theme_info g-label_size_m"><div class="g-label__text"><div class="g-label__content">Accent</div></div></div></div></div></div></div><div class="gravity-ui-landing-examples-showcase__col gravity-ui-landing-examples-showcase__col_stretch"><div class="gravity-ui-landing-examples-showcase__table-wrapper"><div class="g-table"><table class="g-table__table"><thead class="g-table__head"><tr class="g-table__row"><th class="g-table__cell g-table__cell_edge-padding g-table__checkbox_cell"><label class="g-control-label g-control-label_size_l g-checkbox g-checkbox_size_l g-table__selection-checkbox"><span class="g-control-label__indicator g-checkbox__indicator"><span class="g-checkbox__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10" width="16" height="16" fill="currentColor" class="g-checkbox__icon-svg g-checkbox__icon-svg_type_tick"><path d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"></path></svg></span><input aria-label="Select" type="checkbox" aria-checked="false" class="g-checkbox__control"/><span class="g-checkbox__outline"></span></span></label></th><th class="g-table__cell g-table__cell_edge-padding">Title</th><th class="g-table__cell g-table__cell_edge-padding">Created by</th><th class="g-table__cell g-table__cell_edge-padding">Updated</th><th class="g-table__cell g-table__cell_edge-padding">Created</th><th class="g-table__cell g-table__cell_edge-padding"></th></tr></thead><tbody class="g-table__body"><tr class="g-table__row"><td class="g-table__cell g-table__cell_edge-padding g-table__checkbox_cell"><label class="g-control-label g-control-label_size_l g-checkbox g-checkbox_size_l g-table__selection-checkbox"><span class="g-control-label__indicator g-checkbox__indicator"><span class="g-checkbox__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10" width="16" height="16" fill="currentColor" class="g-checkbox__icon-svg g-checkbox__icon-svg_type_tick"><path d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"></path></svg></span><input aria-label="Select" type="checkbox" aria-checked="false" class="g-checkbox__control"/><span class="g-checkbox__outline"></span></span></label></td><td class="g-table__cell g-table__cell_edge-padding">Weekly Sync</td><td class="g-table__cell g-table__cell_edge-padding"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled" role="img"><img class="g-avatar__image" width="32" height="32" src="/_next/static/media/avatar-1.e45be798.png"/></div></td><td class="g-table__cell g-table__cell_edge-padding">28.06.2022</td><td class="g-table__cell g-table__cell_edge-padding">26.06.2022</td><td class="g-table__cell g-table__cell_edge-padding"><div class="gravity-ui-landing-examples-showcase__star"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div></td></tr><tr class="g-table__row g-table__row_selected"><td class="g-table__cell g-table__cell_edge-padding g-table__checkbox_cell"><label class="g-control-label g-control-label_size_l g-checkbox g-checkbox_size_l g-checkbox_checked g-table__selection-checkbox"><span class="g-control-label__indicator g-checkbox__indicator"><span class="g-checkbox__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10" width="16" height="16" fill="currentColor" class="g-checkbox__icon-svg g-checkbox__icon-svg_type_tick"><path d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"></path></svg></span><input aria-label="Select" type="checkbox" aria-checked="true" class="g-checkbox__control" checked=""/><span class="g-checkbox__outline"></span></span></label></td><td class="g-table__cell g-table__cell_edge-padding">Campaign brainstorm</td><td class="g-table__cell g-table__cell_edge-padding"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled" role="img"><img class="g-avatar__image" width="32" height="32" src="/_next/static/media/avatar-2.3a073e9b.png"/></div></td><td class="g-table__cell g-table__cell_edge-padding">7.06.2022</td><td class="g-table__cell g-table__cell_edge-padding">16.06.2022</td><td class="g-table__cell g-table__cell_edge-padding"><div class="gravity-ui-landing-examples-showcase__star"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.26367 1.58203L5.61328 4.95898L1.88086 5.49219C1.2207 5.59375 0.966797 6.40625 1.44922 6.88867L4.11523 9.50391L3.48047 13.1855C3.37891 13.8457 4.08984 14.3535 4.67383 14.0488L8 12.2969L11.3008 14.0488C11.8848 14.3535 12.5957 13.8457 12.4941 13.1855L11.8594 9.50391L14.5254 6.88867C15.0078 6.40625 14.7539 5.59375 14.0938 5.49219L10.3867 4.95898L8.71094 1.58203C8.43164 0.998047 7.56836 0.972656 7.26367 1.58203Z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div></td></tr><tr class="g-table__row"><td class="g-table__cell g-table__cell_edge-padding g-table__checkbox_cell"><label class="g-control-label g-control-label_size_l g-checkbox g-checkbox_size_l g-table__selection-checkbox"><span class="g-control-label__indicator g-checkbox__indicator"><span class="g-checkbox__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10" width="16" height="16" fill="currentColor" class="g-checkbox__icon-svg g-checkbox__icon-svg_type_tick"><path d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"></path></svg></span><input aria-label="Select" type="checkbox" aria-checked="false" class="g-checkbox__control"/><span class="g-checkbox__outline"></span></span></label></td><td class="g-table__cell g-table__cell_edge-padding">Logo redesign</td><td class="g-table__cell g-table__cell_edge-padding"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled" role="img"><img class="g-avatar__image" width="32" height="32" src="/_next/static/media/avatar-3.7dd7ac15.png"/></div></td><td class="g-table__cell g-table__cell_edge-padding">7.06.2022</td><td class="g-table__cell g-table__cell_edge-padding">20.06.2022</td><td class="g-table__cell g-table__cell_edge-padding"><div class="gravity-ui-landing-examples-showcase__star"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div></td></tr></tbody></table></div></div></div></div></div></div></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_custom-extended-features"><div class="pc-AnimateBlock false gravity-ui-landing-custom-extended-features"><span style="font-size:0"></span><div class="gravity-ui-landing-custom-extended-features__header"><h2 class="gravity-ui-landing-custom-extended-features__header-title"><span>Our libraries</span></h2><div class="gravity-ui-landing-custom-extended-features__button-desktop"><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round pc-button-block pc-button-block_size_xl pc-button-block_theme_outlined" href="/libraries" aria-disabled="false"><span class="g-button__text"><span class="pc-button-block__content"><span class="pc-button-block__text">All libraries</span></span></span></a></div></div><div class="gravity-ui-landing-custom-extended-features__items"><div class="row"><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/uikit"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library gravity-ui-landing-custom-extended-features-feature-item__content_primary" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>UIKit</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">526</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">Base UI components and tokens for building services with Gravity.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->6.21.0</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">16.07.2024</div></div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/page-constructor"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>Page constructor</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">32</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">A set of stylish, functional blocks for quickly creating promo and landing pages.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->5.16.1</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">04.07.2024</div></div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/chartkit"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>ChartKit</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">21</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">A data visualization suite integrated with our design system.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->5.10.1</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">09.07.2024</div></div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/dashkit"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>DashKit</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">13</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">A grid component for building interactive dashboards.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->8.7.1</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">18.07.2024</div></div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/yagr"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>Yagr</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">96</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">A high-performance canvas charts renderer, based on uPlot.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->4.3.0</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">09.04.2024</div></div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/navigation"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>Navigation</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">21</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">A compact and extensible navigation panel for complex services.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->2.16.0</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">27.06.2024</div></div></div></div></a></div></div></div><div class="gravity-ui-landing-custom-extended-features__button-mobile"><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round pc-button-block pc-button-block_size_xl pc-button-block_theme_outlined" href="/libraries" aria-disabled="false"><span class="g-button__text"><span class="pc-button-block__content"><span class="pc-button-block__text">All libraries</span></span></span></a></div></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_roadmap"><div class="pc-AnimateBlock false gravity-ui-landing-roadmap-block"><span style="font-size:0"></span><h2 class="gravity-ui-landing-roadmap-block__title" data-section="roadmap"><span>Roadmap 2024</span></h2><ul class="gravity-ui-landing-roadmap"><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_completed"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_completed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-3.9-1.55a.75.75 0 1 0-1.2-.9L7.419 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08l3-4Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Date Components:</b> new library for working with date and time</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_completed"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_completed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-3.9-1.55a.75.75 0 1 0-1.2-.9L7.419 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08l3-4Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>UIKit:</b> Right-to-left languages support</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_progress"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_progress"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 4.5a.75.75 0 0 0-1.5 0V8a.75.75 0 0 0 .3.6l2 1.5a.75.75 0 1 0 .9-1.2l-1.7-1.275V4.5Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>UIKit:</b> improvements in digital accessibility</span><span class="gravity-ui-landing-roadmap-item__status">In progress</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_progress"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_progress"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 4.5a.75.75 0 0 0-1.5 0V8a.75.75 0 0 0 .3.6l2 1.5a.75.75 0 1 0 .9-1.2l-1.7-1.275V4.5Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Figma:</b> color theme template builder</span><span class="gravity-ui-landing-roadmap-item__status">In progress</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_progress"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_progress"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 4.5a.75.75 0 0 0-1.5 0V8a.75.75 0 0 0 .3.6l2 1.5a.75.75 0 1 0 .9-1.2l-1.7-1.275V4.5Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Development farm</b></span><span class="gravity-ui-landing-roadmap-item__status">In progress</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_completed"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_completed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-3.9-1.55a.75.75 0 1 0-1.2-.9L7.419 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08l3-4Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Docs:</b> Date Components in Components section</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_progress"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_progress"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 4.5a.75.75 0 0 0-1.5 0V8a.75.75 0 0 0 .3.6l2 1.5a.75.75 0 1 0 .9-1.2l-1.7-1.275V4.5Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>UIKit:</b> emoji picker, color picker, label input and range input components</span><span class="gravity-ui-landing-roadmap-item__status">In progress</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_planned"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="6.25" stroke="currentColor" stroke-width="3.5"></circle></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>UIKit:</b> migration to Floating UI</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_planned"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="6.25" stroke="currentColor" stroke-width="3.5"></circle></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Docs:</b> Page constructor in Components section</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_planned"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="6.25" stroke="currentColor" stroke-width="3.5"></circle></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>UIKit:</b> extended mobile support</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_planned"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="6.25" stroke="currentColor" stroke-width="3.5"></circle></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Page constructor:</b> footer block</span></div></div></li></ul></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_templates"><div></div><div class="pc-AnimateBlock false gravity-ui-landing-templates-block"><span style="font-size:0"></span><h2 class="gravity-ui-landing-templates-block__title" data-section="templates"><span>Start creating with Gravity&nbsp;UI</span></h2><section class="gravity-ui-landing-templates"><div class="gravity-ui-landing-templates__tabs-wrapper"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl gravity-ui-landing-templates__tabs"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="CRA"><div class="g-tabs__item-content"><div class="g-tabs__item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2679_46051)"><path d="M116.64 64.2204C116.64 56.8415 107.954 50.2979 94.5995 46.3032C97.8124 32.734 96.4095 21.9387 90.0158 18.2867C88.4481 17.416 86.679 16.9728 84.8859 17.0016C78.9206 17.0016 71.381 21.1676 63.7665 28.3752C56.1519 21.2212 48.6337 17.0765 42.6792 17.0765C40.8583 17.0363 39.0603 17.4876 37.4743 18.3831C31.1128 22.0458 29.7955 32.7769 32.9655 46.2817C19.6749 50.255 11.0322 56.7451 11.0108 64.0919C10.9893 71.4387 19.707 78.0144 33.0619 81.9984C29.849 95.5783 31.2413 106.363 37.6456 110.015C39.2076 110.89 40.9746 111.334 42.7649 111.3C48.7408 111.3 56.2804 107.134 63.895 99.9264C71.4988 107.08 79.017 111.225 84.9823 111.225C86.8024 111.259 88.5987 110.808 90.1872 109.919C96.5487 106.256 97.8553 95.5247 94.6959 82.0734C107.987 78.0466 116.629 71.5565 116.64 64.2204ZM68.6715 30.7956C77.4427 22.9454 82.926 22.0993 84.8752 22.0993C85.7792 22.0703 86.6743 22.2848 87.4669 22.7205C90.5299 24.4662 91.7508 30.6242 90.7762 38.785C90.5266 40.8691 90.1691 42.9388 89.7052 44.9859C85.2674 43.9544 80.7669 43.2138 76.2325 42.769C73.5323 38.9798 70.5843 35.3735 67.4077 31.9736C67.804 31.5774 68.2324 31.1811 68.6715 30.7956ZM42.1223 70.2928C42.9576 71.8992 43.8465 73.5057 44.7676 75.1228C45.6886 76.74 46.6525 78.3786 47.7234 79.9957C44.8211 79.578 42.0045 79.0533 39.3271 78.4321C40.0767 75.7119 41.0299 73.0345 42.1223 70.2928ZM39.1557 49.9016C41.8652 49.2697 44.7033 48.745 47.6484 48.338C46.5775 49.923 45.6565 51.5509 44.6926 53.2537C43.7287 54.9566 42.8827 56.4666 42.058 58.0945C40.9656 55.31 39.9982 52.579 39.1557 49.9016ZM44.7354 64.1883C46.0634 61.3823 47.5235 58.5764 49.1157 55.7705C50.7221 52.9646 52.4464 50.2336 54.2242 47.6204C57.3407 47.3848 60.5536 47.2563 63.8629 47.267C67.1721 47.2777 70.2886 47.3955 73.3837 47.6419C75.1615 50.2336 76.8644 52.9967 78.4708 55.7277C80.0773 58.4586 81.5552 61.3181 82.8832 64.1133C81.5659 66.9193 80.0987 69.7359 78.5136 72.5204C76.9286 75.3049 75.183 78.068 73.4052 80.6811C70.2886 80.9274 67.0758 81.0453 63.7665 81.0453C60.4572 81.0453 57.3407 80.906 54.2456 80.6597C52.4678 78.068 50.7542 75.3692 49.1478 72.5739C47.5414 69.7787 46.117 66.9835 44.7783 64.1883H44.7354ZM79.9273 48.3701C82.8403 48.7771 85.657 49.3019 88.3237 49.923C87.5312 52.5683 86.5887 55.2779 85.4963 58.0088C84.6503 56.4024 83.7721 54.7959 82.8403 53.1788C81.9086 51.5616 80.9233 49.9337 79.9702 48.3701H79.9273ZM82.8832 75.0586C83.8042 73.4379 84.6824 71.8207 85.5178 70.2071C86.5887 72.9916 87.6597 75.7333 88.4094 78.4107C85.7105 79.0426 82.8725 79.5566 79.9273 79.9636C80.9626 78.3786 81.9622 76.7436 82.926 75.0586H82.8832ZM63.7879 35.6149C65.7156 37.6712 67.6112 39.8988 69.464 42.287C67.6327 42.2121 65.7585 42.1585 63.8629 42.1585C61.9672 42.1585 60.0288 42.1585 58.1546 42.287C59.986 39.9095 61.8601 37.6712 63.7879 35.6149ZM40.0339 22.7634C40.8464 22.3312 41.7597 22.1242 42.6792 22.1636C44.6087 22.244 46.5009 22.7216 48.2375 23.5666C52.1623 25.417 55.7753 27.8667 58.9471 30.8277L60.2002 31.9736C57.0561 35.3486 54.1368 38.9262 51.4611 42.6833C46.9022 43.1249 42.3768 43.8619 37.9134 44.8895C37.4422 42.8118 37.0566 40.777 36.8424 38.8171C35.7286 30.7313 37.0138 24.5626 40.0232 22.8062L40.0339 22.7634ZM34.3685 77.0613C32.3562 76.447 30.376 75.7321 28.4353 74.9194C20.8315 71.7065 16.1193 67.5832 16.1193 64.0598C16.1193 60.5363 20.8529 56.4345 28.4461 53.2752C30.3521 52.4857 32.2966 51.7922 34.2721 51.1975C35.6109 55.6345 37.2424 59.9778 39.1557 64.199C37.2831 68.3782 35.684 72.6747 34.3685 77.0613ZM59.0007 97.5167C50.2295 105.367 44.7461 106.202 42.7863 106.202C41.8822 106.232 40.9868 106.018 40.1945 105.581C37.1316 103.835 35.9107 97.6774 36.8853 89.5166C37.134 87.436 37.4915 85.3697 37.9562 83.3264C42.3954 84.349 46.8955 85.0859 51.429 85.5326C54.1259 89.3243 57.0741 92.9308 60.2537 96.3279L59.0007 97.5167ZM63.895 92.6867C61.9672 90.6304 60.0716 88.4028 58.2082 86.0145C60.0502 86.1002 61.9244 86.1431 63.82 86.1431C65.7156 86.1431 67.6541 86.1431 69.5283 86.0253C67.6755 88.4028 65.7906 90.6304 63.8843 92.6867H63.895ZM87.649 105.538C86.8364 105.983 85.919 106.202 84.993 106.17C83.0438 106.17 77.4962 105.313 68.7572 97.4953L67.5041 96.3494C70.6446 92.9742 73.5603 89.3966 76.2325 85.6397C80.7957 85.2042 85.3251 84.4672 89.7909 83.4335C90.2621 85.5112 90.637 87.546 90.8619 89.5059C91.9221 97.581 90.6905 103.75 87.6383 105.495L87.649 105.538ZM99.2154 75.08C97.384 75.8297 95.4456 76.5258 93.3893 77.147C92.0452 72.7103 90.4103 68.3671 88.495 64.1455C90.3763 59.971 91.9826 55.6779 93.3037 51.2939C95.3159 51.9082 97.2962 52.6231 99.2368 53.4358C106.83 56.6487 111.553 60.7719 111.542 64.2954C111.531 67.8188 106.809 71.8778 99.2047 75.0372L99.2154 75.08ZM63.7879 73.9876C65.7324 73.9897 67.6338 73.4152 69.2517 72.3367C70.8697 71.2581 72.1315 69.724 72.8776 67.9284C73.6236 66.1327 73.8205 64.1562 73.4432 62.2487C73.0659 60.3411 72.1315 58.5883 70.758 57.2119C69.3846 55.8354 67.6338 54.8972 65.7271 54.5157C63.8204 54.1343 61.8434 54.3268 60.0462 55.069C58.2489 55.8112 56.712 57.0696 55.63 58.6852C54.5479 60.3008 53.9693 62.201 53.9671 64.1455C53.9643 65.4369 54.2163 66.7163 54.7085 67.9103C55.2008 69.1043 55.9238 70.1894 56.836 71.1036C57.7482 72.0178 58.8318 72.7431 60.0247 73.238C61.2176 73.7329 62.4964 73.9876 63.7879 73.9876ZM33.0512 81.9984C29.8383 95.5783 31.2306 106.363 37.6349 110.015C39.1969 110.89 40.9639 111.334 42.7541 111.3C48.7301 111.3 56.2697 107.134 63.8843 99.9264C71.4881 107.08 79.0063 111.225 84.9716 111.225C86.7917 111.259 88.5879 110.808 90.1765 109.919C96.538 106.256 97.8446 95.5247 94.6852 82.0734C107.976 78.0894 116.619 71.5994 116.629 64.2632C116.64 56.9271 107.944 50.3407 94.5888 46.346C97.8017 32.7769 96.3988 21.9816 90.0051 18.3296C88.4374 17.4589 86.6683 17.0156 84.8752 17.0444C78.9099 17.0444 71.3703 21.2105 63.7558 28.418C56.1412 21.264 48.623 17.1194 42.6685 17.1194C40.8476 17.0791 39.0496 17.5305 37.4636 18.4259C31.102 22.0886 29.7848 32.8197 32.9548 46.3246C19.6641 50.2979 11.0215 56.7879 11 64.1347C10.9786 71.4816 19.707 77.993 33.0619 81.9984H33.0512ZM58.9793 97.5167C50.2081 105.367 44.7247 106.202 42.7649 106.202C41.8608 106.232 40.9653 106.018 40.1731 105.581C37.1102 103.835 35.8893 97.6774 36.8638 89.5166C37.1126 87.436 37.47 85.3697 37.9348 83.3264C42.3739 84.349 46.8741 85.0859 51.4075 85.5326C54.1045 89.3243 57.0527 92.9308 60.2323 96.3279L58.9793 97.5167ZM85.5285 58.0088C84.6824 56.4024 83.8042 54.7959 82.8725 53.1788C81.9407 51.5616 80.9447 49.9659 79.9594 48.3701C82.8725 48.7771 85.6891 49.3019 88.3558 49.923C87.574 52.5683 86.6316 55.2779 85.5392 58.0088H85.5285ZM88.4415 78.3571C85.7427 78.989 82.9046 79.5031 79.9594 79.91C80.9662 78.325 81.9514 76.69 82.9153 75.005C83.8792 73.32 84.7574 71.7029 85.5499 70.1536C86.6744 72.9916 87.649 75.7119 88.4201 78.4107L88.4415 78.3571ZM82.8618 64.0598C81.5445 66.8657 80.0773 69.6823 78.4922 72.4668C76.9072 75.2514 75.1615 78.0144 73.3837 80.6276C70.2672 80.8739 67.0543 80.9917 63.745 80.9917C60.4358 80.9917 57.3193 80.8525 54.2242 80.6062C52.4464 78.0144 50.7328 75.3156 49.1264 72.5204C47.5199 69.7252 46.0527 66.93 44.714 64.1347C46.042 61.3288 47.5021 58.5229 49.0943 55.717C50.7007 52.911 52.425 50.1801 54.2028 47.5669C57.3193 47.3313 60.5322 47.2028 63.8414 47.2135C67.1507 47.2242 70.2672 47.342 73.3623 47.5883C75.1401 50.1801 76.8429 52.9432 78.4494 55.6741C80.0558 58.4051 81.5445 61.3181 82.8725 64.1133L82.8618 64.0598ZM47.7234 79.9957C44.8211 79.578 42.0045 79.0533 39.3271 78.4321C40.1196 75.7976 41.0727 73.0773 42.1651 70.3463C43.0005 71.9528 43.8894 73.5592 44.8104 75.1764C45.7314 76.7935 46.6525 78.3786 47.7234 79.9957ZM44.7354 53.2216C43.8037 54.828 42.9255 56.4345 42.1009 58.0624C40.9799 55.2993 39.9982 52.579 39.1557 49.9016C41.8652 49.2697 44.7033 48.745 47.6484 48.338C46.6525 49.923 45.6993 51.5616 44.7354 53.2216ZM63.8843 92.6867C61.9565 90.6304 60.0609 88.4028 58.1974 86.0145C60.0395 86.1002 61.9137 86.1431 63.8093 86.1431C65.7049 86.1431 67.6434 86.1431 69.5175 86.0253C67.6755 88.4028 65.7906 90.6304 63.8843 92.6867ZM87.6383 105.538C86.8257 105.983 85.9083 106.202 84.9823 106.17C83.0331 106.17 77.4855 105.313 68.7464 97.4953L67.4934 96.3494C70.6339 92.9742 73.5496 89.3966 76.2218 85.6397C80.785 85.2042 85.3143 84.4672 89.7802 83.4335C90.2514 85.5112 90.6263 87.546 90.8512 89.5059C91.9221 97.581 90.6905 103.75 87.6383 105.495V105.538ZM93.293 51.2832C95.3052 51.8975 97.2854 52.6124 99.2261 53.4251C106.819 56.638 111.542 60.7612 111.531 64.2847C111.521 67.8082 106.809 71.9528 99.2047 75.1121C97.3733 75.8618 95.4349 76.5579 93.3786 77.1791C92.0345 72.7425 90.3996 68.3992 88.4843 64.1776C90.369 59.9752 91.9754 55.6535 93.293 51.2403V51.2832ZM68.6608 30.8384C77.432 22.9883 82.9153 22.1422 84.8645 22.1422C85.7684 22.1132 86.6636 22.3277 87.4562 22.7634C90.5192 24.509 91.7401 30.6671 90.7655 38.8278C90.5159 40.9119 90.1584 42.9816 89.6945 45.0287C85.2567 43.9972 80.7562 43.2567 76.2218 42.8118C73.5216 39.0226 70.5735 35.4163 67.397 32.0165C67.804 31.5774 68.2324 31.1811 68.6715 30.7956L68.6608 30.8384ZM63.7879 35.6149C65.7156 37.6712 67.6112 39.8988 69.464 42.287C67.6327 42.2121 65.7585 42.1585 63.8629 42.1585C61.9672 42.1585 60.0288 42.1585 58.1546 42.287C59.986 39.9095 61.8601 37.6712 63.7879 35.6149ZM40.0339 22.7634C40.8464 22.3312 41.7597 22.1242 42.6792 22.1636C44.6087 22.244 46.5009 22.7216 48.2375 23.5666C52.1623 25.417 55.7753 27.8667 58.9471 30.8277L60.2002 31.9736C57.0561 35.3486 54.1368 38.9262 51.4611 42.6833C46.9022 43.1249 42.3768 43.8619 37.9134 44.8895C37.4422 42.8118 37.0566 40.777 36.8424 38.8171C35.7286 30.7313 37.0138 24.5626 40.0232 22.8062L40.0339 22.7634ZM28.4461 53.2752C30.3521 52.4857 32.2966 51.7922 34.2721 51.1975C35.6109 55.6345 37.2424 59.9778 39.1557 64.199C37.2762 68.3742 35.67 72.6671 34.3471 77.0506C32.3348 76.4362 30.3546 75.7214 28.4139 74.9086C20.8101 71.6957 16.0978 67.5725 16.0978 64.0491C16.0978 60.5256 20.8529 56.4345 28.4461 53.2752ZM63.7879 54.3461C61.8434 54.344 59.942 54.9185 58.324 55.9971C56.7061 57.0756 55.4443 58.6097 54.6982 60.4053C53.9521 62.201 53.7553 64.1775 54.1326 66.0851C54.5098 67.9926 55.4443 69.7454 56.8177 71.1219C58.1912 72.4983 59.942 73.4366 61.8487 73.818C63.7554 74.1995 65.7323 74.0069 67.5296 73.2647C69.3269 72.5226 70.8637 71.2641 71.9458 69.6485C73.0278 68.0329 73.6065 66.1327 73.6086 64.1883C73.6185 62.8923 73.3718 61.6072 72.8827 60.407C72.3936 59.2068 71.6718 58.1154 70.7588 57.1955C69.8459 56.2756 68.7599 55.5455 67.5635 55.0473C66.3671 54.549 65.0839 54.2925 63.7879 54.2926V54.3461ZM63.7879 54.3461C61.8434 54.344 59.942 54.9185 58.324 55.9971C56.7061 57.0756 55.4443 58.6097 54.6982 60.4053C53.9521 62.201 53.7553 64.1775 54.1326 66.0851C54.5098 67.9926 55.4443 69.7454 56.8177 71.1219C58.1912 72.4983 59.942 73.4366 61.8487 73.818C63.7554 74.1995 65.7323 74.0069 67.5296 73.2647C69.3269 72.5226 70.8637 71.2641 71.9458 69.6485C73.0278 68.0329 73.6065 66.1327 73.6086 64.1883C73.6185 62.8923 73.3718 61.6072 72.8827 60.407C72.3936 59.2068 71.6718 58.1154 70.7588 57.1955C69.8459 56.2756 68.7599 55.5455 67.5635 55.0473C66.3671 54.549 65.0839 54.2925 63.7879 54.2926V54.3461ZM63.7879 54.3461C61.8434 54.344 59.942 54.9185 58.324 55.9971C56.7061 57.0756 55.4443 58.6097 54.6982 60.4053C53.9521 62.201 53.7553 64.1775 54.1326 66.0851C54.5098 67.9926 55.4443 69.7454 56.8177 71.1219C58.1912 72.4983 59.942 73.4366 61.8487 73.818C63.7554 74.1995 65.7323 74.0069 67.5296 73.2647C69.3269 72.5226 70.8637 71.2641 71.9458 69.6485C73.0278 68.0329 73.6065 66.1327 73.6086 64.1883C73.6185 62.8923 73.3718 61.6072 72.8827 60.407C72.3936 59.2068 71.6718 58.1154 70.7588 57.1955C69.8459 56.2756 68.7599 55.5455 67.5635 55.0473C66.3671 54.549 65.0839 54.2925 63.7879 54.2926V54.3461ZM116.64 64.2418C116.64 56.8629 107.954 50.3193 94.5995 46.3246C97.8124 32.7555 96.4095 21.9601 90.0158 18.3081C88.4481 17.4374 86.679 16.9942 84.8859 17.023C78.9206 17.023 71.381 21.189 63.7665 28.3966C56.1519 21.2426 48.6337 17.0979 42.6792 17.0979C40.8583 17.0577 39.0603 17.5091 37.4743 18.4045C31.1128 22.0672 29.7955 32.7983 32.9655 46.3032C19.6749 50.2764 11.0322 56.7665 11.0108 64.1133C10.9893 71.4601 19.707 78.0358 33.0619 82.0198C29.849 95.5997 31.2413 106.384 37.6456 110.036C39.2076 110.912 40.9746 111.355 42.7649 111.321C48.7408 111.321 56.2804 107.155 63.895 99.9478C71.4988 107.102 79.017 111.247 84.9823 111.247C86.8024 111.28 88.5987 110.829 90.1872 109.94C96.5487 106.277 97.8553 95.5461 94.6959 82.0948C107.987 78.0466 116.629 71.5565 116.64 64.2204V64.2418ZM68.6715 30.7956C77.4427 22.9454 82.926 22.0993 84.8752 22.0993C85.7792 22.0703 86.6743 22.2848 87.4669 22.7205C90.5299 24.4662 91.7508 30.6242 90.7762 38.785C90.5266 40.8691 90.1691 42.9388 89.7052 44.9859C85.2674 43.9544 80.7669 43.2138 76.2325 42.769C73.5323 38.9798 70.5843 35.3735 67.4077 31.9736C67.804 31.5774 68.2324 31.1811 68.6715 30.7956ZM42.1223 70.2928C42.9576 71.8992 43.8465 73.5057 44.7676 75.1228C45.6886 76.74 46.6525 78.3786 47.7234 79.9957C44.8211 79.578 42.0045 79.0533 39.3271 78.4321C40.0767 75.7119 41.0299 73.0345 42.1223 70.2928ZM39.1557 49.9016C41.8652 49.2697 44.7033 48.745 47.6484 48.338C46.5775 49.923 45.6565 51.5509 44.6926 53.2537C43.7287 54.9566 42.8827 56.4666 42.058 58.0945C40.9656 55.31 39.9982 52.579 39.1557 49.9016ZM44.7354 64.1883C46.0634 61.3823 47.5235 58.5764 49.1157 55.7705C50.7221 52.9646 52.4464 50.2336 54.2242 47.6204C57.3407 47.3848 60.5536 47.2563 63.8629 47.267C67.1721 47.2777 70.2886 47.3955 73.3837 47.6419C75.1615 50.2336 76.8644 52.9967 78.4708 55.7277C80.0773 58.4586 81.5552 61.3181 82.8832 64.1133C81.5659 66.9193 80.0987 69.7359 78.5136 72.5204C76.9286 75.3049 75.183 78.068 73.4052 80.6811C70.2886 80.9274 67.0758 81.0453 63.7665 81.0453C60.4572 81.0453 57.3407 80.906 54.2456 80.6597C52.4678 78.068 50.7542 75.3692 49.1478 72.5739C47.5414 69.7787 46.117 66.9835 44.7783 64.1883H44.7354ZM79.9273 48.3701C82.8403 48.7771 85.657 49.3019 88.3237 49.923C87.5312 52.5683 86.5887 55.2779 85.4963 58.0088C84.6503 56.4024 83.7721 54.7959 82.8403 53.1788C81.9086 51.5616 80.9233 49.9337 79.9702 48.3701H79.9273ZM82.8832 75.0586C83.8042 73.4379 84.6824 71.8207 85.5178 70.2071C86.5887 72.9916 87.6597 75.7333 88.4094 78.4107C85.7105 79.0426 82.8725 79.5566 79.9273 79.9636C80.9626 78.3786 81.9622 76.7436 82.926 75.0586H82.8832ZM63.7879 35.6149C65.7156 37.6712 67.6112 39.8988 69.464 42.287C67.6327 42.2121 65.7585 42.1585 63.8629 42.1585C61.9672 42.1585 60.0288 42.1585 58.1546 42.287C59.986 39.9095 61.8601 37.6712 63.7879 35.6149ZM40.0339 22.7634C40.8464 22.3312 41.7597 22.1242 42.6792 22.1636C44.6087 22.244 46.5009 22.7216 48.2375 23.5666C52.1623 25.417 55.7753 27.8667 58.9471 30.8277L60.2002 31.9736C57.0561 35.3486 54.1368 38.9262 51.4611 42.6833C46.9022 43.1249 42.3768 43.8619 37.9134 44.8895C37.4422 42.8118 37.0566 40.777 36.8424 38.8171C35.7286 30.7313 37.0138 24.5626 40.0232 22.8062L40.0339 22.7634ZM34.3685 77.0613C32.3562 76.447 30.376 75.7321 28.4353 74.9194C20.8315 71.7065 16.1193 67.5832 16.1193 64.0598C16.1193 60.5363 20.8529 56.4345 28.4461 53.2752C30.3521 52.4857 32.2966 51.7922 34.2721 51.1975C35.6109 55.6345 37.2424 59.9778 39.1557 64.199C37.2831 68.3782 35.684 72.6747 34.3685 77.0613ZM59.0007 97.5167C50.2295 105.367 44.7461 106.202 42.7863 106.202C41.8822 106.232 40.9868 106.018 40.1945 105.581C37.1316 103.835 35.9107 97.6774 36.8853 89.5166C37.134 87.436 37.4915 85.3697 37.9562 83.3264C42.3954 84.349 46.8955 85.0859 51.429 85.5326C54.1259 89.3243 57.0741 92.9308 60.2537 96.3279L59.0007 97.5167ZM63.895 92.6867C61.9672 90.6304 60.0716 88.4028 58.2082 86.0145C60.0502 86.1002 61.9244 86.1431 63.82 86.1431C65.7156 86.1431 67.6541 86.1431 69.5283 86.0253C67.6755 88.4028 65.7906 90.6304 63.8843 92.6867H63.895ZM87.649 105.538C86.8364 105.983 85.919 106.202 84.993 106.17C83.0438 106.17 77.4962 105.313 68.7572 97.4953L67.5041 96.3494C70.6446 92.9742 73.5603 89.3966 76.2325 85.6397C80.7957 85.2042 85.3251 84.4672 89.7909 83.4335C90.2621 85.5112 90.637 87.546 90.8619 89.5059C91.9221 97.581 90.6905 103.75 87.6383 105.495L87.649 105.538ZM99.2154 75.08C97.384 75.8297 95.4456 76.5258 93.3893 77.147C92.0452 72.7103 90.4103 68.3671 88.495 64.1455C90.3763 59.971 91.9826 55.6779 93.3037 51.2939C95.3159 51.9082 97.2962 52.6231 99.2368 53.4358C106.83 56.6487 111.553 60.7719 111.542 64.2954C111.531 67.8188 106.809 71.8778 99.2047 75.0372L99.2154 75.08ZM63.7879 73.9876C65.7324 73.9897 67.6338 73.4152 69.2517 72.3367C70.8697 71.2581 72.1315 69.724 72.8776 67.9284C73.6236 66.1327 73.8205 64.1562 73.4432 62.2487C73.0659 60.3411 72.1315 58.5883 70.758 57.2119C69.3846 55.8354 67.6338 54.8972 65.7271 54.5157C63.8204 54.1343 61.8434 54.3268 60.0462 55.069C58.2489 55.8112 56.712 57.0696 55.63 58.6852C54.5479 60.3008 53.9693 62.201 53.9671 64.1455C53.9643 65.4369 54.2163 66.7163 54.7085 67.9103C55.2008 69.1043 55.9238 70.1894 56.836 71.1036C57.7482 72.0178 58.8318 72.7431 60.0247 73.238C61.2176 73.7329 62.4964 73.9876 63.7879 73.9876Z" fill="#09D3AC"></path><path d="M5 25L5 123H106L101 128H0V30.1022L5 25Z" fill="#09D3AC" fill-opacity="0.5"></path><path d="M123 103L123 5H22L27 0H128V97.8978L123 103Z" fill="#09D3AC" fill-opacity="0.5"></path></g><defs><clipPath id="clip0_2679_46051"><rect width="128" height="128" fill="white"></rect></clipPath></defs></svg></svg></div><div class="g-tabs__item-title">CRA</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Next.js"><div class="g-tabs__item-content"><div class="g-tabs__item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2557_9914)"><path d="M11.2147 0.0186595C11.1632 0.0233466 10.9991 0.0397512 10.8515 0.0514688C7.44634 0.35847 4.25681 2.19579 2.2367 5.01973C1.11181 6.58989 0.392346 8.37097 0.120497 10.2575C0.0244129 10.916 0.0126953 11.1105 0.0126953 12.0034C0.0126953 12.8963 0.0244129 13.0908 0.120497 13.7493C0.771996 18.2513 3.97559 22.0337 8.32048 23.4351C9.09853 23.6859 9.91876 23.857 10.8515 23.9601C11.2147 23.9999 12.7849 23.9999 13.1481 23.9601C14.7581 23.782 16.1221 23.3836 17.4672 22.6969C17.6735 22.5915 17.7133 22.5633 17.6852 22.5399C17.6664 22.5258 16.7876 21.347 15.733 19.9222L13.816 17.3326L11.4139 13.7775C10.0922 11.823 9.00479 10.2247 8.99541 10.2247C8.98604 10.2224 8.97666 11.8019 8.97198 13.7306C8.96495 17.1076 8.9626 17.2435 8.92042 17.3232C8.85949 17.4381 8.81262 17.4849 8.71419 17.5365C8.6392 17.574 8.57358 17.581 8.21971 17.581H7.81428L7.70647 17.513C7.63617 17.4685 7.58461 17.4099 7.54946 17.342L7.50025 17.2365L7.50493 12.5377L7.51196 7.83665L7.58461 7.74525C7.62211 7.69603 7.70179 7.63276 7.75803 7.60229C7.85412 7.55542 7.89161 7.55074 8.29704 7.55074C8.77512 7.55074 8.8548 7.56948 8.97901 7.70541C9.01416 7.74291 10.3148 9.70209 11.8709 12.062C13.427 14.4219 15.5549 17.6443 16.6001 19.2262L18.4984 22.1017L18.5945 22.0384C19.4452 21.4853 20.3451 20.6979 21.0575 19.8777C22.5738 18.1364 23.551 16.0132 23.8791 13.7493C23.9752 13.0908 23.9869 12.8963 23.9869 12.0034C23.9869 11.1105 23.9752 10.916 23.8791 10.2575C23.2276 5.7556 20.024 1.97316 15.6791 0.57173C14.9128 0.323317 14.0973 0.15224 13.1833 0.0491253C12.9583 0.0256901 11.4092 -8.86405e-05 11.2147 0.0186595ZM16.1221 7.26951C16.2345 7.32576 16.3259 7.43356 16.3588 7.54605C16.3775 7.60698 16.3822 8.90998 16.3775 11.8464L16.3705 16.0601L15.6276 14.9211L14.8823 13.7822V10.7192C14.8823 8.7389 14.8917 7.62573 14.9058 7.57183C14.9433 7.44059 15.0253 7.33748 15.1378 7.27654C15.2339 7.22733 15.269 7.22264 15.637 7.22264C15.9838 7.22264 16.0447 7.22733 16.1221 7.26951Z" fill="white" fill-opacity="0.85"></path><path d="M18.3813 22.1532C18.2993 22.2048 18.2735 22.2399 18.3462 22.2001C18.3977 22.1696 18.4821 22.1063 18.468 22.104C18.461 22.104 18.4212 22.1274 18.3813 22.1532ZM18.2196 22.2587C18.1774 22.2915 18.1774 22.2938 18.229 22.2681C18.2571 22.254 18.2806 22.2376 18.2806 22.2329C18.2806 22.2141 18.2688 22.2188 18.2196 22.2587ZM18.1025 22.329C18.0603 22.3618 18.0603 22.3641 18.1118 22.3384C18.1399 22.3243 18.1634 22.3079 18.1634 22.3032C18.1634 22.2845 18.1517 22.2891 18.1025 22.329ZM17.9853 22.3993C17.9431 22.4321 17.9431 22.4344 17.9947 22.4087C18.0228 22.3946 18.0462 22.3782 18.0462 22.3735C18.0462 22.3548 18.0345 22.3594 17.9853 22.3993ZM17.8072 22.493C17.7181 22.5399 17.7228 22.5586 17.8119 22.5141C17.8517 22.493 17.8822 22.4719 17.8822 22.4672C17.8822 22.4508 17.8798 22.4532 17.8072 22.493Z" fill="white" fill-opacity="0.7"></path></g><defs><clipPath id="clip0_2557_9914"><rect width="24" height="24" fill="white"></rect></clipPath></defs></svg></svg></div><div class="g-tabs__item-title">Next.js</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Vite"><div class="g-tabs__item-content"><div class="g-tabs__item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg></svg></div><div class="g-tabs__item-title">Vite</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Remix"><div class="g-tabs__item-content"><div class="g-tabs__item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_i_2991_14985)"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.8951 21.5001C20.8919 20.4863 20.8693 19.4073 20.7094 17.4236C20.4787 15.1021 19.2268 13.9255 17.0854 13.5121C19.6222 13.194 21 11.0478 21 8.5C21 4.5 19 2 13.4616 2H4C3.72386 2 3.5 2.22386 3.5 2.5V5.7858C3.5 6.06194 3.72386 6.2858 4 6.2858H12.3782C14.8443 6.2858 15.8308 7.2382 15.8308 8.6668C15.8308 10.0954 14.8443 11.0478 12.3782 11.0478H4C3.72386 11.0478 3.5 11.2717 3.5 11.5478V14.8336C3.5 15.1097 3.72386 15.3336 4 15.3336H10.4053H12C13.9729 15.3336 15.1088 15.8971 15.2735 18.1868C15.3885 19.6304 15.3759 20.214 15.3615 20.8793C15.3603 20.9348 15.3591 20.9908 15.3579 21.048C15.3556 21.1636 15.3555 21.3299 15.3561 21.5C15.3569 21.7761 15.5818 22 15.8579 22H20.3957C20.6718 22 20.896 21.7762 20.8951 21.5001ZM3.5 21.4997C3.5 21.7759 3.72386 21.9997 4 21.9997H10.5C10.7761 21.9997 11 21.7759 11 21.4997V20.0002C11 19.1717 10.3302 18.5002 9.50174 18.5002H3.99723C3.72108 18.5002 3.5 18.724 3.5 19.0002V21.4997Z" fill="#AAF3EB"></path></g><defs><filter id="filter0_i_2991_14985" x="3.5" y="2" width="17.5" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation="1"></feGaussianBlur><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0.130106 0 0 0 0 0.854395 0 0 0 0 0.854395 0 0 0 1 0"></feColorMatrix><feBlend mode="normal" in2="shape" result="effect1_innerShadow_2991_14985"></feBlend></filter></defs></svg></svg></div><div class="g-tabs__item-title">Remix</div></div></div></div></div><div class="gravity-ui-landing-templates__commands-wrapper"><pre><code class="gravity-ui-landing-templates__commands">npx create-react-app my-app <span class="token parameter variable">--template</span> gravity-ui-pure
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5e540c6c59d90d8c.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5e540c6c59d90d8c.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/03d5dda4c47a80a4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/03d5dda4c47a80a4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6687-efe98ebd459d5ea9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5194-f21ffdba2b385d80.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3551-c1f4011a0b31cff2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/index-a47e800eb4561cd2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-github-stars-promotion__wrapper" data-hide="true" data-device="desktop"><a class="gravity-ui-landing-github-stars-promotion" href="https://github.com/gravity-ui/uikit" target="_blank"><span class="g-text g-text_variant_body-2 g-color-text g-color-text_color_dark-primary gravity-ui-landing-github-stars-promotion__text"><span>Do&nbsp;you 💖 Gravity UI? Give&nbsp;us&nbsp;a&nbsp;⭐&nbsp;on&nbsp;Github</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.47 13.03a.75.75 0 0 1 0-1.06L9.44 8 5.47 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0Z" clip-rule="evenodd"></path></svg></svg></span></a></div><div class="g-root g-root_theme_dark pc-page-constructor"><div class="pc-page-constructor__wrapper"><div class="pc-AnimateBlock false pc-BackgroundMedia pc-page-constructor__background"><span style="font-size:0"></span><div class="pc-Media pc-BackgroundMedia__media"><div style="transform:translateY(0px)"><div class="pc-storage-background-image pc-media-component-image__item pc-BackgroundMedia__image" style="height:720px" data-qa="background-image"><picture data-qa="background-image-image"><img class="pc-storage-background-image__img" src="/_next/static/media/background.3ae5f4da.jpg" style="height:720px"/></picture></div></div></div></div><div class="pc-layout"><main class="pc-layout__content"><div class="pc-Grid"><div class="container-fluid "><div class="row pc-constructor-row"><div class="col"><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_github-stars-promotion"><div class="gravity-ui-landing-github-stars-promotion__wrapper" data-hide="true" data-device="mobile"><a class="gravity-ui-landing-github-stars-promotion" href="https://github.com/gravity-ui/uikit" target="_blank"><span class="g-text g-text_variant_body-2 g-color-text g-color-text_color_dark-primary gravity-ui-landing-github-stars-promotion__text"><span>Do&nbsp;you 💖 Gravity UI? Give&nbsp;us&nbsp;a&nbsp;⭐&nbsp;on&nbsp;Github</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M5.47 13.03a.75.75 0 0 1 0-1.06L9.44 8 5.47 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0Z" clip-rule="evenodd"></path></svg></svg></span></a></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_custom-header"><div class="pc-AnimateBlock false gravity-ui-landing-custom-header"><span style="font-size:0"></span><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8"><h1 class="gravity-ui-landing-custom-header__title"><span>Build modern interfaces with the Gravity design system and libraries</span></h1><div class="gravity-ui-landing-custom-header__buttons"><button class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-custom-header__button" type="button"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-custom-header__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2555_8769)"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 0.500008C16.5 4 14.5 10.5 6.99999 12.5C6.99999 12.5 9.5 12 11 11C11.5 11.5 11.0976 12.3764 11 12.5L8.69813 15.7925C8.52995 16.0056 8.25978 16.1111 7.99172 16.0685C7.72366 16.0259 7.49954 15.8418 7.40571 15.5871L6.17198 12.2384C5.89879 11.5654 5.61105 11.1073 5.25819 10.7545C4.90537 10.4016 4.44729 10.1139 3.77448 9.84074L0.425567 8.60693C0.170878 8.5131 -0.0132391 8.28898 -0.055852 8.02092C-0.0984648 7.75286 0.007079 7.4827 0.220116 7.31451L3.5 5C3.62361 4.90241 4.5 4.5 5 5C4 6.5 3.49999 9.00001 3.49999 9.00001C5.5 1.5 12 -0.5 15.5 0.500008ZM4.2378 11.7763C3.36468 10.9032 1.96509 10.8872 1.11172 11.7406C0.0150749 12.8372 0.0393968 14.8595 0.0751309 15.4774C0.0820518 15.5971 0.135344 15.7078 0.220112 15.7925C0.305804 15.8782 0.417885 15.9317 0.538911 15.938C1.1616 15.9701 3.19217 15.9838 4.27357 14.9024C5.12694 14.0491 5.11093 12.6495 4.2378 11.7763Z" fill="black"></path><circle cx="11" cy="5" r="1" fill="#FFBE5C"></circle></g><defs><clipPath id="clip0_2555_8769"><rect width="16" height="16" fill="white"></rect></clipPath></defs></svg></svg></span></span><span class="g-button__text">How to Start</span></button><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-custom-header__button" href="https://github.com/gravity-ui" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-custom-header__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text">GitHub</span></a></div></div><div class="col  col-md-12 col-lg-4"><div class="gravity-ui-landing-custom-header__news"><div class="gravity-ui-landing-custom-header__news-title">Recent updates</div><div class="gravity-ui-landing-custom-header__news-item"><div class="gravity-ui-landing-custom-header__news-item-date"><time dateTime="2024-06-27T07:00:00.000Z" title="Thursday, June 27, 2024 at 7:00:00 AM">3 weeks ago</time></div><div class="gravity-ui-landing-custom-header__news-item-content"><span>500⭐️ for our <a href="/libraries/uikit">UIKit</a>! We just wanted to say thanks for all the support and <a href="https://github.com/gravity-ui/uikit/issues">feedback</a> we've been getting. There's more to come, so stay tuned!</span></div></div><div class="gravity-ui-landing-custom-header__news-item"><div class="gravity-ui-landing-custom-header__news-item-date"><time dateTime="2024-06-13T14:30:00.000Z" title="Thursday, June 13, 2024 at 2:30:00 PM">1 month ago</time></div><div class="gravity-ui-landing-custom-header__news-item-content"><span>We've released the <a href="/components/uikit/pin-input">PinInput component</a>. You may need it to enter OTP or confirmation codes.</span></div></div><div class="gravity-ui-landing-custom-header__news-item"><div class="gravity-ui-landing-custom-header__news-item-date"><time dateTime="2024-05-03T14:00:00.000Z" title="Friday, May 3, 2024 at 2:00:00 PM">2 months ago</time></div><div class="gravity-ui-landing-custom-header__news-item-content"><span>We added a duration module to our <a href="/libraries/date-utils">date-utils library</a>. It implements the ISO 8601 standard for durations. <a href="https://github.com/gravity-ui/date-utils/blob/main/src/typings/duration.ts#L9">Here</a> you can find more information about it.</span></div></div></div></div></div></div></div></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_custom-extended-features"><div class="gravity-ui-landing-custom-extended-features"><span style="font-size:0"></span><div class="gravity-ui-landing-custom-extended-features__items"><div class="row"><div class="col  col-12 col-md-12 col-lg-4 gravity-ui-landing-custom-extended-features__item"><div class="gravity-ui-landing-custom-extended-features-feature-item"><div class="gravity-ui-landing-custom-extended-features-feature-item__content" style="background-color:rgba(37, 27, 37, 0.5);backdrop-filter:blur(60px)"><picture><img class="gravity-ui-landing-custom-extended-features-feature-item__icon" src="_next/static/media/feature-union.1b4ca5e2.svg"/></picture><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>Built on real-life experience</span></h5></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">Conceived as an in-house solution in response to real developers&#x27; needs, we released Gravity to the open-source community.</div></div></div></div><div class="col  col-12 col-md-12 col-lg-4 gravity-ui-landing-custom-extended-features__item"><div class="gravity-ui-landing-custom-extended-features-feature-item"><div class="gravity-ui-landing-custom-extended-features-feature-item__content" style="background-color:rgba(37, 27, 37, 0.5);backdrop-filter:blur(60px)"><picture><img class="gravity-ui-landing-custom-extended-features-feature-item__icon" src="_next/static/media/feature-star.8811f477.svg"/></picture><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>First class design</span></h5></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">Experienced designers curate the look of our libraries, ensuring that components are stylish and consistent, with support for dark mode and high-contrast themes.</div></div></div></div><div class="col  col-12 col-md-12 col-lg-4 gravity-ui-landing-custom-extended-features__item"><div class="gravity-ui-landing-custom-extended-features-feature-item"><div class="gravity-ui-landing-custom-extended-features-feature-item__content" style="background-color:rgba(37, 27, 37, 0.5);backdrop-filter:blur(60px)"><picture><img class="gravity-ui-landing-custom-extended-features-feature-item__icon" src="_next/static/media/feature-shield.72b40acf.svg"/></picture><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>An evolving ecosystem</span></h5></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">Regular feedback from our community of developers allows us to continuously improve our libraries, and break compatibility only when necessary.</div></div></div></div></div></div></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_examples"><div class="pc-AnimateBlock false gravity-ui-landing-examples"><span style="font-size:0"></span><div class="gravity-ui-landing-examples__header-wrapper"><h2 class="gravity-ui-landing-examples__header-title"><span>Examples</span></h2><div class="gravity-ui-landing-examples__controls"><div class="gravity-ui-landing-examples__control gravity-ui-landing-examples__control_type_color"><div class="g-select g-select_width_max"><div class="g-select-control g-select-control_size_xl g-select-control_pin_round-round g-select-control_has-value" role="group"><button role="combobox" aria-controls="select-popup-g-:R1j97ad6:" class="g-select-control__button g-select-control__button_size_xl g-select-control__button_view_normal g-select-control__button_pin_round-round" aria-haspopup="listbox" aria-expanded="false" type="button"><span class="g-select-control__option-text"><div class="gravity-ui-landing-examples__color-option"><div class="gravity-ui-landing-examples__color-option-icon gravity-ui-landing-examples__color-option-icon_color_yellow"></div>Yellow</div></span></button><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon g-select-control__chevron-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.97 5.47a.75.75 0 0 1 1.06 0L8 9.44l3.97-3.97a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0l-4.5-4.5a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path></svg></svg></div></div></div><div class="gravity-ui-landing-examples__control gravity-ui-landing-examples__control_type_theme"><div role="radiogroup" class="g-radio-button g-radio-button_size_xl"><div class="g-radio-button__plate" hidden=""></div><label class="g-radio-button__option g-radio-button__option_checked"><input name="g-:R2j97ad6:" type="radio" aria-checked="true" class="g-radio-button__option-control" checked="" value="dark"/><span class="g-radio-button__option-outline"></span><span class="g-radio-button__option-text g-radio-button__option-text_icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-examples__theme-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.9062 11.875C13.5654 11.875 13.1763 12 12.8125 12C9.84375 12 7.375 9.59375 7.375 6.5C7.375 4.53125 8.40625 2.71875 10.125 1.75C10.4062 1.59375 10.3438 1.1875 10.0312 1.125C9.6875 1.0625 9.125 1 8.75 1C4.875 1 1.75 4.15625 1.75 8C1.75 11.875 4.875 15 8.71875 15C10.875 15 12.8438 14.0312 14.1562 12.4375C14.3438 12.1875 14.1562 11.875 13.9062 11.875ZM8.71875 13.5C5.6875 13.5 3.25 11.0312 3.25 8C3.25 5.625 4.75 3.59375 6.875 2.84375C6.21875 3.90625 5.84375 5.1875 5.84375 6.5C5.84375 9.625 7.875 12.25 10.6875 13.1562C10.0625 13.4062 9.40625 13.5 8.71875 13.5Z" fill="currentColor" fill-opacity="0.85"></path></svg></svg></span></label><label class="g-radio-button__option"><input name="g-:R2j97ad6:" type="radio" aria-checked="false" class="g-radio-button__option-control" value="light"/><span class="g-radio-button__option-outline"></span><span class="g-radio-button__option-text g-radio-button__option-text_icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-examples__theme-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.25 4.5C6.3125 4.5 4.75 6.09375 4.75 8C4.75 9.9375 6.3125 11.5 8.25 11.5C10.1562 11.5 11.75 9.9375 11.75 8C11.75 6.09375 10.1562 4.5 8.25 4.5ZM8.25 10C7.125 10 6.25 9.125 6.25 8C6.25 6.90625 7.125 6 8.25 6C9.34375 6 10.25 6.90625 10.25 8C10.25 9.125 9.34375 10 8.25 10ZM8.25 3.5C8.65625 3.5 9 3.1875 9 2.75V0.75C9 0.34375 8.65625 0 8.25 0C7.8125 0 7.5 0.34375 7.5 0.75V2.75C7.5 3.1875 7.8125 3.5 8.25 3.5ZM8.25 12.5C7.8125 12.5 7.5 12.8438 7.5 13.25V15.25C7.5 15.6875 7.8125 16 8.25 16C8.65625 16 9 15.6875 9 15.25V13.25C9 12.8438 8.65625 12.5 8.25 12.5ZM15.5 7.25H13.5C13.0625 7.25 12.75 7.59375 12.75 8C12.75 8.4375 13.0625 8.75 13.5 8.75H15.5C15.9062 8.75 16.25 8.4375 16.25 8C16.25 7.59375 15.9062 7.25 15.5 7.25ZM3.75 8C3.75 7.59375 3.40625 7.25 3 7.25H1C0.5625 7.25 0.25 7.59375 0.25 8C0.25 8.4375 0.5625 8.75 1 8.75H3C3.40625 8.75 3.75 8.4375 3.75 8ZM12.4688 11.1875C12.1875 10.9062 11.7188 10.9062 11.4062 11.1875C11.125 11.5 11.125 11.9688 11.4062 12.25L12.8438 13.6875C12.9688 13.8125 13.1562 13.9062 13.375 13.9062C13.5625 13.9062 13.75 13.8125 13.9062 13.6875C14.1875 13.375 14.1875 12.9062 13.9062 12.625L12.4688 11.1875ZM4 4.84375C4.125 4.96875 4.34375 5.0625 4.53125 5.0625C4.71875 5.0625 4.90625 4.96875 5.0625 4.84375C5.34375 4.53125 5.34375 4.0625 5.0625 3.78125L3.625 2.34375C3.34375 2.0625 2.875 2.0625 2.5625 2.34375C2.28125 2.65625 2.28125 3.125 2.5625 3.40625L4 4.84375ZM11.9375 5.0625C12.125 5.0625 12.3438 4.96875 12.4688 4.84375L13.9062 3.40625C14.1875 3.125 14.1875 2.65625 13.9062 2.34375C13.5938 2.0625 13.125 2.0625 12.8438 2.34375L11.4062 3.78125C11.125 4.0625 11.125 4.53125 11.4062 4.84375C11.5625 4.96875 11.75 5.0625 11.9375 5.0625ZM4 11.1875L2.5625 12.625C2.28125 12.9062 2.28125 13.375 2.5625 13.6875C2.71875 13.8125 2.90625 13.9062 3.09375 13.9062C3.3125 13.9062 3.5 13.8125 3.625 13.6875L5.0625 12.25C5.34375 11.9688 5.34375 11.5 5.0625 11.1875C4.75 10.9062 4.28125 10.9062 4 11.1875Z" fill="currentColor"></path></svg></svg></span></label></div></div></div><div><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_circle-circle" href="https://preview.gravity-ui.com/uikit" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">Storybook</span></a></div></div><div class="gravity-ui-landing-examples__showcase-wrapper"><div class="g-root g-root_theme_dark g-root_native-scrollbar gravity-ui-landing-examples-showcase gravity-ui-landing-examples-showcase gravity-ui-landing-examples-showcase_color_yellow gravity-ui-landing-examples-showcase_theme_dark" dir="ltr"><div class="gravity-ui-landing-examples-showcase__row"><div class="gravity-ui-landing-examples-showcase__col"><div class="gravity-ui-landing-examples-showcase__sub-row"><div class="gravity-ui-landing-examples-showcase__sub-col"><div class="gravity-ui-landing-examples-showcase__col-item"><div class="gravity-ui-landing-examples-showcase__col-item-elem gravity-ui-landing-examples-showcase__col-item-elem_sm-gap"><button class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round" type="button"><span class="g-button__text">Action</span></button></div><div class="gravity-ui-landing-examples-showcase__col-item-elem gravity-ui-landing-examples-showcase__col-item-elem_sm-gap"><button class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round" type="button"><span class="g-button__text">Normal</span></button></div></div><div class="gravity-ui-landing-examples-showcase__col-item"><div class="gravity-ui-landing-examples-showcase__col-item-elem"><div class="g-loader g-loader_size_l"><div class="g-loader__left"></div><div class="g-loader__center"></div><div class="g-loader__right"></div></div></div><div class="gravity-ui-landing-examples-showcase__col-item-elem"><div class="g-spin g-spin_size_m"><div class="g-spin__inner"></div></div></div></div><div class="gravity-ui-landing-examples-showcase__col-item"><div class="gravity-ui-landing-examples-showcase__col-item-elem"><label class="g-control-label g-control-label_size_l g-checkbox g-checkbox_size_l"><span class="g-control-label__indicator g-checkbox__indicator"><span class="g-checkbox__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10" width="16" height="16" fill="currentColor" class="g-checkbox__icon-svg g-checkbox__icon-svg_type_tick"><path d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"></path></svg></span><input type="checkbox" aria-checked="false" class="g-checkbox__control"/><span class="g-checkbox__outline"></span></span></label></div><div class="gravity-ui-landing-examples-showcase__col-item-elem"><div role="radiogroup" class="g-radio-group g-radio-group_size_l g-radio-group_direction_horizontal"><label class="g-control-label g-control-label_size_l g-radio g-radio_size_l g-radio_checked g-radio-group__option"><span class="g-control-label__indicator g-radio__indicator"><span class="g-radio__disc"></span><input name="g-:R1dd97ad6:" type="radio" aria-checked="true" class="g-radio__control" checked="" value="0"/><span class="g-radio__outline"></span></span></label><label class="g-control-label g-control-label_size_l g-radio g-radio_size_l g-radio-group__option"><span class="g-control-label__indicator g-radio__indicator"><span class="g-radio__disc"></span><input name="g-:R1dd97ad6:" type="radio" aria-checked="false" class="g-radio__control" value="1"/><span class="g-radio__outline"></span></span></label></div></div><div class="gravity-ui-landing-examples-showcase__col-item-elem"><label class="g-control-label g-control-label_size_m g-switch g-switch_size_m"><span class="g-control-label__indicator g-switch__indicator"><input role="switch" type="checkbox" aria-checked="false" class="g-switch__control"/><span class="g-switch__outline"></span><span class="g-switch__slider"></span></span></label></div></div></div><div class="gravity-ui-landing-examples-showcase__sub-col"><div class="gravity-ui-landing-examples-showcase__col-item"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_m"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Active tab"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Active tab</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Inactive tab"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Inactive tab</div></div></div></div></div><div class="gravity-ui-landing-examples-showcase__col-item"><div role="radiogroup" class="g-radio-button g-radio-button_size_l"><div class="g-radio-button__plate" hidden=""></div><label class="g-radio-button__option g-radio-button__option_checked"><input name="group2" type="radio" aria-checked="true" class="g-radio-button__option-control" checked="" value="all"/><span class="g-radio-button__option-outline"></span><span class="g-radio-button__option-text">All</span></label><label class="g-radio-button__option"><input name="group2" type="radio" aria-checked="false" class="g-radio-button__option-control" value="my"/><span class="g-radio-button__option-outline"></span><span class="g-radio-button__option-text">My</span></label></div></div><div class="gravity-ui-landing-examples-showcase__col-item"><div class="g-label g-label_theme_info g-label_size_m"><div class="g-label__text"><div class="g-label__content">Accent</div></div></div></div></div></div></div><div class="gravity-ui-landing-examples-showcase__col gravity-ui-landing-examples-showcase__col_stretch"><div class="gravity-ui-landing-examples-showcase__table-wrapper"><div class="g-table"><table class="g-table__table"><thead class="g-table__head"><tr class="g-table__row"><th class="g-table__cell g-table__cell_edge-padding g-table__checkbox_cell"><label class="g-control-label g-control-label_size_l g-checkbox g-checkbox_size_l g-table__selection-checkbox"><span class="g-control-label__indicator g-checkbox__indicator"><span class="g-checkbox__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10" width="16" height="16" fill="currentColor" class="g-checkbox__icon-svg g-checkbox__icon-svg_type_tick"><path d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"></path></svg></span><input aria-label="Select" type="checkbox" aria-checked="false" class="g-checkbox__control"/><span class="g-checkbox__outline"></span></span></label></th><th class="g-table__cell g-table__cell_edge-padding">Title</th><th class="g-table__cell g-table__cell_edge-padding">Created by</th><th class="g-table__cell g-table__cell_edge-padding">Updated</th><th class="g-table__cell g-table__cell_edge-padding">Created</th><th class="g-table__cell g-table__cell_edge-padding"></th></tr></thead><tbody class="g-table__body"><tr class="g-table__row"><td class="g-table__cell g-table__cell_edge-padding g-table__checkbox_cell"><label class="g-control-label g-control-label_size_l g-checkbox g-checkbox_size_l g-table__selection-checkbox"><span class="g-control-label__indicator g-checkbox__indicator"><span class="g-checkbox__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10" width="16" height="16" fill="currentColor" class="g-checkbox__icon-svg g-checkbox__icon-svg_type_tick"><path d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"></path></svg></span><input aria-label="Select" type="checkbox" aria-checked="false" class="g-checkbox__control"/><span class="g-checkbox__outline"></span></span></label></td><td class="g-table__cell g-table__cell_edge-padding">Weekly Sync</td><td class="g-table__cell g-table__cell_edge-padding"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled" role="img"><img class="g-avatar__image" width="32" height="32" src="/_next/static/media/avatar-1.e45be798.png"/></div></td><td class="g-table__cell g-table__cell_edge-padding">28.06.2022</td><td class="g-table__cell g-table__cell_edge-padding">26.06.2022</td><td class="g-table__cell g-table__cell_edge-padding"><div class="gravity-ui-landing-examples-showcase__star"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div></td></tr><tr class="g-table__row g-table__row_selected"><td class="g-table__cell g-table__cell_edge-padding g-table__checkbox_cell"><label class="g-control-label g-control-label_size_l g-checkbox g-checkbox_size_l g-checkbox_checked g-table__selection-checkbox"><span class="g-control-label__indicator g-checkbox__indicator"><span class="g-checkbox__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10" width="16" height="16" fill="currentColor" class="g-checkbox__icon-svg g-checkbox__icon-svg_type_tick"><path d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"></path></svg></span><input aria-label="Select" type="checkbox" aria-checked="true" class="g-checkbox__control" checked=""/><span class="g-checkbox__outline"></span></span></label></td><td class="g-table__cell g-table__cell_edge-padding">Campaign brainstorm</td><td class="g-table__cell g-table__cell_edge-padding"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled" role="img"><img class="g-avatar__image" width="32" height="32" src="/_next/static/media/avatar-2.3a073e9b.png"/></div></td><td class="g-table__cell g-table__cell_edge-padding">7.06.2022</td><td class="g-table__cell g-table__cell_edge-padding">16.06.2022</td><td class="g-table__cell g-table__cell_edge-padding"><div class="gravity-ui-landing-examples-showcase__star"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.26367 1.58203L5.61328 4.95898L1.88086 5.49219C1.2207 5.59375 0.966797 6.40625 1.44922 6.88867L4.11523 9.50391L3.48047 13.1855C3.37891 13.8457 4.08984 14.3535 4.67383 14.0488L8 12.2969L11.3008 14.0488C11.8848 14.3535 12.5957 13.8457 12.4941 13.1855L11.8594 9.50391L14.5254 6.88867C15.0078 6.40625 14.7539 5.59375 14.0938 5.49219L10.3867 4.95898L8.71094 1.58203C8.43164 0.998047 7.56836 0.972656 7.26367 1.58203Z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div></td></tr><tr class="g-table__row"><td class="g-table__cell g-table__cell_edge-padding g-table__checkbox_cell"><label class="g-control-label g-control-label_size_l g-checkbox g-checkbox_size_l g-table__selection-checkbox"><span class="g-control-label__indicator g-checkbox__indicator"><span class="g-checkbox__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10" width="16" height="16" fill="currentColor" class="g-checkbox__icon-svg g-checkbox__icon-svg_type_tick"><path d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"></path></svg></span><input aria-label="Select" type="checkbox" aria-checked="false" class="g-checkbox__control"/><span class="g-checkbox__outline"></span></span></label></td><td class="g-table__cell g-table__cell_edge-padding">Logo redesign</td><td class="g-table__cell g-table__cell_edge-padding"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled" role="img"><img class="g-avatar__image" width="32" height="32" src="/_next/static/media/avatar-3.7dd7ac15.png"/></div></td><td class="g-table__cell g-table__cell_edge-padding">7.06.2022</td><td class="g-table__cell g-table__cell_edge-padding">20.06.2022</td><td class="g-table__cell g-table__cell_edge-padding"><div class="gravity-ui-landing-examples-showcase__star"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div></td></tr></tbody></table></div></div></div></div></div></div></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_custom-extended-features"><div class="pc-AnimateBlock false gravity-ui-landing-custom-extended-features"><span style="font-size:0"></span><div class="gravity-ui-landing-custom-extended-features__header"><h2 class="gravity-ui-landing-custom-extended-features__header-title"><span>Our libraries</span></h2><div class="gravity-ui-landing-custom-extended-features__button-desktop"><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round pc-button-block pc-button-block_size_xl pc-button-block_theme_outlined" href="/libraries" aria-disabled="false"><span class="g-button__text"><span class="pc-button-block__content"><span class="pc-button-block__text">All libraries</span></span></span></a></div></div><div class="gravity-ui-landing-custom-extended-features__items"><div class="row"><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/uikit"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library gravity-ui-landing-custom-extended-features-feature-item__content_primary" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>UIKit</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">526</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">Base UI components and tokens for building services with Gravity.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->6.21.0</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">16.07.2024</div></div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/page-constructor"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>Page constructor</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">32</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">A set of stylish, functional blocks for quickly creating promo and landing pages.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->5.16.1</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">04.07.2024</div></div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/chartkit"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>ChartKit</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">21</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">A data visualization suite integrated with our design system.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->5.10.1</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">09.07.2024</div></div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/dashkit"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>DashKit</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">13</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">A grid component for building interactive dashboards.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->8.7.2</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">18.07.2024</div></div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/yagr"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>Yagr</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">96</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">A high-performance canvas charts renderer, based on uPlot.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->4.3.0</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">09.04.2024</div></div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/navigation"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>Navigation</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">21</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">A compact and extensible navigation panel for complex services.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->2.16.0</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">27.06.2024</div></div></div></div></a></div></div></div><div class="gravity-ui-landing-custom-extended-features__button-mobile"><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round pc-button-block pc-button-block_size_xl pc-button-block_theme_outlined" href="/libraries" aria-disabled="false"><span class="g-button__text"><span class="pc-button-block__content"><span class="pc-button-block__text">All libraries</span></span></span></a></div></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_roadmap"><div class="pc-AnimateBlock false gravity-ui-landing-roadmap-block"><span style="font-size:0"></span><h2 class="gravity-ui-landing-roadmap-block__title" data-section="roadmap"><span>Roadmap 2024</span></h2><ul class="gravity-ui-landing-roadmap"><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_completed"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_completed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-3.9-1.55a.75.75 0 1 0-1.2-.9L7.419 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08l3-4Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Date Components:</b> new library for working with date and time</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_completed"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_completed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-3.9-1.55a.75.75 0 1 0-1.2-.9L7.419 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08l3-4Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>UIKit:</b> Right-to-left languages support</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_progress"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_progress"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 4.5a.75.75 0 0 0-1.5 0V8a.75.75 0 0 0 .3.6l2 1.5a.75.75 0 1 0 .9-1.2l-1.7-1.275V4.5Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>UIKit:</b> improvements in digital accessibility</span><span class="gravity-ui-landing-roadmap-item__status">In progress</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_progress"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_progress"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 4.5a.75.75 0 0 0-1.5 0V8a.75.75 0 0 0 .3.6l2 1.5a.75.75 0 1 0 .9-1.2l-1.7-1.275V4.5Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Figma:</b> color theme template builder</span><span class="gravity-ui-landing-roadmap-item__status">In progress</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_progress"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_progress"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 4.5a.75.75 0 0 0-1.5 0V8a.75.75 0 0 0 .3.6l2 1.5a.75.75 0 1 0 .9-1.2l-1.7-1.275V4.5Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Development farm</b></span><span class="gravity-ui-landing-roadmap-item__status">In progress</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_completed"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_completed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-3.9-1.55a.75.75 0 1 0-1.2-.9L7.419 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08l3-4Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Docs:</b> Date Components in Components section</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_progress"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_progress"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 4.5a.75.75 0 0 0-1.5 0V8a.75.75 0 0 0 .3.6l2 1.5a.75.75 0 1 0 .9-1.2l-1.7-1.275V4.5Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>UIKit:</b> emoji picker, color picker, label input and range input components</span><span class="gravity-ui-landing-roadmap-item__status">In progress</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_planned"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="6.25" stroke="currentColor" stroke-width="3.5"></circle></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>UIKit:</b> migration to Floating UI</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_planned"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="6.25" stroke="currentColor" stroke-width="3.5"></circle></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Docs:</b> Page constructor in Components section</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_planned"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="6.25" stroke="currentColor" stroke-width="3.5"></circle></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>UIKit:</b> extended mobile support</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_planned"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="6.25" stroke="currentColor" stroke-width="3.5"></circle></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Page constructor:</b> footer block</span></div></div></li></ul></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_templates"><div></div><div class="pc-AnimateBlock false gravity-ui-landing-templates-block"><span style="font-size:0"></span><h2 class="gravity-ui-landing-templates-block__title" data-section="templates"><span>Start creating with Gravity&nbsp;UI</span></h2><section class="gravity-ui-landing-templates"><div class="gravity-ui-landing-templates__tabs-wrapper"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl gravity-ui-landing-templates__tabs"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="CRA"><div class="g-tabs__item-content"><div class="g-tabs__item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2679_46051)"><path d="M116.64 64.2204C116.64 56.8415 107.954 50.2979 94.5995 46.3032C97.8124 32.734 96.4095 21.9387 90.0158 18.2867C88.4481 17.416 86.679 16.9728 84.8859 17.0016C78.9206 17.0016 71.381 21.1676 63.7665 28.3752C56.1519 21.2212 48.6337 17.0765 42.6792 17.0765C40.8583 17.0363 39.0603 17.4876 37.4743 18.3831C31.1128 22.0458 29.7955 32.7769 32.9655 46.2817C19.6749 50.255 11.0322 56.7451 11.0108 64.0919C10.9893 71.4387 19.707 78.0144 33.0619 81.9984C29.849 95.5783 31.2413 106.363 37.6456 110.015C39.2076 110.89 40.9746 111.334 42.7649 111.3C48.7408 111.3 56.2804 107.134 63.895 99.9264C71.4988 107.08 79.017 111.225 84.9823 111.225C86.8024 111.259 88.5987 110.808 90.1872 109.919C96.5487 106.256 97.8553 95.5247 94.6959 82.0734C107.987 78.0466 116.629 71.5565 116.64 64.2204ZM68.6715 30.7956C77.4427 22.9454 82.926 22.0993 84.8752 22.0993C85.7792 22.0703 86.6743 22.2848 87.4669 22.7205C90.5299 24.4662 91.7508 30.6242 90.7762 38.785C90.5266 40.8691 90.1691 42.9388 89.7052 44.9859C85.2674 43.9544 80.7669 43.2138 76.2325 42.769C73.5323 38.9798 70.5843 35.3735 67.4077 31.9736C67.804 31.5774 68.2324 31.1811 68.6715 30.7956ZM42.1223 70.2928C42.9576 71.8992 43.8465 73.5057 44.7676 75.1228C45.6886 76.74 46.6525 78.3786 47.7234 79.9957C44.8211 79.578 42.0045 79.0533 39.3271 78.4321C40.0767 75.7119 41.0299 73.0345 42.1223 70.2928ZM39.1557 49.9016C41.8652 49.2697 44.7033 48.745 47.6484 48.338C46.5775 49.923 45.6565 51.5509 44.6926 53.2537C43.7287 54.9566 42.8827 56.4666 42.058 58.0945C40.9656 55.31 39.9982 52.579 39.1557 49.9016ZM44.7354 64.1883C46.0634 61.3823 47.5235 58.5764 49.1157 55.7705C50.7221 52.9646 52.4464 50.2336 54.2242 47.6204C57.3407 47.3848 60.5536 47.2563 63.8629 47.267C67.1721 47.2777 70.2886 47.3955 73.3837 47.6419C75.1615 50.2336 76.8644 52.9967 78.4708 55.7277C80.0773 58.4586 81.5552 61.3181 82.8832 64.1133C81.5659 66.9193 80.0987 69.7359 78.5136 72.5204C76.9286 75.3049 75.183 78.068 73.4052 80.6811C70.2886 80.9274 67.0758 81.0453 63.7665 81.0453C60.4572 81.0453 57.3407 80.906 54.2456 80.6597C52.4678 78.068 50.7542 75.3692 49.1478 72.5739C47.5414 69.7787 46.117 66.9835 44.7783 64.1883H44.7354ZM79.9273 48.3701C82.8403 48.7771 85.657 49.3019 88.3237 49.923C87.5312 52.5683 86.5887 55.2779 85.4963 58.0088C84.6503 56.4024 83.7721 54.7959 82.8403 53.1788C81.9086 51.5616 80.9233 49.9337 79.9702 48.3701H79.9273ZM82.8832 75.0586C83.8042 73.4379 84.6824 71.8207 85.5178 70.2071C86.5887 72.9916 87.6597 75.7333 88.4094 78.4107C85.7105 79.0426 82.8725 79.5566 79.9273 79.9636C80.9626 78.3786 81.9622 76.7436 82.926 75.0586H82.8832ZM63.7879 35.6149C65.7156 37.6712 67.6112 39.8988 69.464 42.287C67.6327 42.2121 65.7585 42.1585 63.8629 42.1585C61.9672 42.1585 60.0288 42.1585 58.1546 42.287C59.986 39.9095 61.8601 37.6712 63.7879 35.6149ZM40.0339 22.7634C40.8464 22.3312 41.7597 22.1242 42.6792 22.1636C44.6087 22.244 46.5009 22.7216 48.2375 23.5666C52.1623 25.417 55.7753 27.8667 58.9471 30.8277L60.2002 31.9736C57.0561 35.3486 54.1368 38.9262 51.4611 42.6833C46.9022 43.1249 42.3768 43.8619 37.9134 44.8895C37.4422 42.8118 37.0566 40.777 36.8424 38.8171C35.7286 30.7313 37.0138 24.5626 40.0232 22.8062L40.0339 22.7634ZM34.3685 77.0613C32.3562 76.447 30.376 75.7321 28.4353 74.9194C20.8315 71.7065 16.1193 67.5832 16.1193 64.0598C16.1193 60.5363 20.8529 56.4345 28.4461 53.2752C30.3521 52.4857 32.2966 51.7922 34.2721 51.1975C35.6109 55.6345 37.2424 59.9778 39.1557 64.199C37.2831 68.3782 35.684 72.6747 34.3685 77.0613ZM59.0007 97.5167C50.2295 105.367 44.7461 106.202 42.7863 106.202C41.8822 106.232 40.9868 106.018 40.1945 105.581C37.1316 103.835 35.9107 97.6774 36.8853 89.5166C37.134 87.436 37.4915 85.3697 37.9562 83.3264C42.3954 84.349 46.8955 85.0859 51.429 85.5326C54.1259 89.3243 57.0741 92.9308 60.2537 96.3279L59.0007 97.5167ZM63.895 92.6867C61.9672 90.6304 60.0716 88.4028 58.2082 86.0145C60.0502 86.1002 61.9244 86.1431 63.82 86.1431C65.7156 86.1431 67.6541 86.1431 69.5283 86.0253C67.6755 88.4028 65.7906 90.6304 63.8843 92.6867H63.895ZM87.649 105.538C86.8364 105.983 85.919 106.202 84.993 106.17C83.0438 106.17 77.4962 105.313 68.7572 97.4953L67.5041 96.3494C70.6446 92.9742 73.5603 89.3966 76.2325 85.6397C80.7957 85.2042 85.3251 84.4672 89.7909 83.4335C90.2621 85.5112 90.637 87.546 90.8619 89.5059C91.9221 97.581 90.6905 103.75 87.6383 105.495L87.649 105.538ZM99.2154 75.08C97.384 75.8297 95.4456 76.5258 93.3893 77.147C92.0452 72.7103 90.4103 68.3671 88.495 64.1455C90.3763 59.971 91.9826 55.6779 93.3037 51.2939C95.3159 51.9082 97.2962 52.6231 99.2368 53.4358C106.83 56.6487 111.553 60.7719 111.542 64.2954C111.531 67.8188 106.809 71.8778 99.2047 75.0372L99.2154 75.08ZM63.7879 73.9876C65.7324 73.9897 67.6338 73.4152 69.2517 72.3367C70.8697 71.2581 72.1315 69.724 72.8776 67.9284C73.6236 66.1327 73.8205 64.1562 73.4432 62.2487C73.0659 60.3411 72.1315 58.5883 70.758 57.2119C69.3846 55.8354 67.6338 54.8972 65.7271 54.5157C63.8204 54.1343 61.8434 54.3268 60.0462 55.069C58.2489 55.8112 56.712 57.0696 55.63 58.6852C54.5479 60.3008 53.9693 62.201 53.9671 64.1455C53.9643 65.4369 54.2163 66.7163 54.7085 67.9103C55.2008 69.1043 55.9238 70.1894 56.836 71.1036C57.7482 72.0178 58.8318 72.7431 60.0247 73.238C61.2176 73.7329 62.4964 73.9876 63.7879 73.9876ZM33.0512 81.9984C29.8383 95.5783 31.2306 106.363 37.6349 110.015C39.1969 110.89 40.9639 111.334 42.7541 111.3C48.7301 111.3 56.2697 107.134 63.8843 99.9264C71.4881 107.08 79.0063 111.225 84.9716 111.225C86.7917 111.259 88.5879 110.808 90.1765 109.919C96.538 106.256 97.8446 95.5247 94.6852 82.0734C107.976 78.0894 116.619 71.5994 116.629 64.2632C116.64 56.9271 107.944 50.3407 94.5888 46.346C97.8017 32.7769 96.3988 21.9816 90.0051 18.3296C88.4374 17.4589 86.6683 17.0156 84.8752 17.0444C78.9099 17.0444 71.3703 21.2105 63.7558 28.418C56.1412 21.264 48.623 17.1194 42.6685 17.1194C40.8476 17.0791 39.0496 17.5305 37.4636 18.4259C31.102 22.0886 29.7848 32.8197 32.9548 46.3246C19.6641 50.2979 11.0215 56.7879 11 64.1347C10.9786 71.4816 19.707 77.993 33.0619 81.9984H33.0512ZM58.9793 97.5167C50.2081 105.367 44.7247 106.202 42.7649 106.202C41.8608 106.232 40.9653 106.018 40.1731 105.581C37.1102 103.835 35.8893 97.6774 36.8638 89.5166C37.1126 87.436 37.47 85.3697 37.9348 83.3264C42.3739 84.349 46.8741 85.0859 51.4075 85.5326C54.1045 89.3243 57.0527 92.9308 60.2323 96.3279L58.9793 97.5167ZM85.5285 58.0088C84.6824 56.4024 83.8042 54.7959 82.8725 53.1788C81.9407 51.5616 80.9447 49.9659 79.9594 48.3701C82.8725 48.7771 85.6891 49.3019 88.3558 49.923C87.574 52.5683 86.6316 55.2779 85.5392 58.0088H85.5285ZM88.4415 78.3571C85.7427 78.989 82.9046 79.5031 79.9594 79.91C80.9662 78.325 81.9514 76.69 82.9153 75.005C83.8792 73.32 84.7574 71.7029 85.5499 70.1536C86.6744 72.9916 87.649 75.7119 88.4201 78.4107L88.4415 78.3571ZM82.8618 64.0598C81.5445 66.8657 80.0773 69.6823 78.4922 72.4668C76.9072 75.2514 75.1615 78.0144 73.3837 80.6276C70.2672 80.8739 67.0543 80.9917 63.745 80.9917C60.4358 80.9917 57.3193 80.8525 54.2242 80.6062C52.4464 78.0144 50.7328 75.3156 49.1264 72.5204C47.5199 69.7252 46.0527 66.93 44.714 64.1347C46.042 61.3288 47.5021 58.5229 49.0943 55.717C50.7007 52.911 52.425 50.1801 54.2028 47.5669C57.3193 47.3313 60.5322 47.2028 63.8414 47.2135C67.1507 47.2242 70.2672 47.342 73.3623 47.5883C75.1401 50.1801 76.8429 52.9432 78.4494 55.6741C80.0558 58.4051 81.5445 61.3181 82.8725 64.1133L82.8618 64.0598ZM47.7234 79.9957C44.8211 79.578 42.0045 79.0533 39.3271 78.4321C40.1196 75.7976 41.0727 73.0773 42.1651 70.3463C43.0005 71.9528 43.8894 73.5592 44.8104 75.1764C45.7314 76.7935 46.6525 78.3786 47.7234 79.9957ZM44.7354 53.2216C43.8037 54.828 42.9255 56.4345 42.1009 58.0624C40.9799 55.2993 39.9982 52.579 39.1557 49.9016C41.8652 49.2697 44.7033 48.745 47.6484 48.338C46.6525 49.923 45.6993 51.5616 44.7354 53.2216ZM63.8843 92.6867C61.9565 90.6304 60.0609 88.4028 58.1974 86.0145C60.0395 86.1002 61.9137 86.1431 63.8093 86.1431C65.7049 86.1431 67.6434 86.1431 69.5175 86.0253C67.6755 88.4028 65.7906 90.6304 63.8843 92.6867ZM87.6383 105.538C86.8257 105.983 85.9083 106.202 84.9823 106.17C83.0331 106.17 77.4855 105.313 68.7464 97.4953L67.4934 96.3494C70.6339 92.9742 73.5496 89.3966 76.2218 85.6397C80.785 85.2042 85.3143 84.4672 89.7802 83.4335C90.2514 85.5112 90.6263 87.546 90.8512 89.5059C91.9221 97.581 90.6905 103.75 87.6383 105.495V105.538ZM93.293 51.2832C95.3052 51.8975 97.2854 52.6124 99.2261 53.4251C106.819 56.638 111.542 60.7612 111.531 64.2847C111.521 67.8082 106.809 71.9528 99.2047 75.1121C97.3733 75.8618 95.4349 76.5579 93.3786 77.1791C92.0345 72.7425 90.3996 68.3992 88.4843 64.1776C90.369 59.9752 91.9754 55.6535 93.293 51.2403V51.2832ZM68.6608 30.8384C77.432 22.9883 82.9153 22.1422 84.8645 22.1422C85.7684 22.1132 86.6636 22.3277 87.4562 22.7634C90.5192 24.509 91.7401 30.6671 90.7655 38.8278C90.5159 40.9119 90.1584 42.9816 89.6945 45.0287C85.2567 43.9972 80.7562 43.2567 76.2218 42.8118C73.5216 39.0226 70.5735 35.4163 67.397 32.0165C67.804 31.5774 68.2324 31.1811 68.6715 30.7956L68.6608 30.8384ZM63.7879 35.6149C65.7156 37.6712 67.6112 39.8988 69.464 42.287C67.6327 42.2121 65.7585 42.1585 63.8629 42.1585C61.9672 42.1585 60.0288 42.1585 58.1546 42.287C59.986 39.9095 61.8601 37.6712 63.7879 35.6149ZM40.0339 22.7634C40.8464 22.3312 41.7597 22.1242 42.6792 22.1636C44.6087 22.244 46.5009 22.7216 48.2375 23.5666C52.1623 25.417 55.7753 27.8667 58.9471 30.8277L60.2002 31.9736C57.0561 35.3486 54.1368 38.9262 51.4611 42.6833C46.9022 43.1249 42.3768 43.8619 37.9134 44.8895C37.4422 42.8118 37.0566 40.777 36.8424 38.8171C35.7286 30.7313 37.0138 24.5626 40.0232 22.8062L40.0339 22.7634ZM28.4461 53.2752C30.3521 52.4857 32.2966 51.7922 34.2721 51.1975C35.6109 55.6345 37.2424 59.9778 39.1557 64.199C37.2762 68.3742 35.67 72.6671 34.3471 77.0506C32.3348 76.4362 30.3546 75.7214 28.4139 74.9086C20.8101 71.6957 16.0978 67.5725 16.0978 64.0491C16.0978 60.5256 20.8529 56.4345 28.4461 53.2752ZM63.7879 54.3461C61.8434 54.344 59.942 54.9185 58.324 55.9971C56.7061 57.0756 55.4443 58.6097 54.6982 60.4053C53.9521 62.201 53.7553 64.1775 54.1326 66.0851C54.5098 67.9926 55.4443 69.7454 56.8177 71.1219C58.1912 72.4983 59.942 73.4366 61.8487 73.818C63.7554 74.1995 65.7323 74.0069 67.5296 73.2647C69.3269 72.5226 70.8637 71.2641 71.9458 69.6485C73.0278 68.0329 73.6065 66.1327 73.6086 64.1883C73.6185 62.8923 73.3718 61.6072 72.8827 60.407C72.3936 59.2068 71.6718 58.1154 70.7588 57.1955C69.8459 56.2756 68.7599 55.5455 67.5635 55.0473C66.3671 54.549 65.0839 54.2925 63.7879 54.2926V54.3461ZM63.7879 54.3461C61.8434 54.344 59.942 54.9185 58.324 55.9971C56.7061 57.0756 55.4443 58.6097 54.6982 60.4053C53.9521 62.201 53.7553 64.1775 54.1326 66.0851C54.5098 67.9926 55.4443 69.7454 56.8177 71.1219C58.1912 72.4983 59.942 73.4366 61.8487 73.818C63.7554 74.1995 65.7323 74.0069 67.5296 73.2647C69.3269 72.5226 70.8637 71.2641 71.9458 69.6485C73.0278 68.0329 73.6065 66.1327 73.6086 64.1883C73.6185 62.8923 73.3718 61.6072 72.8827 60.407C72.3936 59.2068 71.6718 58.1154 70.7588 57.1955C69.8459 56.2756 68.7599 55.5455 67.5635 55.0473C66.3671 54.549 65.0839 54.2925 63.7879 54.2926V54.3461ZM63.7879 54.3461C61.8434 54.344 59.942 54.9185 58.324 55.9971C56.7061 57.0756 55.4443 58.6097 54.6982 60.4053C53.9521 62.201 53.7553 64.1775 54.1326 66.0851C54.5098 67.9926 55.4443 69.7454 56.8177 71.1219C58.1912 72.4983 59.942 73.4366 61.8487 73.818C63.7554 74.1995 65.7323 74.0069 67.5296 73.2647C69.3269 72.5226 70.8637 71.2641 71.9458 69.6485C73.0278 68.0329 73.6065 66.1327 73.6086 64.1883C73.6185 62.8923 73.3718 61.6072 72.8827 60.407C72.3936 59.2068 71.6718 58.1154 70.7588 57.1955C69.8459 56.2756 68.7599 55.5455 67.5635 55.0473C66.3671 54.549 65.0839 54.2925 63.7879 54.2926V54.3461ZM116.64 64.2418C116.64 56.8629 107.954 50.3193 94.5995 46.3246C97.8124 32.7555 96.4095 21.9601 90.0158 18.3081C88.4481 17.4374 86.679 16.9942 84.8859 17.023C78.9206 17.023 71.381 21.189 63.7665 28.3966C56.1519 21.2426 48.6337 17.0979 42.6792 17.0979C40.8583 17.0577 39.0603 17.5091 37.4743 18.4045C31.1128 22.0672 29.7955 32.7983 32.9655 46.3032C19.6749 50.2764 11.0322 56.7665 11.0108 64.1133C10.9893 71.4601 19.707 78.0358 33.0619 82.0198C29.849 95.5997 31.2413 106.384 37.6456 110.036C39.2076 110.912 40.9746 111.355 42.7649 111.321C48.7408 111.321 56.2804 107.155 63.895 99.9478C71.4988 107.102 79.017 111.247 84.9823 111.247C86.8024 111.28 88.5987 110.829 90.1872 109.94C96.5487 106.277 97.8553 95.5461 94.6959 82.0948C107.987 78.0466 116.629 71.5565 116.64 64.2204V64.2418ZM68.6715 30.7956C77.4427 22.9454 82.926 22.0993 84.8752 22.0993C85.7792 22.0703 86.6743 22.2848 87.4669 22.7205C90.5299 24.4662 91.7508 30.6242 90.7762 38.785C90.5266 40.8691 90.1691 42.9388 89.7052 44.9859C85.2674 43.9544 80.7669 43.2138 76.2325 42.769C73.5323 38.9798 70.5843 35.3735 67.4077 31.9736C67.804 31.5774 68.2324 31.1811 68.6715 30.7956ZM42.1223 70.2928C42.9576 71.8992 43.8465 73.5057 44.7676 75.1228C45.6886 76.74 46.6525 78.3786 47.7234 79.9957C44.8211 79.578 42.0045 79.0533 39.3271 78.4321C40.0767 75.7119 41.0299 73.0345 42.1223 70.2928ZM39.1557 49.9016C41.8652 49.2697 44.7033 48.745 47.6484 48.338C46.5775 49.923 45.6565 51.5509 44.6926 53.2537C43.7287 54.9566 42.8827 56.4666 42.058 58.0945C40.9656 55.31 39.9982 52.579 39.1557 49.9016ZM44.7354 64.1883C46.0634 61.3823 47.5235 58.5764 49.1157 55.7705C50.7221 52.9646 52.4464 50.2336 54.2242 47.6204C57.3407 47.3848 60.5536 47.2563 63.8629 47.267C67.1721 47.2777 70.2886 47.3955 73.3837 47.6419C75.1615 50.2336 76.8644 52.9967 78.4708 55.7277C80.0773 58.4586 81.5552 61.3181 82.8832 64.1133C81.5659 66.9193 80.0987 69.7359 78.5136 72.5204C76.9286 75.3049 75.183 78.068 73.4052 80.6811C70.2886 80.9274 67.0758 81.0453 63.7665 81.0453C60.4572 81.0453 57.3407 80.906 54.2456 80.6597C52.4678 78.068 50.7542 75.3692 49.1478 72.5739C47.5414 69.7787 46.117 66.9835 44.7783 64.1883H44.7354ZM79.9273 48.3701C82.8403 48.7771 85.657 49.3019 88.3237 49.923C87.5312 52.5683 86.5887 55.2779 85.4963 58.0088C84.6503 56.4024 83.7721 54.7959 82.8403 53.1788C81.9086 51.5616 80.9233 49.9337 79.9702 48.3701H79.9273ZM82.8832 75.0586C83.8042 73.4379 84.6824 71.8207 85.5178 70.2071C86.5887 72.9916 87.6597 75.7333 88.4094 78.4107C85.7105 79.0426 82.8725 79.5566 79.9273 79.9636C80.9626 78.3786 81.9622 76.7436 82.926 75.0586H82.8832ZM63.7879 35.6149C65.7156 37.6712 67.6112 39.8988 69.464 42.287C67.6327 42.2121 65.7585 42.1585 63.8629 42.1585C61.9672 42.1585 60.0288 42.1585 58.1546 42.287C59.986 39.9095 61.8601 37.6712 63.7879 35.6149ZM40.0339 22.7634C40.8464 22.3312 41.7597 22.1242 42.6792 22.1636C44.6087 22.244 46.5009 22.7216 48.2375 23.5666C52.1623 25.417 55.7753 27.8667 58.9471 30.8277L60.2002 31.9736C57.0561 35.3486 54.1368 38.9262 51.4611 42.6833C46.9022 43.1249 42.3768 43.8619 37.9134 44.8895C37.4422 42.8118 37.0566 40.777 36.8424 38.8171C35.7286 30.7313 37.0138 24.5626 40.0232 22.8062L40.0339 22.7634ZM34.3685 77.0613C32.3562 76.447 30.376 75.7321 28.4353 74.9194C20.8315 71.7065 16.1193 67.5832 16.1193 64.0598C16.1193 60.5363 20.8529 56.4345 28.4461 53.2752C30.3521 52.4857 32.2966 51.7922 34.2721 51.1975C35.6109 55.6345 37.2424 59.9778 39.1557 64.199C37.2831 68.3782 35.684 72.6747 34.3685 77.0613ZM59.0007 97.5167C50.2295 105.367 44.7461 106.202 42.7863 106.202C41.8822 106.232 40.9868 106.018 40.1945 105.581C37.1316 103.835 35.9107 97.6774 36.8853 89.5166C37.134 87.436 37.4915 85.3697 37.9562 83.3264C42.3954 84.349 46.8955 85.0859 51.429 85.5326C54.1259 89.3243 57.0741 92.9308 60.2537 96.3279L59.0007 97.5167ZM63.895 92.6867C61.9672 90.6304 60.0716 88.4028 58.2082 86.0145C60.0502 86.1002 61.9244 86.1431 63.82 86.1431C65.7156 86.1431 67.6541 86.1431 69.5283 86.0253C67.6755 88.4028 65.7906 90.6304 63.8843 92.6867H63.895ZM87.649 105.538C86.8364 105.983 85.919 106.202 84.993 106.17C83.0438 106.17 77.4962 105.313 68.7572 97.4953L67.5041 96.3494C70.6446 92.9742 73.5603 89.3966 76.2325 85.6397C80.7957 85.2042 85.3251 84.4672 89.7909 83.4335C90.2621 85.5112 90.637 87.546 90.8619 89.5059C91.9221 97.581 90.6905 103.75 87.6383 105.495L87.649 105.538ZM99.2154 75.08C97.384 75.8297 95.4456 76.5258 93.3893 77.147C92.0452 72.7103 90.4103 68.3671 88.495 64.1455C90.3763 59.971 91.9826 55.6779 93.3037 51.2939C95.3159 51.9082 97.2962 52.6231 99.2368 53.4358C106.83 56.6487 111.553 60.7719 111.542 64.2954C111.531 67.8188 106.809 71.8778 99.2047 75.0372L99.2154 75.08ZM63.7879 73.9876C65.7324 73.9897 67.6338 73.4152 69.2517 72.3367C70.8697 71.2581 72.1315 69.724 72.8776 67.9284C73.6236 66.1327 73.8205 64.1562 73.4432 62.2487C73.0659 60.3411 72.1315 58.5883 70.758 57.2119C69.3846 55.8354 67.6338 54.8972 65.7271 54.5157C63.8204 54.1343 61.8434 54.3268 60.0462 55.069C58.2489 55.8112 56.712 57.0696 55.63 58.6852C54.5479 60.3008 53.9693 62.201 53.9671 64.1455C53.9643 65.4369 54.2163 66.7163 54.7085 67.9103C55.2008 69.1043 55.9238 70.1894 56.836 71.1036C57.7482 72.0178 58.8318 72.7431 60.0247 73.238C61.2176 73.7329 62.4964 73.9876 63.7879 73.9876Z" fill="#09D3AC"></path><path d="M5 25L5 123H106L101 128H0V30.1022L5 25Z" fill="#09D3AC" fill-opacity="0.5"></path><path d="M123 103L123 5H22L27 0H128V97.8978L123 103Z" fill="#09D3AC" fill-opacity="0.5"></path></g><defs><clipPath id="clip0_2679_46051"><rect width="128" height="128" fill="white"></rect></clipPath></defs></svg></svg></div><div class="g-tabs__item-title">CRA</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Next.js"><div class="g-tabs__item-content"><div class="g-tabs__item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2557_9914)"><path d="M11.2147 0.0186595C11.1632 0.0233466 10.9991 0.0397512 10.8515 0.0514688C7.44634 0.35847 4.25681 2.19579 2.2367 5.01973C1.11181 6.58989 0.392346 8.37097 0.120497 10.2575C0.0244129 10.916 0.0126953 11.1105 0.0126953 12.0034C0.0126953 12.8963 0.0244129 13.0908 0.120497 13.7493C0.771996 18.2513 3.97559 22.0337 8.32048 23.4351C9.09853 23.6859 9.91876 23.857 10.8515 23.9601C11.2147 23.9999 12.7849 23.9999 13.1481 23.9601C14.7581 23.782 16.1221 23.3836 17.4672 22.6969C17.6735 22.5915 17.7133 22.5633 17.6852 22.5399C17.6664 22.5258 16.7876 21.347 15.733 19.9222L13.816 17.3326L11.4139 13.7775C10.0922 11.823 9.00479 10.2247 8.99541 10.2247C8.98604 10.2224 8.97666 11.8019 8.97198 13.7306C8.96495 17.1076 8.9626 17.2435 8.92042 17.3232C8.85949 17.4381 8.81262 17.4849 8.71419 17.5365C8.6392 17.574 8.57358 17.581 8.21971 17.581H7.81428L7.70647 17.513C7.63617 17.4685 7.58461 17.4099 7.54946 17.342L7.50025 17.2365L7.50493 12.5377L7.51196 7.83665L7.58461 7.74525C7.62211 7.69603 7.70179 7.63276 7.75803 7.60229C7.85412 7.55542 7.89161 7.55074 8.29704 7.55074C8.77512 7.55074 8.8548 7.56948 8.97901 7.70541C9.01416 7.74291 10.3148 9.70209 11.8709 12.062C13.427 14.4219 15.5549 17.6443 16.6001 19.2262L18.4984 22.1017L18.5945 22.0384C19.4452 21.4853 20.3451 20.6979 21.0575 19.8777C22.5738 18.1364 23.551 16.0132 23.8791 13.7493C23.9752 13.0908 23.9869 12.8963 23.9869 12.0034C23.9869 11.1105 23.9752 10.916 23.8791 10.2575C23.2276 5.7556 20.024 1.97316 15.6791 0.57173C14.9128 0.323317 14.0973 0.15224 13.1833 0.0491253C12.9583 0.0256901 11.4092 -8.86405e-05 11.2147 0.0186595ZM16.1221 7.26951C16.2345 7.32576 16.3259 7.43356 16.3588 7.54605C16.3775 7.60698 16.3822 8.90998 16.3775 11.8464L16.3705 16.0601L15.6276 14.9211L14.8823 13.7822V10.7192C14.8823 8.7389 14.8917 7.62573 14.9058 7.57183C14.9433 7.44059 15.0253 7.33748 15.1378 7.27654C15.2339 7.22733 15.269 7.22264 15.637 7.22264C15.9838 7.22264 16.0447 7.22733 16.1221 7.26951Z" fill="white" fill-opacity="0.85"></path><path d="M18.3813 22.1532C18.2993 22.2048 18.2735 22.2399 18.3462 22.2001C18.3977 22.1696 18.4821 22.1063 18.468 22.104C18.461 22.104 18.4212 22.1274 18.3813 22.1532ZM18.2196 22.2587C18.1774 22.2915 18.1774 22.2938 18.229 22.2681C18.2571 22.254 18.2806 22.2376 18.2806 22.2329C18.2806 22.2141 18.2688 22.2188 18.2196 22.2587ZM18.1025 22.329C18.0603 22.3618 18.0603 22.3641 18.1118 22.3384C18.1399 22.3243 18.1634 22.3079 18.1634 22.3032C18.1634 22.2845 18.1517 22.2891 18.1025 22.329ZM17.9853 22.3993C17.9431 22.4321 17.9431 22.4344 17.9947 22.4087C18.0228 22.3946 18.0462 22.3782 18.0462 22.3735C18.0462 22.3548 18.0345 22.3594 17.9853 22.3993ZM17.8072 22.493C17.7181 22.5399 17.7228 22.5586 17.8119 22.5141C17.8517 22.493 17.8822 22.4719 17.8822 22.4672C17.8822 22.4508 17.8798 22.4532 17.8072 22.493Z" fill="white" fill-opacity="0.7"></path></g><defs><clipPath id="clip0_2557_9914"><rect width="24" height="24" fill="white"></rect></clipPath></defs></svg></svg></div><div class="g-tabs__item-title">Next.js</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Vite"><div class="g-tabs__item-content"><div class="g-tabs__item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg></svg></div><div class="g-tabs__item-title">Vite</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Remix"><div class="g-tabs__item-content"><div class="g-tabs__item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_i_2991_14985)"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.8951 21.5001C20.8919 20.4863 20.8693 19.4073 20.7094 17.4236C20.4787 15.1021 19.2268 13.9255 17.0854 13.5121C19.6222 13.194 21 11.0478 21 8.5C21 4.5 19 2 13.4616 2H4C3.72386 2 3.5 2.22386 3.5 2.5V5.7858C3.5 6.06194 3.72386 6.2858 4 6.2858H12.3782C14.8443 6.2858 15.8308 7.2382 15.8308 8.6668C15.8308 10.0954 14.8443 11.0478 12.3782 11.0478H4C3.72386 11.0478 3.5 11.2717 3.5 11.5478V14.8336C3.5 15.1097 3.72386 15.3336 4 15.3336H10.4053H12C13.9729 15.3336 15.1088 15.8971 15.2735 18.1868C15.3885 19.6304 15.3759 20.214 15.3615 20.8793C15.3603 20.9348 15.3591 20.9908 15.3579 21.048C15.3556 21.1636 15.3555 21.3299 15.3561 21.5C15.3569 21.7761 15.5818 22 15.8579 22H20.3957C20.6718 22 20.896 21.7762 20.8951 21.5001ZM3.5 21.4997C3.5 21.7759 3.72386 21.9997 4 21.9997H10.5C10.7761 21.9997 11 21.7759 11 21.4997V20.0002C11 19.1717 10.3302 18.5002 9.50174 18.5002H3.99723C3.72108 18.5002 3.5 18.724 3.5 19.0002V21.4997Z" fill="#AAF3EB"></path></g><defs><filter id="filter0_i_2991_14985" x="3.5" y="2" width="17.5" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation="1"></feGaussianBlur><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0.130106 0 0 0 0 0.854395 0 0 0 0 0.854395 0 0 0 1 0"></feColorMatrix><feBlend mode="normal" in2="shape" result="effect1_innerShadow_2991_14985"></feBlend></filter></defs></svg></svg></div><div class="g-tabs__item-title">Remix</div></div></div></div></div><div class="gravity-ui-landing-templates__commands-wrapper"><pre><code class="gravity-ui-landing-templates__commands">npx create-react-app my-app <span class="token parameter variable">--template</span> gravity-ui-pure
 <span class="token builtin class-name">cd</span> my-app
-<span class="token function">npm</span> start</code></pre><button aria-label="Copy" class="g-button g-button_view_flat g-button_size_m g-button_pin_round-round gravity-ui-landing-templates__copy" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 2.5H8A1.5 1.5 0 0 0 6.5 4v1H8a3 3 0 0 1 3 3v1.5h1A1.5 1.5 0 0 0 13.5 8V4A1.5 1.5 0 0 0 12 2.5ZM11 11h1a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v1H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-1ZM4 6.5h4A1.5 1.5 0 0 1 9.5 8v4A1.5 1.5 0 0 1 8 13.5H4A1.5 1.5 0 0 1 2.5 12V8A1.5 1.5 0 0 1 4 6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button></div><div><a title="Open CRA Playground" class="g-button g-button_view_outlined-action g-button_size_xl g-button_pin_circle-circle" href="https://codesandbox.io/p/devbox/gravityui-cra-mpg4q3" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">Open CRA Playground</span></a></div></section></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_contributors"><div class="pc-AnimateBlock false gravity-ui-landing-contributors"><span style="font-size:0"></span><div class="gravity-ui-landing-contributors__header-wrapper"><h2 class="gravity-ui-landing-contributors__header-title"><span>Contributors</span></h2><div class="gravity-ui-landing-contributors__header-count">198</div><div><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_circle-circle" href="https://t.me/gravity_ui" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">Join Telegram</span></a></div></div><section class="gravity-ui-landing-contributors__section"><div class="gravity-ui-landing-expandable-contributor-list gravity-ui-landing-expandable-contributor-list_notExpandable"><div class=" gravity-ui-landing-base-contributor-list" style="min-height:auto"><a title="@gorgeousvlad" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/gorgeousvlad" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/20395936?v=4"/></div></a><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@NikitaCG" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaCG" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36075690?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@zefirka" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zefirka" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5380542?v=4"/></div></a><a title="@NikitaShkaruba" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaShkaruba" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8822095?v=4"/></div></a><a title="@d3m1d0v" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/d3m1d0v" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26671342?v=4"/></div></a><a title="@niktverd" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/niktverd" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/61203447?v=4"/></div></a><a title="@ogonkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ogonkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1091927?v=4"/></div></a><a title="@ma-efremoff" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ma-efremoff" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64027148?v=4"/></div></a><a title="@vanilla-wave" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vanilla-wave" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13496759?v=4"/></div></a><a title="@imsitnikov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/imsitnikov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29424746?v=4"/></div></a><a title="@Raubzeug" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Raubzeug" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42094364?v=4"/></div></a><a title="@Lunory" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lunory" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22904809?v=4"/></div></a><a title="@aeksandla" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/aeksandla" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/46083995?v=4"/></div></a><a title="@resure" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/resure" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/168296?v=4"/></div></a><a title="@IsaevAlexandr" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/IsaevAlexandr" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/27916444?v=4"/></div></a><a title="@kuzmadom" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kuzmadom" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/7911723?v=4"/></div></a><a title="@NasgulNexus" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NasgulNexus" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/23384737?v=4"/></div></a><a title="@bocembocem" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bocembocem" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/58661343?v=4"/></div></a><a title="@tsufiev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/tsufiev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1240006?v=4"/></div></a><a title="@smsochneg" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/smsochneg" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15200559?v=4"/></div></a><a title="@Kyzyl-ool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Kyzyl-ool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30153778?v=4"/></div></a><a title="@jhoncool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/jhoncool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11226935?v=4"/></div></a><a title="@Marginy605" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Marginy605" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/98329176?v=4"/></div></a><a title="@melikhov-dev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/melikhov-dev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1742586?v=4"/></div></a><a title="@roberthovsepyan" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/roberthovsepyan" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/33484604?v=4"/></div></a><a title="@DarkGenius" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DarkGenius" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4076124?v=4"/></div></a><a title="@bezany" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bezany" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5105017?v=4"/></div></a><a title="@VitaliiDC8" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/VitaliiDC8" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/127111625?v=4"/></div></a><a title="@mournfulCoroner" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/mournfulCoroner" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56549651?v=4"/></div></a><a title="@goshander" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/goshander" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5037509?v=4"/></div></a><a title="@vvtimofeev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vvtimofeev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/108340247?v=4"/></div></a><a title="@qradle-yndx" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/qradle-yndx" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/148218517?v=4"/></div></a><a title="@kseniya57" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kseniya57" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31247233?v=4"/></div></a><a title="@SeqviriouM" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SeqviriouM" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1071418?v=4"/></div></a><a title="@Lunatic174" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lunatic174" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10085601?v=4"/></div></a><a title="@Lakate" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lakate" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8994274?v=4"/></div></a><a title="@GermanVor" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/GermanVor" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/43282255?v=4"/></div></a><a title="@imechoim" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/imechoim" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8857511?v=4"/></div></a><a title="@KirillDyachkovskiy" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/KirillDyachkovskiy" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/81510334?v=4"/></div></a><a title="@Arucard89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Arucard89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13587201?v=4"/></div></a><a title="@dgaponov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dgaponov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13693437?v=4"/></div></a><a title="@viladimiru" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/viladimiru" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26850586?v=4"/></div></a><a title="@DC-RomanKarpov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DC-RomanKarpov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/124568536?v=4"/></div></a><a title="@astandrik" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/astandrik" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8037318?v=4"/></div></a><a title="@sunduckcow" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/sunduckcow" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/83990793?v=4"/></div></a><a title="@pavel-klimov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pavel-klimov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42768217?v=4"/></div></a><a title="@artemluchin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemluchin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/12445010?v=4"/></div></a><a title="@makhnatkin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/makhnatkin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1963954?v=4"/></div></a><a title="@helenjer" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/helenjer" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5168501?v=4"/></div></a><a title="@Ruminat" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Ruminat" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/18216279?v=4"/></div></a><a title="@Mishnya" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Mishnya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/47668236?v=4"/></div></a><a title="@ArturAbdullin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ArturAbdullin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30603428?v=4"/></div></a><a title="@yuberdysheva" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/yuberdysheva" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22456330?v=4"/></div></a><a title="@iapolya" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/iapolya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31696689?v=4"/></div></a><a title="@mfyodorov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/mfyodorov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/20931659?v=4"/></div></a><a title="@kkirik" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kkirik" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29181473?v=4"/></div></a><a title="@teleginzhenya" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/teleginzhenya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/24455680?v=4"/></div></a><a title="@flops" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/flops" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/433333?v=4"/></div></a><a title="@artemipanchuk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemipanchuk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15093838?v=4"/></div></a><a title="@beliarh" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/beliarh" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4661335?v=4"/></div></a><a title="@Flunt1k" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Flunt1k" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/47900126?v=4"/></div></a><a title="@vvasin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vvasin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29572062?v=4"/></div></a><a title="@nikita-jpg" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/nikita-jpg" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56046344?v=4"/></div></a><a title="@DenisVershkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DenisVershkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/81879756?v=4"/></div></a><a title="@DakEnviy" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DakEnviy" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/6522772?v=4"/></div></a><a title="@zamkovskaya" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zamkovskaya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/128601366?v=4"/></div></a><a title="@Feverqwe" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Feverqwe" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/891534?v=4"/></div></a><a title="@aapolkovsky" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/aapolkovsky" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22380490?v=4"/></div></a><a title="@LakeVostok" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/LakeVostok" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17967390?v=4"/></div></a><a title="@kiraind" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kiraind" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/23224613?v=4"/></div></a><a title="@itwillwork" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/itwillwork" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15855766?v=4"/></div></a><a title="@Avol-V" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Avol-V" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/7325152?v=4"/></div></a><a title="@KalachevDev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/KalachevDev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30410979?v=4"/></div></a><a title="@DaryaLari" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DaryaLari" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/19970912?v=4"/></div></a><a title="@feelsbadmans" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/feelsbadmans" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/62965405?v=4"/></div></a><a title="@ierehon1905" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ierehon1905" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31146334?v=4"/></div></a><a title="@chelentos" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/chelentos" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/21958075?v=4"/></div></a><a title="@krozhkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/krozhkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17095356?v=4"/></div></a><a title="@v4dyar4" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/v4dyar4" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/108093658?v=4"/></div></a><a title="@kendoow" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kendoow" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/70059916?v=4"/></div></a><a title="@artemmufazalov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemmufazalov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/67755036?v=4"/></div></a><a title="@catakot" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/catakot" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/21214799?v=4"/></div></a><a title="@saxumcordis" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/saxumcordis" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42944548?v=4"/></div></a><a title="@vladimirfilosof" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vladimirfilosof" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/58009491?v=4"/></div></a><a title="@rusandorx" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/rusandorx" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/53060411?v=4"/></div></a><a title="@burashka" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/burashka" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2195887?v=4"/></div></a><a title="@linkouth" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/linkouth" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/34433986?v=4"/></div></a><a title="@axtk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/axtk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/24575250?v=4"/></div></a><a title="@atroynikov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/atroynikov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/7413138?v=4"/></div></a><a title="@ref256" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ref256" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/41027510?v=4"/></div></a><a title="@gearoffortune" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/gearoffortune" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/48627239?v=4"/></div></a><a title="@chervyakovru" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/chervyakovru" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/14909082?v=4"/></div></a><a title="@shuvalovpavel1995" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/shuvalovpavel1995" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/60737643?v=4"/></div></a><a title="@polikashina" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/polikashina" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/7197224?v=4"/></div></a><a title="@yndx-madfriend" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/yndx-madfriend" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/99418743?v=4"/></div></a><a title="@oynikishin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/oynikishin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/113184616?v=4"/></div></a><a title="@Antamansid" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Antamansid" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31531030?v=4"/></div></a><a title="@Bluepuper" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Bluepuper" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/79052139?v=4"/></div></a><a title="@dfilatov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dfilatov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/67957?v=4"/></div></a><a title="@sofiushko" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/sofiushko" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5218950?v=4"/></div></a><a title="@isqua" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/isqua" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/529247?v=4"/></div></a><a title="@dividead" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dividead" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4695397?v=4"/></div></a><a title="@DaffPunks" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DaffPunks" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15698578?v=4"/></div></a><a title="@js2me" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/js2me" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/16340911?v=4"/></div></a><a title="@3y3" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/3y3" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3931155?v=4"/></div></a><a title="@ichernobuk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ichernobuk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/25184132?v=4"/></div></a><a title="@EgorKluch" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/EgorKluch" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2197074?v=4"/></div></a><a title="@benax-se" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/benax-se" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/78896684?v=4"/></div></a><a title="@LehaRybkoha" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/LehaRybkoha" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42549523?v=4"/></div></a><a title="@ecoinomist" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ecoinomist" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13236298?v=4"/></div></a><a title="@sidorko" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/sidorko" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/6938277?v=4"/></div></a><a title="@maeshchenko" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/maeshchenko" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/24603515?v=4"/></div></a><a title="@geksin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/geksin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56411228?v=4"/></div></a><a title="@Vladeeg" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Vladeeg" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22842948?v=4"/></div></a><a title="@lunaticenslaved" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/lunaticenslaved" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/54212063?v=4"/></div></a><a title="@shvorak" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/shvorak" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2071148?v=4"/></div></a><a title="@shbov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/shbov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/32542672?v=4"/></div></a><a title="@eyoue" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/eyoue" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/16962204?v=4"/></div></a><a title="@n-parpibaeva" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/n-parpibaeva" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/27774197?v=4"/></div></a><a title="@ariser" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ariser" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3864424?v=4"/></div></a><a title="@vitshev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vitshev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3217636?v=4"/></div></a><a title="@deemsk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/deemsk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1153930?v=4"/></div></a><a title="@ldrv565" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ldrv565" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/40745264?v=4"/></div></a><a title="@lxndr" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/lxndr" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/579459?v=4"/></div></a><a title="@yndx-birman" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/yndx-birman" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/62902338?v=4"/></div></a><a title="@trabemz" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/trabemz" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/47355834?v=4"/></div></a><a title="@ilya-878" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ilya-878" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/136704878?v=4"/></div></a><a title="@inigomontoya722" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/inigomontoya722" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/95115837?v=4"/></div></a><a title="@Semro" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Semro" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3332159?v=4"/></div></a><a title="@B0nBun" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/B0nBun" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/75064972?v=4"/></div></a><a title="@DaniilDem" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DaniilDem" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/9549041?v=4"/></div></a><a title="@zlobnikov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zlobnikov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/18357363?v=4"/></div></a><a title="@rLukoyanov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/rLukoyanov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/105169805?v=4"/></div></a><a title="@dihar" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dihar" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/12913462?v=4"/></div></a><a title="@anton-fomichev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/anton-fomichev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/72696000?v=4"/></div></a><a title="@danigorokhov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/danigorokhov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/49070059?v=4"/></div></a><a title="@zzzorgo" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zzzorgo" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17454987?v=4"/></div></a><a title="@ananas7" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ananas7" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/6717161?v=4"/></div></a><a title="@joshuan" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/joshuan" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2090702?v=4"/></div></a><a title="@lu-perfect" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/lu-perfect" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/104302104?v=4"/></div></a><a title="@vrozaev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vrozaev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2428161?v=4"/></div></a><a title="@dsleepo" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dsleepo" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/827806?v=4"/></div></a><a title="@AlexeyW100" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/AlexeyW100" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/45878152?v=4"/></div></a><a title="@main-kun" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/main-kun" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13281662?v=4"/></div></a><a title="@moki" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/moki" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10233823?v=4"/></div></a><a title="@martyanovandrey" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/martyanovandrey" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/37772440?v=4"/></div></a><a title="@vladKrk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vladKrk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/20649765?v=4"/></div></a><a title="@diadorer" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/diadorer" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/33423367?v=4"/></div></a><a title="@github-actions[bot]" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/apps/github-actions" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/in/15368?v=4"/></div></a><a title="@TimKhakk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/TimKhakk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/75197368?v=4"/></div></a><a title="@bityutskiyAO" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bityutskiyAO" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/38612782?v=4"/></div></a><a title="@hozblok" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/hozblok" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17067394?v=4"/></div></a><a title="@bt4R9" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bt4R9" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1858946?v=4"/></div></a><a title="@alexey-milovidov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/alexey-milovidov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/18581488?v=4"/></div></a><a title="@aulian0v" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/aulian0v" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/143967289?v=4"/></div></a><a title="@neeeekto" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/neeeekto" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/12767115?v=4"/></div></a><a title="@Vladimirluk88" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Vladimirluk88" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/86942878?v=4"/></div></a><a title="@Zveroboev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Zveroboev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/27211707?v=4"/></div></a><a title="@elemeNtk0" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/elemeNtk0" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/9047433?v=4"/></div></a><a title="@damask" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/damask" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1005974?v=4"/></div></a><a title="@dustyo-O" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dustyo-O" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/14638147?v=4"/></div></a><a title="@icekimi23" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/icekimi23" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26017761?v=4"/></div></a><a title="@max-portador" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/max-portador" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/46213974?v=4"/></div></a><a title="@tumenbaev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/tumenbaev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11868819?v=4"/></div></a><a title="@vertukv" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vertukv" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/101094707?v=4"/></div></a><a title="@Estasie" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Estasie" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/55848388?v=4"/></div></a><a title="@kapibaara" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kapibaara" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/41840872?v=4"/></div></a><a title="@Nil2000" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Nil2000" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/54113952?v=4"/></div></a><a title="@KhodeN" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/KhodeN" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/614349?v=4"/></div></a><a title="@Ayub-Begimkulov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Ayub-Begimkulov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/46418811?v=4"/></div></a><a title="@saripovdenis" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/saripovdenis" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/74184888?v=4"/></div></a><a title="@ilerik" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ilerik" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5747672?v=4"/></div></a><a title="@calaquend1" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/calaquend1" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/45256936?v=4"/></div></a><a title="@shevnv" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/shevnv" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1035967?v=4"/></div></a><a title="@pseudopirate" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pseudopirate" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/16260137?v=4"/></div></a><a title="@kvestus" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kvestus" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36218446?v=4"/></div></a><a title="@SwinX" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SwinX" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/854899?v=4"/></div></a><a title="@HirenDhadhal" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/HirenDhadhal" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64165691?v=4"/></div></a><a title="@obenjiro" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/obenjiro" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1760346?v=4"/></div></a><a title="@Pistch" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Pistch" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22050667?v=4"/></div></a><a title="@Volodomor" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Volodomor" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29760501?v=4"/></div></a><a title="@panfil" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/panfil" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1158695?v=4"/></div></a><a title="@artemavrin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemavrin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10955496?v=4"/></div></a><a title="@rrewll" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/rrewll" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/28988763?v=4"/></div></a><a title="@nikolaymatrosov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/nikolaymatrosov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1625055?v=4"/></div></a><a title="@SkiffCMC" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SkiffCMC" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36820240?v=4"/></div></a><a title="@a1eksandrk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/a1eksandrk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/60098929?v=4"/></div></a><a title="@SimbiozizV" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SimbiozizV" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3991919?v=4"/></div></a><a title="@wd055" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/wd055" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/35567000?v=4"/></div></a><a title="@bratva" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bratva" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1937870?v=4"/></div></a><a title="@arudenkoofficial" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/arudenkoofficial" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/84877729?v=4"/></div></a><a title="@Maxim725" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Maxim725" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/47459772?v=4"/></div></a><a title="@yatskovanatoly" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/yatskovanatoly" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/123395646?v=4"/></div></a><a title="@nest-aka-swan" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/nest-aka-swan" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/9089190?v=4"/></div></a><a title="@stankis" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/stankis" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/151746694?v=4"/></div></a></div></div></section></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_companies-block"><div class="pc-AnimateBlock false pc-companies-block"><span style="font-size:0"></span><div class="pc-companies-block__content"><div class="pc-title"><div class="col  col-12 col-sm-12 col-reset"><h2 class="pc-title-item pc-title-item_size_m pc-title-item_reset-margin" data-qa="undefined-header"><span class="pc-title-item__text">Trusted by</span></h2></div></div><div class="pc-companies-block__images"><picture><source srcSet="_next/static/media/companies-mobile.e0d01973.svg" media="(max-width: 577px)"/><source srcSet="_next/static/media/companies-tablet.c386156c.svg" media="(max-width: 769px)"/><img class="pc-companies-block__image" src="_next/static/media/companies-desktop.9e118266.svg"/></picture></div></div></div></div></div></div></div></div></main></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"home":{"header_title":"Build modern interfaces with the Gravity design system and libraries","header_actions_howToStart":"How to Start","news_title":"Recent updates","news_items_item1":"500⭐️ for our \u003ca href=\"/libraries/uikit\"\u003eUIKit\u003c/a\u003e! We just wanted to say thanks for all the support and \u003ca href=\"https://github.com/gravity-ui/uikit/issues\"\u003efeedback\u003c/a\u003e we've been getting. There's more to come, so stay tuned!","news_items_item2":"We've released the \u003ca href=\"/components/uikit/pin-input\"\u003ePinInput component\u003c/a\u003e. You may need it to enter OTP or confirmation codes.","news_items_item3":"We added a duration module to our \u003ca href=\"/libraries/date-utils\"\u003edate-utils library\u003c/a\u003e. It implements the ISO 8601 standard for durations. \u003ca href=\"https://github.com/gravity-ui/date-utils/blob/main/src/typings/duration.ts#L9\"\u003eHere\u003c/a\u003e you can find more information about it.","features_feature1_title":"Built on real-life experience","features_feature1_description":"Conceived as an in-house solution in response to real developers' needs, we released Gravity to the open-source community.","features_feature2_title":"First class design","features_feature2_description":"Experienced designers curate the look of our libraries, ensuring that components are stylish and consistent, with support for dark mode and high-contrast themes.","features_feature3_title":"An evolving ecosystem","features_feature3_description":"Regular feedback from our community of developers allows us to continuously improve our libraries, and break compatibility only when necessary.","examples_title":"Examples","examples_colors_yellow":"Yellow","examples_colors_red":"Red","examples_colors_green":"Green","examples_colors_blue":"Blue","libraries_title":"Our libraries","libraries_actions_allLibraries":"All libraries","roadmap_title":"Roadmap 2024","roadmap_items_item1":"\u003cb\u003eDate Components:\u003c/b\u003e new library for working with date and time","roadmap_items_item2":"\u003cb\u003eUIKit:\u003c/b\u003e Right-to-left languages support","roadmap_items_item3":"\u003cb\u003eUIKit:\u003c/b\u003e improvements in digital accessibility","roadmap_items_item4":"\u003cb\u003eFigma:\u003c/b\u003e color theme template builder","roadmap_items_item5":"\u003cb\u003eDevelopment farm\u003c/b\u003e","roadmap_items_item6":"\u003cb\u003eDocs:\u003c/b\u003e Date Components in Components section","roadmap_items_item7":"\u003cb\u003eUIKit:\u003c/b\u003e emoji picker, color picker, label input and range input components","roadmap_items_item8":"\u003cb\u003eUIKit:\u003c/b\u003e migration to Floating UI","roadmap_items_item9":"\u003cb\u003eDocs:\u003c/b\u003e Page constructor in Components section","roadmap_items_item10":"\u003cb\u003eUIKit:\u003c/b\u003e extended mobile support","roadmap_items_item11":"\u003cb\u003ePage constructor:\u003c/b\u003e footer block","templates_title":"Start creating with Gravity\u0026nbsp;UI","github_stars-text":"Do\u0026nbsp;you 💖 Gravity UI? Give\u0026nbsp;us\u0026nbsp;a\u0026nbsp;⭐\u0026nbsp;on\u0026nbsp;Github","contributors_title":"Contributors","contributors_actions_telegram":"Join Telegram","companies_title":"Trusted by"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","home","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/","query":{},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+<span class="token function">npm</span> start</code></pre><button aria-label="Copy" class="g-button g-button_view_flat g-button_size_m g-button_pin_round-round gravity-ui-landing-templates__copy" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 2.5H8A1.5 1.5 0 0 0 6.5 4v1H8a3 3 0 0 1 3 3v1.5h1A1.5 1.5 0 0 0 13.5 8V4A1.5 1.5 0 0 0 12 2.5ZM11 11h1a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v1H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-1ZM4 6.5h4A1.5 1.5 0 0 1 9.5 8v4A1.5 1.5 0 0 1 8 13.5H4A1.5 1.5 0 0 1 2.5 12V8A1.5 1.5 0 0 1 4 6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button></div><div><a title="Open CRA Playground" class="g-button g-button_view_outlined-action g-button_size_xl g-button_pin_circle-circle" href="https://codesandbox.io/p/devbox/gravityui-cra-mpg4q3" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">Open CRA Playground</span></a></div></section></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_contributors"><div class="pc-AnimateBlock false gravity-ui-landing-contributors"><span style="font-size:0"></span><div class="gravity-ui-landing-contributors__header-wrapper"><h2 class="gravity-ui-landing-contributors__header-title"><span>Contributors</span></h2><div class="gravity-ui-landing-contributors__header-count">198</div><div><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_circle-circle" href="https://t.me/gravity_ui" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">Join Telegram</span></a></div></div><section class="gravity-ui-landing-contributors__section"><div class="gravity-ui-landing-expandable-contributor-list gravity-ui-landing-expandable-contributor-list_notExpandable"><div class=" gravity-ui-landing-base-contributor-list" style="min-height:auto"><a title="@gorgeousvlad" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/gorgeousvlad" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/20395936?v=4"/></div></a><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@NikitaCG" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaCG" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36075690?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@zefirka" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zefirka" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5380542?v=4"/></div></a><a title="@NikitaShkaruba" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaShkaruba" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8822095?v=4"/></div></a><a title="@d3m1d0v" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/d3m1d0v" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26671342?v=4"/></div></a><a title="@niktverd" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/niktverd" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/61203447?v=4"/></div></a><a title="@ogonkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ogonkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1091927?v=4"/></div></a><a title="@ma-efremoff" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ma-efremoff" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64027148?v=4"/></div></a><a title="@vanilla-wave" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vanilla-wave" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13496759?v=4"/></div></a><a title="@imsitnikov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/imsitnikov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29424746?v=4"/></div></a><a title="@Raubzeug" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Raubzeug" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42094364?v=4"/></div></a><a title="@Lunory" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lunory" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22904809?v=4"/></div></a><a title="@aeksandla" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/aeksandla" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/46083995?v=4"/></div></a><a title="@resure" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/resure" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/168296?v=4"/></div></a><a title="@IsaevAlexandr" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/IsaevAlexandr" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/27916444?v=4"/></div></a><a title="@kuzmadom" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kuzmadom" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/7911723?v=4"/></div></a><a title="@NasgulNexus" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NasgulNexus" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/23384737?v=4"/></div></a><a title="@bocembocem" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bocembocem" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/58661343?v=4"/></div></a><a title="@tsufiev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/tsufiev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1240006?v=4"/></div></a><a title="@smsochneg" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/smsochneg" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15200559?v=4"/></div></a><a title="@Kyzyl-ool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Kyzyl-ool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30153778?v=4"/></div></a><a title="@jhoncool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/jhoncool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11226935?v=4"/></div></a><a title="@Marginy605" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Marginy605" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/98329176?v=4"/></div></a><a title="@melikhov-dev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/melikhov-dev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1742586?v=4"/></div></a><a title="@roberthovsepyan" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/roberthovsepyan" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/33484604?v=4"/></div></a><a title="@DarkGenius" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DarkGenius" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4076124?v=4"/></div></a><a title="@bezany" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bezany" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5105017?v=4"/></div></a><a title="@VitaliiDC8" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/VitaliiDC8" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/127111625?v=4"/></div></a><a title="@mournfulCoroner" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/mournfulCoroner" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56549651?v=4"/></div></a><a title="@goshander" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/goshander" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5037509?v=4"/></div></a><a title="@vvtimofeev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vvtimofeev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/108340247?v=4"/></div></a><a title="@qradle-yndx" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/qradle-yndx" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/148218517?v=4"/></div></a><a title="@kseniya57" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kseniya57" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31247233?v=4"/></div></a><a title="@SeqviriouM" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SeqviriouM" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1071418?v=4"/></div></a><a title="@Lunatic174" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lunatic174" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10085601?v=4"/></div></a><a title="@Lakate" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lakate" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8994274?v=4"/></div></a><a title="@GermanVor" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/GermanVor" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/43282255?v=4"/></div></a><a title="@imechoim" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/imechoim" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8857511?v=4"/></div></a><a title="@KirillDyachkovskiy" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/KirillDyachkovskiy" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/81510334?v=4"/></div></a><a title="@Arucard89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Arucard89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13587201?v=4"/></div></a><a title="@dgaponov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dgaponov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13693437?v=4"/></div></a><a title="@viladimiru" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/viladimiru" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26850586?v=4"/></div></a><a title="@DC-RomanKarpov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DC-RomanKarpov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/124568536?v=4"/></div></a><a title="@astandrik" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/astandrik" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8037318?v=4"/></div></a><a title="@sunduckcow" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/sunduckcow" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/83990793?v=4"/></div></a><a title="@pavel-klimov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pavel-klimov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42768217?v=4"/></div></a><a title="@artemluchin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemluchin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/12445010?v=4"/></div></a><a title="@makhnatkin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/makhnatkin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1963954?v=4"/></div></a><a title="@helenjer" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/helenjer" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5168501?v=4"/></div></a><a title="@Ruminat" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Ruminat" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/18216279?v=4"/></div></a><a title="@flops" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/flops" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/433333?v=4"/></div></a><a title="@Mishnya" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Mishnya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/47668236?v=4"/></div></a><a title="@ArturAbdullin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ArturAbdullin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30603428?v=4"/></div></a><a title="@yuberdysheva" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/yuberdysheva" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22456330?v=4"/></div></a><a title="@iapolya" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/iapolya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31696689?v=4"/></div></a><a title="@mfyodorov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/mfyodorov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/20931659?v=4"/></div></a><a title="@kkirik" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kkirik" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29181473?v=4"/></div></a><a title="@teleginzhenya" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/teleginzhenya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/24455680?v=4"/></div></a><a title="@artemipanchuk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemipanchuk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15093838?v=4"/></div></a><a title="@beliarh" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/beliarh" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4661335?v=4"/></div></a><a title="@Flunt1k" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Flunt1k" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/47900126?v=4"/></div></a><a title="@vvasin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vvasin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29572062?v=4"/></div></a><a title="@nikita-jpg" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/nikita-jpg" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56046344?v=4"/></div></a><a title="@DenisVershkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DenisVershkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/81879756?v=4"/></div></a><a title="@DakEnviy" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DakEnviy" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/6522772?v=4"/></div></a><a title="@zamkovskaya" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zamkovskaya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/128601366?v=4"/></div></a><a title="@Feverqwe" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Feverqwe" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/891534?v=4"/></div></a><a title="@aapolkovsky" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/aapolkovsky" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22380490?v=4"/></div></a><a title="@LakeVostok" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/LakeVostok" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17967390?v=4"/></div></a><a title="@kiraind" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kiraind" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/23224613?v=4"/></div></a><a title="@itwillwork" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/itwillwork" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15855766?v=4"/></div></a><a title="@Avol-V" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Avol-V" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/7325152?v=4"/></div></a><a title="@KalachevDev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/KalachevDev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30410979?v=4"/></div></a><a title="@DaryaLari" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DaryaLari" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/19970912?v=4"/></div></a><a title="@feelsbadmans" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/feelsbadmans" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/62965405?v=4"/></div></a><a title="@ierehon1905" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ierehon1905" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31146334?v=4"/></div></a><a title="@chelentos" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/chelentos" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/21958075?v=4"/></div></a><a title="@krozhkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/krozhkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17095356?v=4"/></div></a><a title="@v4dyar4" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/v4dyar4" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/108093658?v=4"/></div></a><a title="@kendoow" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kendoow" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/70059916?v=4"/></div></a><a title="@artemmufazalov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemmufazalov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/67755036?v=4"/></div></a><a title="@catakot" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/catakot" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/21214799?v=4"/></div></a><a title="@saxumcordis" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/saxumcordis" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42944548?v=4"/></div></a><a title="@vladimirfilosof" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vladimirfilosof" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/58009491?v=4"/></div></a><a title="@rusandorx" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/rusandorx" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/53060411?v=4"/></div></a><a title="@burashka" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/burashka" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2195887?v=4"/></div></a><a title="@linkouth" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/linkouth" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/34433986?v=4"/></div></a><a title="@axtk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/axtk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/24575250?v=4"/></div></a><a title="@atroynikov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/atroynikov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/7413138?v=4"/></div></a><a title="@ref256" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ref256" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/41027510?v=4"/></div></a><a title="@gearoffortune" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/gearoffortune" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/48627239?v=4"/></div></a><a title="@chervyakovru" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/chervyakovru" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/14909082?v=4"/></div></a><a title="@shuvalovpavel1995" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/shuvalovpavel1995" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/60737643?v=4"/></div></a><a title="@polikashina" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/polikashina" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/7197224?v=4"/></div></a><a title="@yndx-madfriend" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/yndx-madfriend" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/99418743?v=4"/></div></a><a title="@oynikishin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/oynikishin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/113184616?v=4"/></div></a><a title="@Antamansid" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Antamansid" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31531030?v=4"/></div></a><a title="@Bluepuper" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Bluepuper" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/79052139?v=4"/></div></a><a title="@dfilatov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dfilatov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/67957?v=4"/></div></a><a title="@sofiushko" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/sofiushko" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5218950?v=4"/></div></a><a title="@isqua" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/isqua" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/529247?v=4"/></div></a><a title="@dividead" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dividead" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4695397?v=4"/></div></a><a title="@DaffPunks" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DaffPunks" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15698578?v=4"/></div></a><a title="@js2me" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/js2me" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/16340911?v=4"/></div></a><a title="@3y3" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/3y3" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3931155?v=4"/></div></a><a title="@ichernobuk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ichernobuk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/25184132?v=4"/></div></a><a title="@EgorKluch" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/EgorKluch" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2197074?v=4"/></div></a><a title="@benax-se" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/benax-se" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/78896684?v=4"/></div></a><a title="@LehaRybkoha" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/LehaRybkoha" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42549523?v=4"/></div></a><a title="@ecoinomist" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ecoinomist" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13236298?v=4"/></div></a><a title="@sidorko" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/sidorko" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/6938277?v=4"/></div></a><a title="@maeshchenko" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/maeshchenko" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/24603515?v=4"/></div></a><a title="@geksin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/geksin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56411228?v=4"/></div></a><a title="@Vladeeg" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Vladeeg" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22842948?v=4"/></div></a><a title="@lunaticenslaved" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/lunaticenslaved" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/54212063?v=4"/></div></a><a title="@shvorak" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/shvorak" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2071148?v=4"/></div></a><a title="@shbov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/shbov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/32542672?v=4"/></div></a><a title="@eyoue" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/eyoue" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/16962204?v=4"/></div></a><a title="@n-parpibaeva" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/n-parpibaeva" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/27774197?v=4"/></div></a><a title="@ariser" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ariser" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3864424?v=4"/></div></a><a title="@vitshev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vitshev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3217636?v=4"/></div></a><a title="@deemsk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/deemsk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1153930?v=4"/></div></a><a title="@ldrv565" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ldrv565" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/40745264?v=4"/></div></a><a title="@lxndr" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/lxndr" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/579459?v=4"/></div></a><a title="@yndx-birman" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/yndx-birman" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/62902338?v=4"/></div></a><a title="@trabemz" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/trabemz" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/47355834?v=4"/></div></a><a title="@ilya-878" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ilya-878" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/136704878?v=4"/></div></a><a title="@inigomontoya722" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/inigomontoya722" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/95115837?v=4"/></div></a><a title="@Semro" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Semro" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3332159?v=4"/></div></a><a title="@B0nBun" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/B0nBun" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/75064972?v=4"/></div></a><a title="@DaniilDem" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DaniilDem" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/9549041?v=4"/></div></a><a title="@zlobnikov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zlobnikov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/18357363?v=4"/></div></a><a title="@rLukoyanov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/rLukoyanov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/105169805?v=4"/></div></a><a title="@dihar" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dihar" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/12913462?v=4"/></div></a><a title="@anton-fomichev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/anton-fomichev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/72696000?v=4"/></div></a><a title="@danigorokhov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/danigorokhov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/49070059?v=4"/></div></a><a title="@zzzorgo" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zzzorgo" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17454987?v=4"/></div></a><a title="@ananas7" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ananas7" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/6717161?v=4"/></div></a><a title="@joshuan" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/joshuan" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2090702?v=4"/></div></a><a title="@lu-perfect" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/lu-perfect" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/104302104?v=4"/></div></a><a title="@vrozaev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vrozaev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2428161?v=4"/></div></a><a title="@dsleepo" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dsleepo" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/827806?v=4"/></div></a><a title="@AlexeyW100" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/AlexeyW100" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/45878152?v=4"/></div></a><a title="@main-kun" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/main-kun" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13281662?v=4"/></div></a><a title="@moki" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/moki" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10233823?v=4"/></div></a><a title="@martyanovandrey" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/martyanovandrey" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/37772440?v=4"/></div></a><a title="@vladKrk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vladKrk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/20649765?v=4"/></div></a><a title="@diadorer" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/diadorer" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/33423367?v=4"/></div></a><a title="@github-actions[bot]" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/apps/github-actions" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/in/15368?v=4"/></div></a><a title="@TimKhakk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/TimKhakk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/75197368?v=4"/></div></a><a title="@bityutskiyAO" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bityutskiyAO" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/38612782?v=4"/></div></a><a title="@hozblok" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/hozblok" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17067394?v=4"/></div></a><a title="@bt4R9" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bt4R9" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1858946?v=4"/></div></a><a title="@alexey-milovidov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/alexey-milovidov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/18581488?v=4"/></div></a><a title="@aulian0v" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/aulian0v" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/143967289?v=4"/></div></a><a title="@neeeekto" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/neeeekto" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/12767115?v=4"/></div></a><a title="@Vladimirluk88" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Vladimirluk88" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/86942878?v=4"/></div></a><a title="@Zveroboev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Zveroboev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/27211707?v=4"/></div></a><a title="@elemeNtk0" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/elemeNtk0" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/9047433?v=4"/></div></a><a title="@damask" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/damask" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1005974?v=4"/></div></a><a title="@dustyo-O" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dustyo-O" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/14638147?v=4"/></div></a><a title="@icekimi23" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/icekimi23" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26017761?v=4"/></div></a><a title="@max-portador" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/max-portador" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/46213974?v=4"/></div></a><a title="@tumenbaev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/tumenbaev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11868819?v=4"/></div></a><a title="@vertukv" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vertukv" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/101094707?v=4"/></div></a><a title="@Estasie" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Estasie" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/55848388?v=4"/></div></a><a title="@kapibaara" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kapibaara" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/41840872?v=4"/></div></a><a title="@Nil2000" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Nil2000" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/54113952?v=4"/></div></a><a title="@KhodeN" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/KhodeN" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/614349?v=4"/></div></a><a title="@Ayub-Begimkulov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Ayub-Begimkulov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/46418811?v=4"/></div></a><a title="@saripovdenis" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/saripovdenis" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/74184888?v=4"/></div></a><a title="@ilerik" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ilerik" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5747672?v=4"/></div></a><a title="@calaquend1" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/calaquend1" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/45256936?v=4"/></div></a><a title="@shevnv" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/shevnv" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1035967?v=4"/></div></a><a title="@pseudopirate" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pseudopirate" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/16260137?v=4"/></div></a><a title="@kvestus" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kvestus" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36218446?v=4"/></div></a><a title="@SwinX" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SwinX" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/854899?v=4"/></div></a><a title="@HirenDhadhal" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/HirenDhadhal" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64165691?v=4"/></div></a><a title="@obenjiro" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/obenjiro" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1760346?v=4"/></div></a><a title="@Pistch" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Pistch" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22050667?v=4"/></div></a><a title="@Volodomor" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Volodomor" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29760501?v=4"/></div></a><a title="@panfil" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/panfil" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1158695?v=4"/></div></a><a title="@artemavrin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemavrin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10955496?v=4"/></div></a><a title="@rrewll" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/rrewll" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/28988763?v=4"/></div></a><a title="@nikolaymatrosov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/nikolaymatrosov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1625055?v=4"/></div></a><a title="@SkiffCMC" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SkiffCMC" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36820240?v=4"/></div></a><a title="@a1eksandrk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/a1eksandrk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/60098929?v=4"/></div></a><a title="@SimbiozizV" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SimbiozizV" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3991919?v=4"/></div></a><a title="@wd055" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/wd055" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/35567000?v=4"/></div></a><a title="@bratva" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bratva" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1937870?v=4"/></div></a><a title="@arudenkoofficial" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/arudenkoofficial" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/84877729?v=4"/></div></a><a title="@Maxim725" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Maxim725" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/47459772?v=4"/></div></a><a title="@yatskovanatoly" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/yatskovanatoly" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/123395646?v=4"/></div></a><a title="@nest-aka-swan" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/nest-aka-swan" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/9089190?v=4"/></div></a><a title="@stankis" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/stankis" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/151746694?v=4"/></div></a></div></div></section></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_companies-block"><div class="pc-AnimateBlock false pc-companies-block"><span style="font-size:0"></span><div class="pc-companies-block__content"><div class="pc-title"><div class="col  col-12 col-sm-12 col-reset"><h2 class="pc-title-item pc-title-item_size_m pc-title-item_reset-margin" data-qa="undefined-header"><span class="pc-title-item__text">Trusted by</span></h2></div></div><div class="pc-companies-block__images"><picture><source srcSet="_next/static/media/companies-mobile.e0d01973.svg" media="(max-width: 577px)"/><source srcSet="_next/static/media/companies-tablet.c386156c.svg" media="(max-width: 769px)"/><img class="pc-companies-block__image" src="_next/static/media/companies-desktop.9e118266.svg"/></picture></div></div></div></div></div></div></div></div></main></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"home":{"header_title":"Build modern interfaces with the Gravity design system and libraries","header_actions_howToStart":"How to Start","news_title":"Recent updates","news_items_item1":"500⭐️ for our \u003ca href=\"/libraries/uikit\"\u003eUIKit\u003c/a\u003e! We just wanted to say thanks for all the support and \u003ca href=\"https://github.com/gravity-ui/uikit/issues\"\u003efeedback\u003c/a\u003e we've been getting. There's more to come, so stay tuned!","news_items_item2":"We've released the \u003ca href=\"/components/uikit/pin-input\"\u003ePinInput component\u003c/a\u003e. You may need it to enter OTP or confirmation codes.","news_items_item3":"We added a duration module to our \u003ca href=\"/libraries/date-utils\"\u003edate-utils library\u003c/a\u003e. It implements the ISO 8601 standard for durations. \u003ca href=\"https://github.com/gravity-ui/date-utils/blob/main/src/typings/duration.ts#L9\"\u003eHere\u003c/a\u003e you can find more information about it.","features_feature1_title":"Built on real-life experience","features_feature1_description":"Conceived as an in-house solution in response to real developers' needs, we released Gravity to the open-source community.","features_feature2_title":"First class design","features_feature2_description":"Experienced designers curate the look of our libraries, ensuring that components are stylish and consistent, with support for dark mode and high-contrast themes.","features_feature3_title":"An evolving ecosystem","features_feature3_description":"Regular feedback from our community of developers allows us to continuously improve our libraries, and break compatibility only when necessary.","examples_title":"Examples","examples_colors_yellow":"Yellow","examples_colors_red":"Red","examples_colors_green":"Green","examples_colors_blue":"Blue","libraries_title":"Our libraries","libraries_actions_allLibraries":"All libraries","roadmap_title":"Roadmap 2024","roadmap_items_item1":"\u003cb\u003eDate Components:\u003c/b\u003e new library for working with date and time","roadmap_items_item2":"\u003cb\u003eUIKit:\u003c/b\u003e Right-to-left languages support","roadmap_items_item3":"\u003cb\u003eUIKit:\u003c/b\u003e improvements in digital accessibility","roadmap_items_item4":"\u003cb\u003eFigma:\u003c/b\u003e color theme template builder","roadmap_items_item5":"\u003cb\u003eDevelopment farm\u003c/b\u003e","roadmap_items_item6":"\u003cb\u003eDocs:\u003c/b\u003e Date Components in Components section","roadmap_items_item7":"\u003cb\u003eUIKit:\u003c/b\u003e emoji picker, color picker, label input and range input components","roadmap_items_item8":"\u003cb\u003eUIKit:\u003c/b\u003e migration to Floating UI","roadmap_items_item9":"\u003cb\u003eDocs:\u003c/b\u003e Page constructor in Components section","roadmap_items_item10":"\u003cb\u003eUIKit:\u003c/b\u003e extended mobile support","roadmap_items_item11":"\u003cb\u003ePage constructor:\u003c/b\u003e footer block","templates_title":"Start creating with Gravity\u0026nbsp;UI","github_stars-text":"Do\u0026nbsp;you 💖 Gravity UI? Give\u0026nbsp;us\u0026nbsp;a\u0026nbsp;⭐\u0026nbsp;on\u0026nbsp;Github","contributors_title":"Contributors","contributors_actions_telegram":"Join Telegram","companies_title":"Trusted by"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","home","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/","query":{},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries.html b/libraries.html
index f3f54e70591..88f4cdfabea 100644
--- a/libraries.html
+++ b/libraries.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/6b20060496b3e2b4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/6b20060496b3e2b4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3756-19d754702cc004af.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries-8216792936c43af9.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-libraries"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col col-12"><h1 class="gravity-ui-landing-libraries__title">Our libraries</h1></div></div><div class="row gravity-ui-landing-libraries__filters"><div class="col  col-12 col-md-8 col-lg-9"><div class="gravity-ui-landing-tags"><div tabindex="0" role="button" class="gravity-ui-landing-tags__tag gravity-ui-landing-tags__tag_active">All</div><div tabindex="0" role="button" class="gravity-ui-landing-tags__tag">UI</div><div tabindex="0" role="button" class="gravity-ui-landing-tags__tag">Node.js</div><div tabindex="0" role="button" class="gravity-ui-landing-tags__tag">Infrastructure</div></div></div><div class="col  col-12 col-md-4 col-lg-3"><div class="gravity-ui-landing-libraries__search"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by name or description" value=""/></span></span></div></div></div><div class="row"><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library gravity-ui-landing-libraries__library_primary" href="/libraries/uikit"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>UIKit</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">526</div></div></div><div class="gravity-ui-landing-libraries__description">Base UI components and tokens for building services with Gravity.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->6.21.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">16.07.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/components"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Components</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">11</div></div></div><div class="gravity-ui-landing-libraries__description">A set of complex React components.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->3.7.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">17.06.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/icons"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Icons</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">51</div></div></div><div class="gravity-ui-landing-libraries__description">Set with hundreds of various modern SVG icons for your projects.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->2.10.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">29.05.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/illustrations"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Illustrations</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">3</div></div></div><div class="gravity-ui-landing-libraries__description">A set of illustrations for displaying data statuses.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->1.0.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">26.03.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/dynamic-forms"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Dynamic Forms</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">29</div></div></div><div class="gravity-ui-landing-libraries__description">Library for rendering neat and functional react forms described by JSON schema</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->4.6.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">16.07.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/page-constructor"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Page constructor</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">32</div></div></div><div class="gravity-ui-landing-libraries__description">A set of stylish, functional blocks for quickly creating promo and landing pages.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->5.16.1</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">04.07.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/blog-constructor"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Blog Constructor</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">9</div></div></div><div class="gravity-ui-landing-libraries__description">A library based on the Page constructor library for creating blog-like services.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->6.2.1</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">15.05.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/chartkit"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>ChartKit</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">21</div></div></div><div class="gravity-ui-landing-libraries__description">A data visualization suite integrated with our design system.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->5.10.1</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">09.07.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/dashkit"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>DashKit</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">13</div></div></div><div class="gravity-ui-landing-libraries__description">A grid component for building interactive dashboards.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->8.7.1</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">18.07.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/yagr"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Yagr</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">96</div></div></div><div class="gravity-ui-landing-libraries__description">A high-performance canvas charts renderer, based on uPlot.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->4.3.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">09.04.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/markdown-editor"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Markdown editor</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">30</div></div></div><div class="gravity-ui-landing-libraries__description">A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->13.4.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">15.07.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/nodekit"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>NodeKit</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">5</div></div></div><div class="gravity-ui-landing-libraries__description">A simple toolkit for your Node.js apps, scripts and libraries.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->1.3.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">08.12.2023</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/expresskit"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>ExpressKit</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">4</div></div></div><div class="gravity-ui-landing-libraries__description">Lightweight express.js wrapper that integrates with NodeKit.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->1.3.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">04.07.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/app-layout"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>App Layout</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">1</div></div></div><div class="gravity-ui-landing-libraries__description">HTML layout generator used in our SPA applications.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->2.0.1</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">09.04.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/navigation"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Navigation</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">21</div></div></div><div class="gravity-ui-landing-libraries__description">A compact and extensible navigation panel for complex services.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->2.16.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">27.06.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/date-utils"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Date Utils</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">10</div></div></div><div class="gravity-ui-landing-libraries__description">Helpers for managing Date and Time values.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->2.5.3</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">10.06.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/date-components"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Date Components</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">6</div></div></div><div class="gravity-ui-landing-libraries__description">Various date components.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->2.8.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">16.07.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/axios-wrapper"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Axios wrapper</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">10</div></div></div><div class="gravity-ui-landing-libraries__description">Axios wrapper that provides automatic cancelling of concurrent requests.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->1.4.1</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">13.04.2023</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/dialog-fields"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Dialog Fields</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">4</div></div></div><div class="gravity-ui-landing-libraries__description">A react-final-form wrapper that provides some useful high-level components for building forms.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->5.0.8</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">27.06.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/paranoid"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Paranoid</span></h5></div><div class="gravity-ui-landing-libraries__description">Cluster topologies visualizator.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->2.0.1</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">19.04.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/react-data-table"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>React Data Table</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">7</div></div></div><div class="gravity-ui-landing-libraries__description">A react component for rendering big and complex tables.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->2.1.1</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">06.05.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/unipika"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Unipika</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">1</div></div></div><div class="gravity-ui-landing-libraries__description">Data formatting library.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->5.2.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">02.07.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/ui-logger"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>UI Logger</span></h5></div><div class="gravity-ui-landing-libraries__description">Simple client-side logger.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->1.1.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">02.02.2023</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/oauth-clients"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>OAuth Clients</span></h5></div><div class="gravity-ui-landing-libraries__description">Client OAuth library that provides convenient abstraction on top of auth flow.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->1.1.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">22.08.2023</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/i18n"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>I18n</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">8</div></div></div><div class="gravity-ui-landing-libraries__description">Internationalization helpers of Gravity UI projects.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->1.6.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">12.07.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/eslint-config"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>ESlint Config</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">5</div></div></div><div class="gravity-ui-landing-libraries__description">description_eslint-config</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->3.2.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">15.04.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/tsconfig"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>TSconfig</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">1</div></div></div><div class="gravity-ui-landing-libraries__description">TypeScript compiler configuration preset for Gravity UI projects.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->1.0.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">24.08.2022</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/prettier-config"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Prettier Config</span></h5></div><div class="gravity-ui-landing-libraries__description">Prettier configuration preset for Gravity UI projects.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->1.1.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">06.09.2023</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/stylelint-config"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Stylelint Config</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">1</div></div></div><div class="gravity-ui-landing-libraries__description">Stylelint configuration preset for Gravity UI projects.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->4.0.1</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">18.10.2023</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/babel-preset"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Babel Preset</span></h5></div><div class="gravity-ui-landing-libraries__description">Babel configuration preset for Gravity UI projects.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->1.0.1</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">24.08.2022</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/browserslist-config"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Browserslist Config</span></h5></div><div class="gravity-ui-landing-libraries__description">Browserslist confugiration preset used in our services.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->4.3.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">17.01.2024</div></div></div></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"libraries":{"title":"Libraries","header":"Our libraries","searchPlaceholder":"Search by name or description","empty":"Nothing found","tags_all":"All","tags_ui":"UI","tags_nodejs":"Node.js","tags_infrastructure":"Infrastructure"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","libraries","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries","query":{},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/6b20060496b3e2b4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/6b20060496b3e2b4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3756-19d754702cc004af.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries-8216792936c43af9.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-libraries"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col col-12"><h1 class="gravity-ui-landing-libraries__title">Our libraries</h1></div></div><div class="row gravity-ui-landing-libraries__filters"><div class="col  col-12 col-md-8 col-lg-9"><div class="gravity-ui-landing-tags"><div tabindex="0" role="button" class="gravity-ui-landing-tags__tag gravity-ui-landing-tags__tag_active">All</div><div tabindex="0" role="button" class="gravity-ui-landing-tags__tag">UI</div><div tabindex="0" role="button" class="gravity-ui-landing-tags__tag">Node.js</div><div tabindex="0" role="button" class="gravity-ui-landing-tags__tag">Infrastructure</div></div></div><div class="col  col-12 col-md-4 col-lg-3"><div class="gravity-ui-landing-libraries__search"><span class="g-text-input g-text-input_view_normal g-text-input_size_xl g-text-input_pin_round-round"><span class="g-text-input__content"><input class="g-text-input__control g-text-input__control_type_input" placeholder="Search by name or description" value=""/></span></span></div></div></div><div class="row"><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library gravity-ui-landing-libraries__library_primary" href="/libraries/uikit"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>UIKit</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">526</div></div></div><div class="gravity-ui-landing-libraries__description">Base UI components and tokens for building services with Gravity.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->6.21.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">16.07.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/components"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Components</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">11</div></div></div><div class="gravity-ui-landing-libraries__description">A set of complex React components.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->3.7.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">17.06.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/icons"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Icons</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">51</div></div></div><div class="gravity-ui-landing-libraries__description">Set with hundreds of various modern SVG icons for your projects.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->2.10.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">29.05.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/illustrations"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Illustrations</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">3</div></div></div><div class="gravity-ui-landing-libraries__description">A set of illustrations for displaying data statuses.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->1.0.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">26.03.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/dynamic-forms"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Dynamic Forms</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">29</div></div></div><div class="gravity-ui-landing-libraries__description">Library for rendering neat and functional react forms described by JSON schema</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->4.6.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">16.07.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/page-constructor"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Page constructor</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">32</div></div></div><div class="gravity-ui-landing-libraries__description">A set of stylish, functional blocks for quickly creating promo and landing pages.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->5.16.1</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">04.07.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/blog-constructor"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Blog Constructor</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">9</div></div></div><div class="gravity-ui-landing-libraries__description">A library based on the Page constructor library for creating blog-like services.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->6.2.1</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">15.05.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/chartkit"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>ChartKit</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">21</div></div></div><div class="gravity-ui-landing-libraries__description">A data visualization suite integrated with our design system.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->5.10.1</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">09.07.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/dashkit"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>DashKit</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">13</div></div></div><div class="gravity-ui-landing-libraries__description">A grid component for building interactive dashboards.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->8.7.2</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">18.07.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/yagr"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Yagr</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">96</div></div></div><div class="gravity-ui-landing-libraries__description">A high-performance canvas charts renderer, based on uPlot.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->4.3.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">09.04.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/markdown-editor"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Markdown editor</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">30</div></div></div><div class="gravity-ui-landing-libraries__description">A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->13.4.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">15.07.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/nodekit"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>NodeKit</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">5</div></div></div><div class="gravity-ui-landing-libraries__description">A simple toolkit for your Node.js apps, scripts and libraries.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->1.3.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">08.12.2023</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/expresskit"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>ExpressKit</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">4</div></div></div><div class="gravity-ui-landing-libraries__description">Lightweight express.js wrapper that integrates with NodeKit.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->1.3.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">04.07.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/app-layout"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>App Layout</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">1</div></div></div><div class="gravity-ui-landing-libraries__description">HTML layout generator used in our SPA applications.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->2.0.1</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">09.04.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/navigation"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Navigation</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">21</div></div></div><div class="gravity-ui-landing-libraries__description">A compact and extensible navigation panel for complex services.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->2.16.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">27.06.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/date-utils"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Date Utils</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">10</div></div></div><div class="gravity-ui-landing-libraries__description">Helpers for managing Date and Time values.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->2.5.3</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">10.06.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/date-components"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Date Components</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">6</div></div></div><div class="gravity-ui-landing-libraries__description">Various date components.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->2.8.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">16.07.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/axios-wrapper"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Axios wrapper</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">10</div></div></div><div class="gravity-ui-landing-libraries__description">Axios wrapper that provides automatic cancelling of concurrent requests.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->1.4.1</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">13.04.2023</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/dialog-fields"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Dialog Fields</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">4</div></div></div><div class="gravity-ui-landing-libraries__description">A react-final-form wrapper that provides some useful high-level components for building forms.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->5.0.8</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">27.06.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/paranoid"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Paranoid</span></h5></div><div class="gravity-ui-landing-libraries__description">Cluster topologies visualizator.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->2.0.1</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">19.04.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/react-data-table"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>React Data Table</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">7</div></div></div><div class="gravity-ui-landing-libraries__description">A react component for rendering big and complex tables.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->2.1.1</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">06.05.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/unipika"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Unipika</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">1</div></div></div><div class="gravity-ui-landing-libraries__description">Data formatting library.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->5.2.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">02.07.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/ui-logger"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>UI Logger</span></h5></div><div class="gravity-ui-landing-libraries__description">Simple client-side logger.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->1.1.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">02.02.2023</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/oauth-clients"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>OAuth Clients</span></h5></div><div class="gravity-ui-landing-libraries__description">Client OAuth library that provides convenient abstraction on top of auth flow.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->1.1.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">22.08.2023</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/i18n"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>I18n</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">8</div></div></div><div class="gravity-ui-landing-libraries__description">Internationalization helpers of Gravity UI projects.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->1.6.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">12.07.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/eslint-config"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>ESlint Config</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">5</div></div></div><div class="gravity-ui-landing-libraries__description">description_eslint-config</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->3.2.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">15.04.2024</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/tsconfig"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>TSconfig</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">1</div></div></div><div class="gravity-ui-landing-libraries__description">TypeScript compiler configuration preset for Gravity UI projects.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->1.0.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">24.08.2022</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/prettier-config"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Prettier Config</span></h5></div><div class="gravity-ui-landing-libraries__description">Prettier configuration preset for Gravity UI projects.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->1.1.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">06.09.2023</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/stylelint-config"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Stylelint Config</span></h5><div class="gravity-ui-landing-libraries__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__stars-count">1</div></div></div><div class="gravity-ui-landing-libraries__description">Stylelint configuration preset for Gravity UI projects.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->4.0.1</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">18.10.2023</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/babel-preset"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Babel Preset</span></h5></div><div class="gravity-ui-landing-libraries__description">Babel configuration preset for Gravity UI projects.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->1.0.1</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">24.08.2022</div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-libraries__col"><a class="gravity-ui-landing-libraries__library" href="/libraries/browserslist-config"><div class="gravity-ui-landing-libraries__library-header"><h5 class="gravity-ui-landing-libraries__library-title"><span>Browserslist Config</span></h5></div><div class="gravity-ui-landing-libraries__description">Browserslist confugiration preset used in our services.</div><div class="gravity-ui-landing-libraries__release-info"><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-libraries__release-version">v<!-- -->4.3.0</div></div><div class="gravity-ui-landing-libraries__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-libraries__release-date">17.01.2024</div></div></div></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"libraries":{"title":"Libraries","header":"Our libraries","searchPlaceholder":"Search by name or description","empty":"Nothing found","tags_all":"All","tags_ui":"UI","tags_nodejs":"Node.js","tags_infrastructure":"Infrastructure"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","libraries","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries","query":{},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/app-layout.html b/libraries/app-layout.html
index b62d357a6d1..0b5af601162 100644
--- a/libraries/app-layout.html
+++ b/libraries/app-layout.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">App Layout</span></div><h1 class="gravity-ui-landing-library__title"><span>App Layout</span></h1><div class="gravity-ui-landing-library__description">HTML layout generator used in our SPA applications.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/app-layout" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">2.0.1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">09.04.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/app-layout"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/app-layout</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@ogonkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ogonkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1091927?v=4"/></div></a><a title="@jhoncool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/jhoncool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11226935?v=4"/></div></a><a title="@Raubzeug" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Raubzeug" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42094364?v=4"/></div></a><a title="@Kyzyl-ool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Kyzyl-ool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30153778?v=4"/></div></a><a title="@Lunatic174" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lunatic174" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10085601?v=4"/></div></a><a title="@diadorer" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/diadorer" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/33423367?v=4"/></div></a><a title="@NikitaCG" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaCG" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36075690?v=4"/></div></a><a title="@Volodomor" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Volodomor" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29760501?v=4"/></div></a><a title="@dgaponov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dgaponov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13693437?v=4"/></div></a><a title="@sofiushko" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/sofiushko" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5218950?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"app-layout","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"app-layout"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">App Layout</span></div><h1 class="gravity-ui-landing-library__title"><span>App Layout</span></h1><div class="gravity-ui-landing-library__description">HTML layout generator used in our SPA applications.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/app-layout" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">2.0.1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">09.04.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/app-layout"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/app-layout</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@ogonkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ogonkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1091927?v=4"/></div></a><a title="@jhoncool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/jhoncool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11226935?v=4"/></div></a><a title="@Raubzeug" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Raubzeug" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42094364?v=4"/></div></a><a title="@Kyzyl-ool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Kyzyl-ool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30153778?v=4"/></div></a><a title="@Lunatic174" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lunatic174" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10085601?v=4"/></div></a><a title="@diadorer" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/diadorer" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/33423367?v=4"/></div></a><a title="@NikitaCG" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaCG" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36075690?v=4"/></div></a><a title="@Volodomor" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Volodomor" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29760501?v=4"/></div></a><a title="@dgaponov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dgaponov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13693437?v=4"/></div></a><a title="@sofiushko" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/sofiushko" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5218950?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"app-layout","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"app-layout"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/axios-wrapper.html b/libraries/axios-wrapper.html
index ae08072979d..4c49fd74fd7 100644
--- a/libraries/axios-wrapper.html
+++ b/libraries/axios-wrapper.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Axios wrapper</span></div><h1 class="gravity-ui-landing-library__title"><span>Axios wrapper</span></h1><div class="gravity-ui-landing-library__description">Axios wrapper that provides automatic cancelling of concurrent requests.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/axios-wrapper" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">10</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">1.4.1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">13.04.2023</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/axios-wrapper"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/axios-wrapper</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@tsufiev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/tsufiev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1240006?v=4"/></div></a><a title="@Raubzeug" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Raubzeug" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42094364?v=4"/></div></a><a title="@SeqviriouM" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SeqviriouM" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1071418?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"axios-wrapper","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"axios-wrapper"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Axios wrapper</span></div><h1 class="gravity-ui-landing-library__title"><span>Axios wrapper</span></h1><div class="gravity-ui-landing-library__description">Axios wrapper that provides automatic cancelling of concurrent requests.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/axios-wrapper" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">10</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">1.4.1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">13.04.2023</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/axios-wrapper"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/axios-wrapper</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@tsufiev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/tsufiev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1240006?v=4"/></div></a><a title="@Raubzeug" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Raubzeug" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42094364?v=4"/></div></a><a title="@SeqviriouM" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SeqviriouM" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1071418?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"axios-wrapper","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"axios-wrapper"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/babel-preset.html b/libraries/babel-preset.html
index ab4798cf3d5..12e7d2c3bf8 100644
--- a/libraries/babel-preset.html
+++ b/libraries/babel-preset.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Babel Preset</span></div><h1 class="gravity-ui-landing-library__title"><span>Babel Preset</span></h1><div class="gravity-ui-landing-library__description">Babel configuration preset for Gravity UI projects.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/babel-preset" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">1.0.1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">24.08.2022</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/babel-preset"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/babel-preset</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"babel-preset","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"babel-preset"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Babel Preset</span></div><h1 class="gravity-ui-landing-library__title"><span>Babel Preset</span></h1><div class="gravity-ui-landing-library__description">Babel configuration preset for Gravity UI projects.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/babel-preset" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">1.0.1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">24.08.2022</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/babel-preset"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/babel-preset</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"babel-preset","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"babel-preset"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/blog-constructor.html b/libraries/blog-constructor.html
index 9730e9840e0..2a806da3f8a 100644
--- a/libraries/blog-constructor.html
+++ b/libraries/blog-constructor.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Blog Constructor</span></div><h1 class="gravity-ui-landing-library__title"><span>Blog Constructor</span></h1><div class="gravity-ui-landing-library__description">A library based on the Page constructor library for creating blog-like services.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/blog-constructor" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://preview.yandexcloud.dev/blog-constructor/" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000598425 1.53603L0.579906 14.744V14.7432C0.58881 14.945 0.685981 15.1365 0.852138 15.2798C1.0183 15.4231 1.2413 15.5077 1.4769 15.5168L14.018 15.9992C14.1448 16.0041 14.2714 15.9869 14.3902 15.9487C14.509 15.9106 14.6176 15.8522 14.7093 15.7771C14.8011 15.7021 14.8741 15.6119 14.9241 15.512C14.9741 15.4122 14.9999 15.3046 15 15.196V0.80483C15.0001 0.694865 14.9739 0.586045 14.923 0.4851C14.872 0.384155 14.7974 0.29323 14.7038 0.217948C14.6102 0.142666 14.4995 0.0846267 14.3787 0.0474198C14.2578 0.010213 14.1293 -0.00537084 14.0012 0.00163199L12.9669 0.0570109L13.0416 1.90304C13.0426 1.92594 13.0358 1.9486 13.0222 1.96834C13.0086 1.98807 12.9887 2.00406 12.9648 2.01441C12.9409 2.02476 12.9141 2.02904 12.8875 2.02674C12.8608 2.02444 12.8355 2.01566 12.8145 2.00144L12.1194 1.53264L11.2971 2.06704C11.2759 2.08068 11.2506 2.08889 11.2242 2.09072C11.1978 2.09255 11.1713 2.08791 11.1478 2.07736C11.1243 2.0668 11.1048 2.05076 11.0915 2.03109C11.0783 2.01141 11.0718 1.98893 11.0729 1.96624L11.1607 0.153719L0.882641 0.70403C0.63793 0.716834 0.408745 0.810991 0.243966 0.966421C0.079187 1.12185 -0.00814405 1.32625 0.000598425 1.53603ZM8.7678 6.18543C8.7678 6.49822 11.2308 6.34863 11.5606 6.12863C11.5606 3.99743 10.2254 2.87743 7.77924 2.87743C5.33307 2.87743 3.96328 4.01503 3.96328 5.72063C3.96328 7.43022 5.51247 8.17502 6.82899 8.80782C7.80167 9.27502 8.64633 9.68142 8.64633 10.3702C8.64633 10.8246 8.38658 11.095 7.81381 11.095C7.06819 11.095 6.77293 10.7686 6.80843 9.65982C6.80843 9.41982 3.96328 9.34462 3.87639 9.65982C3.65588 12.347 5.61151 13.1222 7.84932 13.1222C10.0171 13.1222 11.7176 12.1334 11.7176 10.3414C11.7176 8.47278 10.0799 7.72955 8.72797 7.11598L8.72762 7.11582C7.7755 6.68382 6.96447 6.31582 6.96447 5.66383C6.96447 5.02383 7.51949 4.93903 7.84838 4.93903C8.19597 4.93903 8.82013 4.99103 8.7678 6.18543Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>Storybook</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">9</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">6.2.1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">15.05.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/blog-constructor"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/blog-constructor</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@NikitaCG" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaCG" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36075690?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@NikitaCG" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaCG" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36075690?v=4"/></div></a><a title="@niktverd" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/niktverd" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/61203447?v=4"/></div></a><a title="@gorgeousvlad" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/gorgeousvlad" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/20395936?v=4"/></div></a><a title="@VitaliiDC8" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/VitaliiDC8" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/127111625?v=4"/></div></a><a title="@DC-RomanKarpov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DC-RomanKarpov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/124568536?v=4"/></div></a><a title="@Kyzyl-ool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Kyzyl-ool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30153778?v=4"/></div></a><a title="@ecoinomist" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ecoinomist" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13236298?v=4"/></div></a><a title="@Lunatic174" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lunatic174" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10085601?v=4"/></div></a><a title="@aeksandla" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/aeksandla" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/46083995?v=4"/></div></a><a title="@melikhov-dev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/melikhov-dev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1742586?v=4"/></div></a><a title="@deemsk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/deemsk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1153930?v=4"/></div></a><a title="@yuberdysheva" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/yuberdysheva" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22456330?v=4"/></div></a><a title="@pavel-klimov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pavel-klimov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42768217?v=4"/></div></a><a title="@linkouth" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/linkouth" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/34433986?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"blog-constructor","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"blog-constructor"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Blog Constructor</span></div><h1 class="gravity-ui-landing-library__title"><span>Blog Constructor</span></h1><div class="gravity-ui-landing-library__description">A library based on the Page constructor library for creating blog-like services.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/blog-constructor" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://preview.yandexcloud.dev/blog-constructor/" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000598425 1.53603L0.579906 14.744V14.7432C0.58881 14.945 0.685981 15.1365 0.852138 15.2798C1.0183 15.4231 1.2413 15.5077 1.4769 15.5168L14.018 15.9992C14.1448 16.0041 14.2714 15.9869 14.3902 15.9487C14.509 15.9106 14.6176 15.8522 14.7093 15.7771C14.8011 15.7021 14.8741 15.6119 14.9241 15.512C14.9741 15.4122 14.9999 15.3046 15 15.196V0.80483C15.0001 0.694865 14.9739 0.586045 14.923 0.4851C14.872 0.384155 14.7974 0.29323 14.7038 0.217948C14.6102 0.142666 14.4995 0.0846267 14.3787 0.0474198C14.2578 0.010213 14.1293 -0.00537084 14.0012 0.00163199L12.9669 0.0570109L13.0416 1.90304C13.0426 1.92594 13.0358 1.9486 13.0222 1.96834C13.0086 1.98807 12.9887 2.00406 12.9648 2.01441C12.9409 2.02476 12.9141 2.02904 12.8875 2.02674C12.8608 2.02444 12.8355 2.01566 12.8145 2.00144L12.1194 1.53264L11.2971 2.06704C11.2759 2.08068 11.2506 2.08889 11.2242 2.09072C11.1978 2.09255 11.1713 2.08791 11.1478 2.07736C11.1243 2.0668 11.1048 2.05076 11.0915 2.03109C11.0783 2.01141 11.0718 1.98893 11.0729 1.96624L11.1607 0.153719L0.882641 0.70403C0.63793 0.716834 0.408745 0.810991 0.243966 0.966421C0.079187 1.12185 -0.00814405 1.32625 0.000598425 1.53603ZM8.7678 6.18543C8.7678 6.49822 11.2308 6.34863 11.5606 6.12863C11.5606 3.99743 10.2254 2.87743 7.77924 2.87743C5.33307 2.87743 3.96328 4.01503 3.96328 5.72063C3.96328 7.43022 5.51247 8.17502 6.82899 8.80782C7.80167 9.27502 8.64633 9.68142 8.64633 10.3702C8.64633 10.8246 8.38658 11.095 7.81381 11.095C7.06819 11.095 6.77293 10.7686 6.80843 9.65982C6.80843 9.41982 3.96328 9.34462 3.87639 9.65982C3.65588 12.347 5.61151 13.1222 7.84932 13.1222C10.0171 13.1222 11.7176 12.1334 11.7176 10.3414C11.7176 8.47278 10.0799 7.72955 8.72797 7.11598L8.72762 7.11582C7.7755 6.68382 6.96447 6.31582 6.96447 5.66383C6.96447 5.02383 7.51949 4.93903 7.84838 4.93903C8.19597 4.93903 8.82013 4.99103 8.7678 6.18543Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>Storybook</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">9</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">6.2.1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">15.05.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/blog-constructor"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/blog-constructor</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@NikitaCG" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaCG" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36075690?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@NikitaCG" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaCG" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36075690?v=4"/></div></a><a title="@niktverd" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/niktverd" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/61203447?v=4"/></div></a><a title="@gorgeousvlad" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/gorgeousvlad" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/20395936?v=4"/></div></a><a title="@VitaliiDC8" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/VitaliiDC8" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/127111625?v=4"/></div></a><a title="@DC-RomanKarpov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DC-RomanKarpov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/124568536?v=4"/></div></a><a title="@Kyzyl-ool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Kyzyl-ool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30153778?v=4"/></div></a><a title="@ecoinomist" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ecoinomist" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13236298?v=4"/></div></a><a title="@Lunatic174" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lunatic174" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10085601?v=4"/></div></a><a title="@aeksandla" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/aeksandla" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/46083995?v=4"/></div></a><a title="@melikhov-dev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/melikhov-dev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1742586?v=4"/></div></a><a title="@deemsk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/deemsk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1153930?v=4"/></div></a><a title="@yuberdysheva" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/yuberdysheva" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22456330?v=4"/></div></a><a title="@pavel-klimov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pavel-klimov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42768217?v=4"/></div></a><a title="@linkouth" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/linkouth" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/34433986?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"blog-constructor","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"blog-constructor"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/browserslist-config.html b/libraries/browserslist-config.html
index 45d88ea3469..3bdd8f59150 100644
--- a/libraries/browserslist-config.html
+++ b/libraries/browserslist-config.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Browserslist Config</span></div><h1 class="gravity-ui-landing-library__title"><span>Browserslist Config</span></h1><div class="gravity-ui-landing-library__description">Browserslist confugiration preset used in our services.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/browserslist-config" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">4.3.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">17.01.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/browserslist-config"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/browserslist-config</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@ogonkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ogonkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1091927?v=4"/></div></a><a title="@Avol-V" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Avol-V" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/7325152?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@AlexeyW100" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/AlexeyW100" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/45878152?v=4"/></div></a><a title="@Raubzeug" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Raubzeug" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42094364?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"browserslist-config","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"browserslist-config"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Browserslist Config</span></div><h1 class="gravity-ui-landing-library__title"><span>Browserslist Config</span></h1><div class="gravity-ui-landing-library__description">Browserslist confugiration preset used in our services.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/browserslist-config" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">4.3.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">17.01.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/browserslist-config"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/browserslist-config</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@ogonkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ogonkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1091927?v=4"/></div></a><a title="@Avol-V" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Avol-V" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/7325152?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@AlexeyW100" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/AlexeyW100" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/45878152?v=4"/></div></a><a title="@Raubzeug" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Raubzeug" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42094364?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"browserslist-config","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"browserslist-config"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/chartkit.html b/libraries/chartkit.html
index 9a7a23098ea..15e176114eb 100644
--- a/libraries/chartkit.html
+++ b/libraries/chartkit.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">ChartKit</span></div><h1 class="gravity-ui-landing-library__title"><span>ChartKit</span></h1><div class="gravity-ui-landing-library__description">A data visualization suite integrated with our design system.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/chartkit" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://preview.gravity-ui.com/chartkit/" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000598425 1.53603L0.579906 14.744V14.7432C0.58881 14.945 0.685981 15.1365 0.852138 15.2798C1.0183 15.4231 1.2413 15.5077 1.4769 15.5168L14.018 15.9992C14.1448 16.0041 14.2714 15.9869 14.3902 15.9487C14.509 15.9106 14.6176 15.8522 14.7093 15.7771C14.8011 15.7021 14.8741 15.6119 14.9241 15.512C14.9741 15.4122 14.9999 15.3046 15 15.196V0.80483C15.0001 0.694865 14.9739 0.586045 14.923 0.4851C14.872 0.384155 14.7974 0.29323 14.7038 0.217948C14.6102 0.142666 14.4995 0.0846267 14.3787 0.0474198C14.2578 0.010213 14.1293 -0.00537084 14.0012 0.00163199L12.9669 0.0570109L13.0416 1.90304C13.0426 1.92594 13.0358 1.9486 13.0222 1.96834C13.0086 1.98807 12.9887 2.00406 12.9648 2.01441C12.9409 2.02476 12.9141 2.02904 12.8875 2.02674C12.8608 2.02444 12.8355 2.01566 12.8145 2.00144L12.1194 1.53264L11.2971 2.06704C11.2759 2.08068 11.2506 2.08889 11.2242 2.09072C11.1978 2.09255 11.1713 2.08791 11.1478 2.07736C11.1243 2.0668 11.1048 2.05076 11.0915 2.03109C11.0783 2.01141 11.0718 1.98893 11.0729 1.96624L11.1607 0.153719L0.882641 0.70403C0.63793 0.716834 0.408745 0.810991 0.243966 0.966421C0.079187 1.12185 -0.00814405 1.32625 0.000598425 1.53603ZM8.7678 6.18543C8.7678 6.49822 11.2308 6.34863 11.5606 6.12863C11.5606 3.99743 10.2254 2.87743 7.77924 2.87743C5.33307 2.87743 3.96328 4.01503 3.96328 5.72063C3.96328 7.43022 5.51247 8.17502 6.82899 8.80782C7.80167 9.27502 8.64633 9.68142 8.64633 10.3702C8.64633 10.8246 8.38658 11.095 7.81381 11.095C7.06819 11.095 6.77293 10.7686 6.80843 9.65982C6.80843 9.41982 3.96328 9.34462 3.87639 9.65982C3.65588 12.347 5.61151 13.1222 7.84932 13.1222C10.0171 13.1222 11.7176 12.1334 11.7176 10.3414C11.7176 8.47278 10.0799 7.72955 8.72797 7.11598L8.72762 7.11582C7.7755 6.68382 6.96447 6.31582 6.96447 5.66383C6.96447 5.02383 7.51949 4.93903 7.84838 4.93903C8.19597 4.93903 8.82013 4.99103 8.7678 6.18543Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>Storybook</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">21</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">5.10.1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">09.07.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/chartkit"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/chartkit</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">–</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@kuzmadom" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kuzmadom" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/7911723?v=4"/></div></a><a title="@zefirka" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zefirka" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5380542?v=4"/></div></a><a title="@Marginy605" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Marginy605" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/98329176?v=4"/></div></a><a title="@Flunt1k" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Flunt1k" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/47900126?v=4"/></div></a><a title="@artemipanchuk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemipanchuk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15093838?v=4"/></div></a><a title="@astandrik" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/astandrik" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8037318?v=4"/></div></a><a title="@ichernobuk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ichernobuk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/25184132?v=4"/></div></a><a title="@EgorKluch" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/EgorKluch" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2197074?v=4"/></div></a><a title="@mournfulCoroner" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/mournfulCoroner" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56549651?v=4"/></div></a><a title="@krozhkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/krozhkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17095356?v=4"/></div></a><a title="@imechoim" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/imechoim" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8857511?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@pavel-klimov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pavel-klimov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42768217?v=4"/></div></a><a title="@dsleepo" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dsleepo" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/827806?v=4"/></div></a><a title="@melikhov-dev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/melikhov-dev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1742586?v=4"/></div></a></div><a class="g-button g-button_view_flat g-button_size_l g-button_pin_circle-circle g-button_width_max gravity-ui-landing-contributor-list__more-btn" href="https://github.com/gravity-ui/chartkit/contributors" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">+8 contributors</span></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"chartkit","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"chartkit"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">ChartKit</span></div><h1 class="gravity-ui-landing-library__title"><span>ChartKit</span></h1><div class="gravity-ui-landing-library__description">A data visualization suite integrated with our design system.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/chartkit" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://preview.gravity-ui.com/chartkit/" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000598425 1.53603L0.579906 14.744V14.7432C0.58881 14.945 0.685981 15.1365 0.852138 15.2798C1.0183 15.4231 1.2413 15.5077 1.4769 15.5168L14.018 15.9992C14.1448 16.0041 14.2714 15.9869 14.3902 15.9487C14.509 15.9106 14.6176 15.8522 14.7093 15.7771C14.8011 15.7021 14.8741 15.6119 14.9241 15.512C14.9741 15.4122 14.9999 15.3046 15 15.196V0.80483C15.0001 0.694865 14.9739 0.586045 14.923 0.4851C14.872 0.384155 14.7974 0.29323 14.7038 0.217948C14.6102 0.142666 14.4995 0.0846267 14.3787 0.0474198C14.2578 0.010213 14.1293 -0.00537084 14.0012 0.00163199L12.9669 0.0570109L13.0416 1.90304C13.0426 1.92594 13.0358 1.9486 13.0222 1.96834C13.0086 1.98807 12.9887 2.00406 12.9648 2.01441C12.9409 2.02476 12.9141 2.02904 12.8875 2.02674C12.8608 2.02444 12.8355 2.01566 12.8145 2.00144L12.1194 1.53264L11.2971 2.06704C11.2759 2.08068 11.2506 2.08889 11.2242 2.09072C11.1978 2.09255 11.1713 2.08791 11.1478 2.07736C11.1243 2.0668 11.1048 2.05076 11.0915 2.03109C11.0783 2.01141 11.0718 1.98893 11.0729 1.96624L11.1607 0.153719L0.882641 0.70403C0.63793 0.716834 0.408745 0.810991 0.243966 0.966421C0.079187 1.12185 -0.00814405 1.32625 0.000598425 1.53603ZM8.7678 6.18543C8.7678 6.49822 11.2308 6.34863 11.5606 6.12863C11.5606 3.99743 10.2254 2.87743 7.77924 2.87743C5.33307 2.87743 3.96328 4.01503 3.96328 5.72063C3.96328 7.43022 5.51247 8.17502 6.82899 8.80782C7.80167 9.27502 8.64633 9.68142 8.64633 10.3702C8.64633 10.8246 8.38658 11.095 7.81381 11.095C7.06819 11.095 6.77293 10.7686 6.80843 9.65982C6.80843 9.41982 3.96328 9.34462 3.87639 9.65982C3.65588 12.347 5.61151 13.1222 7.84932 13.1222C10.0171 13.1222 11.7176 12.1334 11.7176 10.3414C11.7176 8.47278 10.0799 7.72955 8.72797 7.11598L8.72762 7.11582C7.7755 6.68382 6.96447 6.31582 6.96447 5.66383C6.96447 5.02383 7.51949 4.93903 7.84838 4.93903C8.19597 4.93903 8.82013 4.99103 8.7678 6.18543Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>Storybook</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">21</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">5.10.1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">09.07.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/chartkit"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/chartkit</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">–</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@kuzmadom" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kuzmadom" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/7911723?v=4"/></div></a><a title="@zefirka" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zefirka" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5380542?v=4"/></div></a><a title="@Marginy605" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Marginy605" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/98329176?v=4"/></div></a><a title="@Flunt1k" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Flunt1k" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/47900126?v=4"/></div></a><a title="@artemipanchuk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemipanchuk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15093838?v=4"/></div></a><a title="@astandrik" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/astandrik" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8037318?v=4"/></div></a><a title="@ichernobuk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ichernobuk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/25184132?v=4"/></div></a><a title="@EgorKluch" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/EgorKluch" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2197074?v=4"/></div></a><a title="@mournfulCoroner" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/mournfulCoroner" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56549651?v=4"/></div></a><a title="@krozhkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/krozhkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17095356?v=4"/></div></a><a title="@imechoim" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/imechoim" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8857511?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@pavel-klimov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pavel-klimov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42768217?v=4"/></div></a><a title="@dsleepo" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dsleepo" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/827806?v=4"/></div></a><a title="@melikhov-dev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/melikhov-dev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1742586?v=4"/></div></a></div><a class="g-button g-button_view_flat g-button_size_l g-button_pin_circle-circle g-button_width_max gravity-ui-landing-contributor-list__more-btn" href="https://github.com/gravity-ui/chartkit/contributors" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">+8 contributors</span></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"chartkit","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"chartkit"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/components.html b/libraries/components.html
index 42ead465f92..48b16046a4a 100644
--- a/libraries/components.html
+++ b/libraries/components.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Components</span></div><h1 class="gravity-ui-landing-library__title"><span>Components</span></h1><div class="gravity-ui-landing-library__description">A set of complex React components.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/components" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://preview.gravity-ui.com/components/?path=/story/components-adaptivetabs--default" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000598425 1.53603L0.579906 14.744V14.7432C0.58881 14.945 0.685981 15.1365 0.852138 15.2798C1.0183 15.4231 1.2413 15.5077 1.4769 15.5168L14.018 15.9992C14.1448 16.0041 14.2714 15.9869 14.3902 15.9487C14.509 15.9106 14.6176 15.8522 14.7093 15.7771C14.8011 15.7021 14.8741 15.6119 14.9241 15.512C14.9741 15.4122 14.9999 15.3046 15 15.196V0.80483C15.0001 0.694865 14.9739 0.586045 14.923 0.4851C14.872 0.384155 14.7974 0.29323 14.7038 0.217948C14.6102 0.142666 14.4995 0.0846267 14.3787 0.0474198C14.2578 0.010213 14.1293 -0.00537084 14.0012 0.00163199L12.9669 0.0570109L13.0416 1.90304C13.0426 1.92594 13.0358 1.9486 13.0222 1.96834C13.0086 1.98807 12.9887 2.00406 12.9648 2.01441C12.9409 2.02476 12.9141 2.02904 12.8875 2.02674C12.8608 2.02444 12.8355 2.01566 12.8145 2.00144L12.1194 1.53264L11.2971 2.06704C11.2759 2.08068 11.2506 2.08889 11.2242 2.09072C11.1978 2.09255 11.1713 2.08791 11.1478 2.07736C11.1243 2.0668 11.1048 2.05076 11.0915 2.03109C11.0783 2.01141 11.0718 1.98893 11.0729 1.96624L11.1607 0.153719L0.882641 0.70403C0.63793 0.716834 0.408745 0.810991 0.243966 0.966421C0.079187 1.12185 -0.00814405 1.32625 0.000598425 1.53603ZM8.7678 6.18543C8.7678 6.49822 11.2308 6.34863 11.5606 6.12863C11.5606 3.99743 10.2254 2.87743 7.77924 2.87743C5.33307 2.87743 3.96328 4.01503 3.96328 5.72063C3.96328 7.43022 5.51247 8.17502 6.82899 8.80782C7.80167 9.27502 8.64633 9.68142 8.64633 10.3702C8.64633 10.8246 8.38658 11.095 7.81381 11.095C7.06819 11.095 6.77293 10.7686 6.80843 9.65982C6.80843 9.41982 3.96328 9.34462 3.87639 9.65982C3.65588 12.347 5.61151 13.1222 7.84932 13.1222C10.0171 13.1222 11.7176 12.1334 11.7176 10.3414C11.7176 8.47278 10.0799 7.72955 8.72797 7.11598L8.72762 7.11582C7.7755 6.68382 6.96447 6.31582 6.96447 5.66383C6.96447 5.02383 7.51949 4.93903 7.84838 4.93903C8.19597 4.93903 8.82013 4.99103 8.7678 6.18543Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>Storybook</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">11</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">3.7.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">17.06.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/components"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/components</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@Raubzeug" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Raubzeug" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42094364?v=4"/></div></a><a title="@Ruminat" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Ruminat" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/18216279?v=4"/></div></a><a title="@nikita-jpg" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/nikita-jpg" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56046344?v=4"/></div></a><a title="@KirillDyachkovskiy" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/KirillDyachkovskiy" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/81510334?v=4"/></div></a><a title="@mournfulCoroner" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/mournfulCoroner" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56549651?v=4"/></div></a><a title="@Marginy605" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Marginy605" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/98329176?v=4"/></div></a><a title="@NikitaCG" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaCG" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36075690?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@Kyzyl-ool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Kyzyl-ool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30153778?v=4"/></div></a><a title="@jhoncool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/jhoncool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11226935?v=4"/></div></a><a title="@artemipanchuk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemipanchuk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15093838?v=4"/></div></a><a title="@Feverqwe" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Feverqwe" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/891534?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@KalachevDev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/KalachevDev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30410979?v=4"/></div></a><a title="@pavel-klimov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pavel-klimov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42768217?v=4"/></div></a></div><a class="g-button g-button_view_flat g-button_size_l g-button_pin_circle-circle g-button_width_max gravity-ui-landing-contributor-list__more-btn" href="https://github.com/gravity-ui/components/contributors" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">+17 contributors</span></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"components","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"components"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Components</span></div><h1 class="gravity-ui-landing-library__title"><span>Components</span></h1><div class="gravity-ui-landing-library__description">A set of complex React components.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/components" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://preview.gravity-ui.com/components/?path=/story/components-adaptivetabs--default" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000598425 1.53603L0.579906 14.744V14.7432C0.58881 14.945 0.685981 15.1365 0.852138 15.2798C1.0183 15.4231 1.2413 15.5077 1.4769 15.5168L14.018 15.9992C14.1448 16.0041 14.2714 15.9869 14.3902 15.9487C14.509 15.9106 14.6176 15.8522 14.7093 15.7771C14.8011 15.7021 14.8741 15.6119 14.9241 15.512C14.9741 15.4122 14.9999 15.3046 15 15.196V0.80483C15.0001 0.694865 14.9739 0.586045 14.923 0.4851C14.872 0.384155 14.7974 0.29323 14.7038 0.217948C14.6102 0.142666 14.4995 0.0846267 14.3787 0.0474198C14.2578 0.010213 14.1293 -0.00537084 14.0012 0.00163199L12.9669 0.0570109L13.0416 1.90304C13.0426 1.92594 13.0358 1.9486 13.0222 1.96834C13.0086 1.98807 12.9887 2.00406 12.9648 2.01441C12.9409 2.02476 12.9141 2.02904 12.8875 2.02674C12.8608 2.02444 12.8355 2.01566 12.8145 2.00144L12.1194 1.53264L11.2971 2.06704C11.2759 2.08068 11.2506 2.08889 11.2242 2.09072C11.1978 2.09255 11.1713 2.08791 11.1478 2.07736C11.1243 2.0668 11.1048 2.05076 11.0915 2.03109C11.0783 2.01141 11.0718 1.98893 11.0729 1.96624L11.1607 0.153719L0.882641 0.70403C0.63793 0.716834 0.408745 0.810991 0.243966 0.966421C0.079187 1.12185 -0.00814405 1.32625 0.000598425 1.53603ZM8.7678 6.18543C8.7678 6.49822 11.2308 6.34863 11.5606 6.12863C11.5606 3.99743 10.2254 2.87743 7.77924 2.87743C5.33307 2.87743 3.96328 4.01503 3.96328 5.72063C3.96328 7.43022 5.51247 8.17502 6.82899 8.80782C7.80167 9.27502 8.64633 9.68142 8.64633 10.3702C8.64633 10.8246 8.38658 11.095 7.81381 11.095C7.06819 11.095 6.77293 10.7686 6.80843 9.65982C6.80843 9.41982 3.96328 9.34462 3.87639 9.65982C3.65588 12.347 5.61151 13.1222 7.84932 13.1222C10.0171 13.1222 11.7176 12.1334 11.7176 10.3414C11.7176 8.47278 10.0799 7.72955 8.72797 7.11598L8.72762 7.11582C7.7755 6.68382 6.96447 6.31582 6.96447 5.66383C6.96447 5.02383 7.51949 4.93903 7.84838 4.93903C8.19597 4.93903 8.82013 4.99103 8.7678 6.18543Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>Storybook</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">11</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">3.7.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">17.06.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/components"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/components</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@Raubzeug" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Raubzeug" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42094364?v=4"/></div></a><a title="@Ruminat" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Ruminat" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/18216279?v=4"/></div></a><a title="@nikita-jpg" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/nikita-jpg" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56046344?v=4"/></div></a><a title="@KirillDyachkovskiy" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/KirillDyachkovskiy" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/81510334?v=4"/></div></a><a title="@mournfulCoroner" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/mournfulCoroner" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56549651?v=4"/></div></a><a title="@Marginy605" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Marginy605" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/98329176?v=4"/></div></a><a title="@NikitaCG" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaCG" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36075690?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@Kyzyl-ool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Kyzyl-ool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30153778?v=4"/></div></a><a title="@jhoncool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/jhoncool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11226935?v=4"/></div></a><a title="@artemipanchuk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemipanchuk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15093838?v=4"/></div></a><a title="@Feverqwe" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Feverqwe" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/891534?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@KalachevDev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/KalachevDev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30410979?v=4"/></div></a><a title="@pavel-klimov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pavel-klimov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42768217?v=4"/></div></a></div><a class="g-button g-button_view_flat g-button_size_l g-button_pin_circle-circle g-button_width_max gravity-ui-landing-contributor-list__more-btn" href="https://github.com/gravity-ui/components/contributors" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">+17 contributors</span></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"components","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"components"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/dashkit.html b/libraries/dashkit.html
index 2a4371a4e3a..37be2502a2f 100644
--- a/libraries/dashkit.html
+++ b/libraries/dashkit.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">DashKit</span></div><h1 class="gravity-ui-landing-library__title"><span>DashKit</span></h1><div class="gravity-ui-landing-library__description">A grid component for building interactive dashboards.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/dashkit" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">13</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">8.7.1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">18.07.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/dashkit"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/dashkit</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@jhoncool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/jhoncool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11226935?v=4"/></div></a><a title="@Marginy605" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Marginy605" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/98329176?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@jhoncool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/jhoncool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11226935?v=4"/></div></a><a title="@Marginy605" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Marginy605" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/98329176?v=4"/></div></a><a title="@flops" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/flops" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/433333?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@goshander" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/goshander" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5037509?v=4"/></div></a><a title="@mournfulCoroner" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/mournfulCoroner" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56549651?v=4"/></div></a><a title="@pavel-klimov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pavel-klimov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42768217?v=4"/></div></a><a title="@catakot" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/catakot" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/21214799?v=4"/></div></a><a title="@astandrik" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/astandrik" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8037318?v=4"/></div></a><a title="@artemluchin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemluchin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/12445010?v=4"/></div></a><a title="@ref256" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ref256" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/41027510?v=4"/></div></a><a title="@ierehon1905" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ierehon1905" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31146334?v=4"/></div></a><a title="@imechoim" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/imechoim" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8857511?v=4"/></div></a><a title="@kseniya57" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kseniya57" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31247233?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"dashkit","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"dashkit"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">DashKit</span></div><h1 class="gravity-ui-landing-library__title"><span>DashKit</span></h1><div class="gravity-ui-landing-library__description">A grid component for building interactive dashboards.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/dashkit" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">13</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">8.7.2</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">18.07.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/dashkit"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/dashkit</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@jhoncool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/jhoncool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11226935?v=4"/></div></a><a title="@Marginy605" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Marginy605" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/98329176?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@jhoncool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/jhoncool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11226935?v=4"/></div></a><a title="@Marginy605" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Marginy605" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/98329176?v=4"/></div></a><a title="@flops" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/flops" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/433333?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@goshander" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/goshander" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5037509?v=4"/></div></a><a title="@mournfulCoroner" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/mournfulCoroner" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56549651?v=4"/></div></a><a title="@pavel-klimov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pavel-klimov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42768217?v=4"/></div></a><a title="@catakot" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/catakot" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/21214799?v=4"/></div></a><a title="@astandrik" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/astandrik" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8037318?v=4"/></div></a><a title="@artemluchin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemluchin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/12445010?v=4"/></div></a><a title="@ref256" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ref256" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/41027510?v=4"/></div></a><a title="@ierehon1905" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ierehon1905" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31146334?v=4"/></div></a><a title="@imechoim" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/imechoim" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8857511?v=4"/></div></a><a title="@kseniya57" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kseniya57" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31247233?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"dashkit","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"dashkit"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/date-components.html b/libraries/date-components.html
index 92c37c471da..823100dafb9 100644
--- a/libraries/date-components.html
+++ b/libraries/date-components.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Date Components</span></div><h1 class="gravity-ui-landing-library__title"><span>Date Components</span></h1><div class="gravity-ui-landing-library__description">Various date components.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/date-components" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://preview.gravity-ui.com/date-components/?path=/docs/components-calendar--docs" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000598425 1.53603L0.579906 14.744V14.7432C0.58881 14.945 0.685981 15.1365 0.852138 15.2798C1.0183 15.4231 1.2413 15.5077 1.4769 15.5168L14.018 15.9992C14.1448 16.0041 14.2714 15.9869 14.3902 15.9487C14.509 15.9106 14.6176 15.8522 14.7093 15.7771C14.8011 15.7021 14.8741 15.6119 14.9241 15.512C14.9741 15.4122 14.9999 15.3046 15 15.196V0.80483C15.0001 0.694865 14.9739 0.586045 14.923 0.4851C14.872 0.384155 14.7974 0.29323 14.7038 0.217948C14.6102 0.142666 14.4995 0.0846267 14.3787 0.0474198C14.2578 0.010213 14.1293 -0.00537084 14.0012 0.00163199L12.9669 0.0570109L13.0416 1.90304C13.0426 1.92594 13.0358 1.9486 13.0222 1.96834C13.0086 1.98807 12.9887 2.00406 12.9648 2.01441C12.9409 2.02476 12.9141 2.02904 12.8875 2.02674C12.8608 2.02444 12.8355 2.01566 12.8145 2.00144L12.1194 1.53264L11.2971 2.06704C11.2759 2.08068 11.2506 2.08889 11.2242 2.09072C11.1978 2.09255 11.1713 2.08791 11.1478 2.07736C11.1243 2.0668 11.1048 2.05076 11.0915 2.03109C11.0783 2.01141 11.0718 1.98893 11.0729 1.96624L11.1607 0.153719L0.882641 0.70403C0.63793 0.716834 0.408745 0.810991 0.243966 0.966421C0.079187 1.12185 -0.00814405 1.32625 0.000598425 1.53603ZM8.7678 6.18543C8.7678 6.49822 11.2308 6.34863 11.5606 6.12863C11.5606 3.99743 10.2254 2.87743 7.77924 2.87743C5.33307 2.87743 3.96328 4.01503 3.96328 5.72063C3.96328 7.43022 5.51247 8.17502 6.82899 8.80782C7.80167 9.27502 8.64633 9.68142 8.64633 10.3702C8.64633 10.8246 8.38658 11.095 7.81381 11.095C7.06819 11.095 6.77293 10.7686 6.80843 9.65982C6.80843 9.41982 3.96328 9.34462 3.87639 9.65982C3.65588 12.347 5.61151 13.1222 7.84932 13.1222C10.0171 13.1222 11.7176 12.1334 11.7176 10.3414C11.7176 8.47278 10.0799 7.72955 8.72797 7.11598L8.72762 7.11582C7.7755 6.68382 6.96447 6.31582 6.96447 5.66383C6.96447 5.02383 7.51949 4.93903 7.84838 4.93903C8.19597 4.93903 8.82013 4.99103 8.7678 6.18543Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>Storybook</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">6</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">2.8.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">16.07.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/date-components"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/date-components</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@Arucard89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Arucard89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13587201?v=4"/></div></a><a title="@saxumcordis" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/saxumcordis" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42944548?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@krozhkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/krozhkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17095356?v=4"/></div></a><a title="@lxndr" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/lxndr" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/579459?v=4"/></div></a><a title="@zamkovskaya" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zamkovskaya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/128601366?v=4"/></div></a><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@kseniya57" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kseniya57" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31247233?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"date-components","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"date-components"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Date Components</span></div><h1 class="gravity-ui-landing-library__title"><span>Date Components</span></h1><div class="gravity-ui-landing-library__description">Various date components.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/date-components" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://preview.gravity-ui.com/date-components/?path=/docs/components-calendar--docs" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000598425 1.53603L0.579906 14.744V14.7432C0.58881 14.945 0.685981 15.1365 0.852138 15.2798C1.0183 15.4231 1.2413 15.5077 1.4769 15.5168L14.018 15.9992C14.1448 16.0041 14.2714 15.9869 14.3902 15.9487C14.509 15.9106 14.6176 15.8522 14.7093 15.7771C14.8011 15.7021 14.8741 15.6119 14.9241 15.512C14.9741 15.4122 14.9999 15.3046 15 15.196V0.80483C15.0001 0.694865 14.9739 0.586045 14.923 0.4851C14.872 0.384155 14.7974 0.29323 14.7038 0.217948C14.6102 0.142666 14.4995 0.0846267 14.3787 0.0474198C14.2578 0.010213 14.1293 -0.00537084 14.0012 0.00163199L12.9669 0.0570109L13.0416 1.90304C13.0426 1.92594 13.0358 1.9486 13.0222 1.96834C13.0086 1.98807 12.9887 2.00406 12.9648 2.01441C12.9409 2.02476 12.9141 2.02904 12.8875 2.02674C12.8608 2.02444 12.8355 2.01566 12.8145 2.00144L12.1194 1.53264L11.2971 2.06704C11.2759 2.08068 11.2506 2.08889 11.2242 2.09072C11.1978 2.09255 11.1713 2.08791 11.1478 2.07736C11.1243 2.0668 11.1048 2.05076 11.0915 2.03109C11.0783 2.01141 11.0718 1.98893 11.0729 1.96624L11.1607 0.153719L0.882641 0.70403C0.63793 0.716834 0.408745 0.810991 0.243966 0.966421C0.079187 1.12185 -0.00814405 1.32625 0.000598425 1.53603ZM8.7678 6.18543C8.7678 6.49822 11.2308 6.34863 11.5606 6.12863C11.5606 3.99743 10.2254 2.87743 7.77924 2.87743C5.33307 2.87743 3.96328 4.01503 3.96328 5.72063C3.96328 7.43022 5.51247 8.17502 6.82899 8.80782C7.80167 9.27502 8.64633 9.68142 8.64633 10.3702C8.64633 10.8246 8.38658 11.095 7.81381 11.095C7.06819 11.095 6.77293 10.7686 6.80843 9.65982C6.80843 9.41982 3.96328 9.34462 3.87639 9.65982C3.65588 12.347 5.61151 13.1222 7.84932 13.1222C10.0171 13.1222 11.7176 12.1334 11.7176 10.3414C11.7176 8.47278 10.0799 7.72955 8.72797 7.11598L8.72762 7.11582C7.7755 6.68382 6.96447 6.31582 6.96447 5.66383C6.96447 5.02383 7.51949 4.93903 7.84838 4.93903C8.19597 4.93903 8.82013 4.99103 8.7678 6.18543Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>Storybook</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">6</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">2.8.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">16.07.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/date-components"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/date-components</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@Arucard89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Arucard89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13587201?v=4"/></div></a><a title="@saxumcordis" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/saxumcordis" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42944548?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@krozhkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/krozhkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17095356?v=4"/></div></a><a title="@lxndr" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/lxndr" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/579459?v=4"/></div></a><a title="@zamkovskaya" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zamkovskaya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/128601366?v=4"/></div></a><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@kseniya57" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kseniya57" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31247233?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"date-components","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"date-components"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/date-utils.html b/libraries/date-utils.html
index d2d922881ad..1dd6bb49f2f 100644
--- a/libraries/date-utils.html
+++ b/libraries/date-utils.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Date Utils</span></div><h1 class="gravity-ui-landing-library__title"><span>Date Utils</span></h1><div class="gravity-ui-landing-library__description">Helpers for managing Date and Time values.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/date-utils" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">10</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">2.5.3</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">10.06.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/date-utils"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/date-utils</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@KalachevDev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/KalachevDev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30410979?v=4"/></div></a><a title="@dividead" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dividead" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4695397?v=4"/></div></a><a title="@a1eksandrk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/a1eksandrk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/60098929?v=4"/></div></a><a title="@AlexeyW100" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/AlexeyW100" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/45878152?v=4"/></div></a><a title="@chervyakovru" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/chervyakovru" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/14909082?v=4"/></div></a><a title="@DarkGenius" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DarkGenius" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4076124?v=4"/></div></a><a title="@catakot" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/catakot" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/21214799?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"date-utils","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"date-utils"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Date Utils</span></div><h1 class="gravity-ui-landing-library__title"><span>Date Utils</span></h1><div class="gravity-ui-landing-library__description">Helpers for managing Date and Time values.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/date-utils" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">10</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">2.5.3</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">10.06.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/date-utils"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/date-utils</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@KalachevDev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/KalachevDev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30410979?v=4"/></div></a><a title="@dividead" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dividead" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4695397?v=4"/></div></a><a title="@a1eksandrk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/a1eksandrk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/60098929?v=4"/></div></a><a title="@AlexeyW100" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/AlexeyW100" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/45878152?v=4"/></div></a><a title="@chervyakovru" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/chervyakovru" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/14909082?v=4"/></div></a><a title="@DarkGenius" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DarkGenius" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4076124?v=4"/></div></a><a title="@catakot" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/catakot" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/21214799?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"date-utils","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"date-utils"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/dialog-fields.html b/libraries/dialog-fields.html
index acafb69cd93..ac164d2d769 100644
--- a/libraries/dialog-fields.html
+++ b/libraries/dialog-fields.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Dialog Fields</span></div><h1 class="gravity-ui-landing-library__title"><span>Dialog Fields</span></h1><div class="gravity-ui-landing-library__description">A react-final-form wrapper that provides some useful high-level components for building forms.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/dialog-fields" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">4</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">5.0.8</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">27.06.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/dialog-fields"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/dialog-fields</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@ma-efremoff" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ma-efremoff" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64027148?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@ma-efremoff" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ma-efremoff" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64027148?v=4"/></div></a><a title="@rrewll" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/rrewll" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/28988763?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"dialog-fields","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"dialog-fields"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Dialog Fields</span></div><h1 class="gravity-ui-landing-library__title"><span>Dialog Fields</span></h1><div class="gravity-ui-landing-library__description">A react-final-form wrapper that provides some useful high-level components for building forms.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/dialog-fields" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">4</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">5.0.8</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">27.06.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/dialog-fields"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/dialog-fields</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@ma-efremoff" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ma-efremoff" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64027148?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@ma-efremoff" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ma-efremoff" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64027148?v=4"/></div></a><a title="@rrewll" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/rrewll" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/28988763?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"dialog-fields","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"dialog-fields"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/dynamic-forms.html b/libraries/dynamic-forms.html
index 3e39702f3ad..2e2d98fb10e 100644
--- a/libraries/dynamic-forms.html
+++ b/libraries/dynamic-forms.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Dynamic Forms</span></div><h1 class="gravity-ui-landing-library__title"><span>Dynamic Forms</span></h1><div class="gravity-ui-landing-library__description">Library for rendering neat and functional react forms described by JSON schema</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/dynamic-forms" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://preview.gravity-ui.com/dynamic-forms/" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000598425 1.53603L0.579906 14.744V14.7432C0.58881 14.945 0.685981 15.1365 0.852138 15.2798C1.0183 15.4231 1.2413 15.5077 1.4769 15.5168L14.018 15.9992C14.1448 16.0041 14.2714 15.9869 14.3902 15.9487C14.509 15.9106 14.6176 15.8522 14.7093 15.7771C14.8011 15.7021 14.8741 15.6119 14.9241 15.512C14.9741 15.4122 14.9999 15.3046 15 15.196V0.80483C15.0001 0.694865 14.9739 0.586045 14.923 0.4851C14.872 0.384155 14.7974 0.29323 14.7038 0.217948C14.6102 0.142666 14.4995 0.0846267 14.3787 0.0474198C14.2578 0.010213 14.1293 -0.00537084 14.0012 0.00163199L12.9669 0.0570109L13.0416 1.90304C13.0426 1.92594 13.0358 1.9486 13.0222 1.96834C13.0086 1.98807 12.9887 2.00406 12.9648 2.01441C12.9409 2.02476 12.9141 2.02904 12.8875 2.02674C12.8608 2.02444 12.8355 2.01566 12.8145 2.00144L12.1194 1.53264L11.2971 2.06704C11.2759 2.08068 11.2506 2.08889 11.2242 2.09072C11.1978 2.09255 11.1713 2.08791 11.1478 2.07736C11.1243 2.0668 11.1048 2.05076 11.0915 2.03109C11.0783 2.01141 11.0718 1.98893 11.0729 1.96624L11.1607 0.153719L0.882641 0.70403C0.63793 0.716834 0.408745 0.810991 0.243966 0.966421C0.079187 1.12185 -0.00814405 1.32625 0.000598425 1.53603ZM8.7678 6.18543C8.7678 6.49822 11.2308 6.34863 11.5606 6.12863C11.5606 3.99743 10.2254 2.87743 7.77924 2.87743C5.33307 2.87743 3.96328 4.01503 3.96328 5.72063C3.96328 7.43022 5.51247 8.17502 6.82899 8.80782C7.80167 9.27502 8.64633 9.68142 8.64633 10.3702C8.64633 10.8246 8.38658 11.095 7.81381 11.095C7.06819 11.095 6.77293 10.7686 6.80843 9.65982C6.80843 9.41982 3.96328 9.34462 3.87639 9.65982C3.65588 12.347 5.61151 13.1222 7.84932 13.1222C10.0171 13.1222 11.7176 12.1334 11.7176 10.3414C11.7176 8.47278 10.0799 7.72955 8.72797 7.11598L8.72762 7.11582C7.7755 6.68382 6.96447 6.31582 6.96447 5.66383C6.96447 5.02383 7.51949 4.93903 7.84838 4.93903C8.19597 4.93903 8.82013 4.99103 8.7678 6.18543Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>Storybook</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">29</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">4.6.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">16.07.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/dynamic-forms"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/dynamic-forms</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@bocembocem" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bocembocem" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/58661343?v=4"/></div></a><a title="@NasgulNexus" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NasgulNexus" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/23384737?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@bocembocem" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bocembocem" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/58661343?v=4"/></div></a><a title="@NasgulNexus" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NasgulNexus" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/23384737?v=4"/></div></a><a title="@hozblok" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/hozblok" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17067394?v=4"/></div></a><a title="@LehaRybkoha" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/LehaRybkoha" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42549523?v=4"/></div></a><a title="@pavel-klimov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pavel-klimov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42768217?v=4"/></div></a><a title="@vvasin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vvasin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29572062?v=4"/></div></a><a title="@wd055" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/wd055" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/35567000?v=4"/></div></a><a title="@saxumcordis" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/saxumcordis" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42944548?v=4"/></div></a><a title="@dgaponov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dgaponov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13693437?v=4"/></div></a><a title="@bityutskiyAO" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bityutskiyAO" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/38612782?v=4"/></div></a><a title="@gorgeousvlad" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/gorgeousvlad" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/20395936?v=4"/></div></a><a title="@VitaliiDC8" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/VitaliiDC8" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/127111625?v=4"/></div></a><a title="@js2me" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/js2me" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/16340911?v=4"/></div></a><a title="@DC-RomanKarpov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DC-RomanKarpov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/124568536?v=4"/></div></a><a title="@bratva" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bratva" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1937870?v=4"/></div></a><a title="@diadorer" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/diadorer" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/33423367?v=4"/></div></a></div><a class="g-button g-button_view_flat g-button_size_l g-button_pin_circle-circle g-button_width_max gravity-ui-landing-contributor-list__more-btn" href="https://github.com/gravity-ui/dynamic-forms/contributors" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">+4 contributors</span></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"dynamic-forms","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"dynamic-forms"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Dynamic Forms</span></div><h1 class="gravity-ui-landing-library__title"><span>Dynamic Forms</span></h1><div class="gravity-ui-landing-library__description">Library for rendering neat and functional react forms described by JSON schema</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/dynamic-forms" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://preview.gravity-ui.com/dynamic-forms/" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000598425 1.53603L0.579906 14.744V14.7432C0.58881 14.945 0.685981 15.1365 0.852138 15.2798C1.0183 15.4231 1.2413 15.5077 1.4769 15.5168L14.018 15.9992C14.1448 16.0041 14.2714 15.9869 14.3902 15.9487C14.509 15.9106 14.6176 15.8522 14.7093 15.7771C14.8011 15.7021 14.8741 15.6119 14.9241 15.512C14.9741 15.4122 14.9999 15.3046 15 15.196V0.80483C15.0001 0.694865 14.9739 0.586045 14.923 0.4851C14.872 0.384155 14.7974 0.29323 14.7038 0.217948C14.6102 0.142666 14.4995 0.0846267 14.3787 0.0474198C14.2578 0.010213 14.1293 -0.00537084 14.0012 0.00163199L12.9669 0.0570109L13.0416 1.90304C13.0426 1.92594 13.0358 1.9486 13.0222 1.96834C13.0086 1.98807 12.9887 2.00406 12.9648 2.01441C12.9409 2.02476 12.9141 2.02904 12.8875 2.02674C12.8608 2.02444 12.8355 2.01566 12.8145 2.00144L12.1194 1.53264L11.2971 2.06704C11.2759 2.08068 11.2506 2.08889 11.2242 2.09072C11.1978 2.09255 11.1713 2.08791 11.1478 2.07736C11.1243 2.0668 11.1048 2.05076 11.0915 2.03109C11.0783 2.01141 11.0718 1.98893 11.0729 1.96624L11.1607 0.153719L0.882641 0.70403C0.63793 0.716834 0.408745 0.810991 0.243966 0.966421C0.079187 1.12185 -0.00814405 1.32625 0.000598425 1.53603ZM8.7678 6.18543C8.7678 6.49822 11.2308 6.34863 11.5606 6.12863C11.5606 3.99743 10.2254 2.87743 7.77924 2.87743C5.33307 2.87743 3.96328 4.01503 3.96328 5.72063C3.96328 7.43022 5.51247 8.17502 6.82899 8.80782C7.80167 9.27502 8.64633 9.68142 8.64633 10.3702C8.64633 10.8246 8.38658 11.095 7.81381 11.095C7.06819 11.095 6.77293 10.7686 6.80843 9.65982C6.80843 9.41982 3.96328 9.34462 3.87639 9.65982C3.65588 12.347 5.61151 13.1222 7.84932 13.1222C10.0171 13.1222 11.7176 12.1334 11.7176 10.3414C11.7176 8.47278 10.0799 7.72955 8.72797 7.11598L8.72762 7.11582C7.7755 6.68382 6.96447 6.31582 6.96447 5.66383C6.96447 5.02383 7.51949 4.93903 7.84838 4.93903C8.19597 4.93903 8.82013 4.99103 8.7678 6.18543Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>Storybook</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">29</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">4.6.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">16.07.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/dynamic-forms"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/dynamic-forms</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@bocembocem" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bocembocem" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/58661343?v=4"/></div></a><a title="@NasgulNexus" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NasgulNexus" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/23384737?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@bocembocem" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bocembocem" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/58661343?v=4"/></div></a><a title="@NasgulNexus" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NasgulNexus" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/23384737?v=4"/></div></a><a title="@hozblok" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/hozblok" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17067394?v=4"/></div></a><a title="@LehaRybkoha" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/LehaRybkoha" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42549523?v=4"/></div></a><a title="@pavel-klimov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pavel-klimov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42768217?v=4"/></div></a><a title="@vvasin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vvasin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29572062?v=4"/></div></a><a title="@wd055" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/wd055" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/35567000?v=4"/></div></a><a title="@saxumcordis" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/saxumcordis" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42944548?v=4"/></div></a><a title="@dgaponov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dgaponov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13693437?v=4"/></div></a><a title="@bityutskiyAO" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bityutskiyAO" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/38612782?v=4"/></div></a><a title="@gorgeousvlad" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/gorgeousvlad" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/20395936?v=4"/></div></a><a title="@VitaliiDC8" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/VitaliiDC8" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/127111625?v=4"/></div></a><a title="@js2me" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/js2me" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/16340911?v=4"/></div></a><a title="@DC-RomanKarpov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DC-RomanKarpov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/124568536?v=4"/></div></a><a title="@bratva" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bratva" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1937870?v=4"/></div></a><a title="@diadorer" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/diadorer" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/33423367?v=4"/></div></a></div><a class="g-button g-button_view_flat g-button_size_l g-button_pin_circle-circle g-button_width_max gravity-ui-landing-contributor-list__more-btn" href="https://github.com/gravity-ui/dynamic-forms/contributors" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">+4 contributors</span></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"dynamic-forms","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"dynamic-forms"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/eslint-config.html b/libraries/eslint-config.html
index 432dcfd5401..a6afafeae0e 100644
--- a/libraries/eslint-config.html
+++ b/libraries/eslint-config.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">ESlint Config</span></div><h1 class="gravity-ui-landing-library__title"><span>ESlint Config</span></h1><div class="gravity-ui-landing-library__description">description_eslint-config</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/eslint-config" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">5</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">3.2.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">15.04.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/eslint-config"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/eslint-config</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@KirillDyachkovskiy" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/KirillDyachkovskiy" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/81510334?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@melikhov-dev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/melikhov-dev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1742586?v=4"/></div></a><a title="@ogonkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ogonkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1091927?v=4"/></div></a><a title="@goshander" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/goshander" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5037509?v=4"/></div></a><a title="@main-kun" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/main-kun" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13281662?v=4"/></div></a><a title="@kkirik" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kkirik" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29181473?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@axtk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/axtk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/24575250?v=4"/></div></a><a title="@yuberdysheva" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/yuberdysheva" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22456330?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"eslint-config","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"eslint-config"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">ESlint Config</span></div><h1 class="gravity-ui-landing-library__title"><span>ESlint Config</span></h1><div class="gravity-ui-landing-library__description">description_eslint-config</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/eslint-config" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">5</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">3.2.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">15.04.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/eslint-config"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/eslint-config</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@KirillDyachkovskiy" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/KirillDyachkovskiy" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/81510334?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@melikhov-dev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/melikhov-dev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1742586?v=4"/></div></a><a title="@ogonkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ogonkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1091927?v=4"/></div></a><a title="@goshander" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/goshander" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5037509?v=4"/></div></a><a title="@main-kun" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/main-kun" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13281662?v=4"/></div></a><a title="@kkirik" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kkirik" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29181473?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@axtk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/axtk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/24575250?v=4"/></div></a><a title="@yuberdysheva" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/yuberdysheva" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22456330?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"eslint-config","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"eslint-config"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/expresskit.html b/libraries/expresskit.html
index e68927c6326..b9350ae2331 100644
--- a/libraries/expresskit.html
+++ b/libraries/expresskit.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">ExpressKit</span></div><h1 class="gravity-ui-landing-library__title"><span>ExpressKit</span></h1><div class="gravity-ui-landing-library__description">Lightweight express.js wrapper that integrates with NodeKit.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/expresskit" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">4</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">1.3.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">04.07.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/expresskit"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/expresskit</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@resure" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/resure" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/168296?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@resure" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/resure" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/168296?v=4"/></div></a><a title="@ma-efremoff" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ma-efremoff" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64027148?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@jhoncool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/jhoncool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11226935?v=4"/></div></a><a title="@melikhov-dev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/melikhov-dev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1742586?v=4"/></div></a><a title="@beliarh" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/beliarh" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4661335?v=4"/></div></a><a title="@goshander" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/goshander" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5037509?v=4"/></div></a><a title="@joshuan" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/joshuan" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2090702?v=4"/></div></a><a title="@imsitnikov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/imsitnikov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29424746?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"expresskit","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"expresskit"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">ExpressKit</span></div><h1 class="gravity-ui-landing-library__title"><span>ExpressKit</span></h1><div class="gravity-ui-landing-library__description">Lightweight express.js wrapper that integrates with NodeKit.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/expresskit" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">4</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">1.3.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">04.07.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/expresskit"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/expresskit</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@resure" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/resure" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/168296?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@resure" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/resure" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/168296?v=4"/></div></a><a title="@ma-efremoff" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ma-efremoff" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64027148?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@jhoncool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/jhoncool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11226935?v=4"/></div></a><a title="@melikhov-dev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/melikhov-dev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1742586?v=4"/></div></a><a title="@beliarh" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/beliarh" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4661335?v=4"/></div></a><a title="@goshander" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/goshander" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5037509?v=4"/></div></a><a title="@joshuan" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/joshuan" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2090702?v=4"/></div></a><a title="@imsitnikov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/imsitnikov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29424746?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"expresskit","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"expresskit"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/i18n.html b/libraries/i18n.html
index 9dd15e94dc4..66fef0f950d 100644
--- a/libraries/i18n.html
+++ b/libraries/i18n.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">I18n</span></div><h1 class="gravity-ui-landing-library__title"><span>I18n</span></h1><div class="gravity-ui-landing-library__description">Internationalization helpers of Gravity UI projects.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/i18n" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">8</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">1.6.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">12.07.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/i18n"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/i18n</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@dgaponov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dgaponov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13693437?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@tsufiev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/tsufiev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1240006?v=4"/></div></a><a title="@ogonkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ogonkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1091927?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@vladimirfilosof" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vladimirfilosof" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/58009491?v=4"/></div></a><a title="@dgaponov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dgaponov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13693437?v=4"/></div></a><a title="@kvestus" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kvestus" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36218446?v=4"/></div></a><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@danigorokhov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/danigorokhov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/49070059?v=4"/></div></a><a title="@jhoncool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/jhoncool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11226935?v=4"/></div></a><a title="@ariser" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ariser" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3864424?v=4"/></div></a><a title="@dihar" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dihar" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/12913462?v=4"/></div></a><a title="@imechoim" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/imechoim" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8857511?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"i18n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"i18n"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">I18n</span></div><h1 class="gravity-ui-landing-library__title"><span>I18n</span></h1><div class="gravity-ui-landing-library__description">Internationalization helpers of Gravity UI projects.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/i18n" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">8</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">1.6.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">12.07.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/i18n"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/i18n</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@dgaponov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dgaponov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13693437?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@tsufiev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/tsufiev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1240006?v=4"/></div></a><a title="@ogonkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ogonkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1091927?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@vladimirfilosof" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vladimirfilosof" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/58009491?v=4"/></div></a><a title="@dgaponov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dgaponov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13693437?v=4"/></div></a><a title="@kvestus" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kvestus" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36218446?v=4"/></div></a><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@danigorokhov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/danigorokhov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/49070059?v=4"/></div></a><a title="@jhoncool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/jhoncool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11226935?v=4"/></div></a><a title="@ariser" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ariser" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3864424?v=4"/></div></a><a title="@dihar" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dihar" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/12913462?v=4"/></div></a><a title="@imechoim" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/imechoim" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8857511?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"i18n","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"i18n"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/icons.html b/libraries/icons.html
index 07e86f5d4b4..1a110f87bfc 100644
--- a/libraries/icons.html
+++ b/libraries/icons.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Icons</span></div><h1 class="gravity-ui-landing-library__title"><span>Icons</span></h1><div class="gravity-ui-landing-library__description">Set with hundreds of various modern SVG icons for your projects.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="/icons" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">Go to icons</span></a><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/icons" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">51</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">2.10.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">29.05.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/icons"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/icons</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@IsaevAlexandr" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/IsaevAlexandr" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/27916444?v=4"/></div></a><a title="@pavel-klimov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pavel-klimov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42768217?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@dgaponov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dgaponov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13693437?v=4"/></div></a><a title="@Marginy605" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Marginy605" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/98329176?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"icons","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"icons"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Icons</span></div><h1 class="gravity-ui-landing-library__title"><span>Icons</span></h1><div class="gravity-ui-landing-library__description">Set with hundreds of various modern SVG icons for your projects.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="/icons" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">Go to icons</span></a><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/icons" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">51</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">2.10.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">29.05.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/icons"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/icons</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@IsaevAlexandr" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/IsaevAlexandr" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/27916444?v=4"/></div></a><a title="@pavel-klimov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pavel-klimov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42768217?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@dgaponov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dgaponov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13693437?v=4"/></div></a><a title="@Marginy605" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Marginy605" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/98329176?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"icons","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"icons"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/illustrations.html b/libraries/illustrations.html
index b7840535593..4a1a36b027c 100644
--- a/libraries/illustrations.html
+++ b/libraries/illustrations.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Illustrations</span></div><h1 class="gravity-ui-landing-library__title"><span>Illustrations</span></h1><div class="gravity-ui-landing-library__description">A set of illustrations for displaying data statuses.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/illustrations" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://preview.gravity-ui.com/illustrations/" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000598425 1.53603L0.579906 14.744V14.7432C0.58881 14.945 0.685981 15.1365 0.852138 15.2798C1.0183 15.4231 1.2413 15.5077 1.4769 15.5168L14.018 15.9992C14.1448 16.0041 14.2714 15.9869 14.3902 15.9487C14.509 15.9106 14.6176 15.8522 14.7093 15.7771C14.8011 15.7021 14.8741 15.6119 14.9241 15.512C14.9741 15.4122 14.9999 15.3046 15 15.196V0.80483C15.0001 0.694865 14.9739 0.586045 14.923 0.4851C14.872 0.384155 14.7974 0.29323 14.7038 0.217948C14.6102 0.142666 14.4995 0.0846267 14.3787 0.0474198C14.2578 0.010213 14.1293 -0.00537084 14.0012 0.00163199L12.9669 0.0570109L13.0416 1.90304C13.0426 1.92594 13.0358 1.9486 13.0222 1.96834C13.0086 1.98807 12.9887 2.00406 12.9648 2.01441C12.9409 2.02476 12.9141 2.02904 12.8875 2.02674C12.8608 2.02444 12.8355 2.01566 12.8145 2.00144L12.1194 1.53264L11.2971 2.06704C11.2759 2.08068 11.2506 2.08889 11.2242 2.09072C11.1978 2.09255 11.1713 2.08791 11.1478 2.07736C11.1243 2.0668 11.1048 2.05076 11.0915 2.03109C11.0783 2.01141 11.0718 1.98893 11.0729 1.96624L11.1607 0.153719L0.882641 0.70403C0.63793 0.716834 0.408745 0.810991 0.243966 0.966421C0.079187 1.12185 -0.00814405 1.32625 0.000598425 1.53603ZM8.7678 6.18543C8.7678 6.49822 11.2308 6.34863 11.5606 6.12863C11.5606 3.99743 10.2254 2.87743 7.77924 2.87743C5.33307 2.87743 3.96328 4.01503 3.96328 5.72063C3.96328 7.43022 5.51247 8.17502 6.82899 8.80782C7.80167 9.27502 8.64633 9.68142 8.64633 10.3702C8.64633 10.8246 8.38658 11.095 7.81381 11.095C7.06819 11.095 6.77293 10.7686 6.80843 9.65982C6.80843 9.41982 3.96328 9.34462 3.87639 9.65982C3.65588 12.347 5.61151 13.1222 7.84932 13.1222C10.0171 13.1222 11.7176 12.1334 11.7176 10.3414C11.7176 8.47278 10.0799 7.72955 8.72797 7.11598L8.72762 7.11582C7.7755 6.68382 6.96447 6.31582 6.96447 5.66383C6.96447 5.02383 7.51949 4.93903 7.84838 4.93903C8.19597 4.93903 8.82013 4.99103 8.7678 6.18543Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>Storybook</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">3</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">1.0.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">26.03.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/illustrations"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/illustrations</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@DaryaLari" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DaryaLari" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/19970912?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"illustrations","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"illustrations"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Illustrations</span></div><h1 class="gravity-ui-landing-library__title"><span>Illustrations</span></h1><div class="gravity-ui-landing-library__description">A set of illustrations for displaying data statuses.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/illustrations" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://preview.gravity-ui.com/illustrations/" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000598425 1.53603L0.579906 14.744V14.7432C0.58881 14.945 0.685981 15.1365 0.852138 15.2798C1.0183 15.4231 1.2413 15.5077 1.4769 15.5168L14.018 15.9992C14.1448 16.0041 14.2714 15.9869 14.3902 15.9487C14.509 15.9106 14.6176 15.8522 14.7093 15.7771C14.8011 15.7021 14.8741 15.6119 14.9241 15.512C14.9741 15.4122 14.9999 15.3046 15 15.196V0.80483C15.0001 0.694865 14.9739 0.586045 14.923 0.4851C14.872 0.384155 14.7974 0.29323 14.7038 0.217948C14.6102 0.142666 14.4995 0.0846267 14.3787 0.0474198C14.2578 0.010213 14.1293 -0.00537084 14.0012 0.00163199L12.9669 0.0570109L13.0416 1.90304C13.0426 1.92594 13.0358 1.9486 13.0222 1.96834C13.0086 1.98807 12.9887 2.00406 12.9648 2.01441C12.9409 2.02476 12.9141 2.02904 12.8875 2.02674C12.8608 2.02444 12.8355 2.01566 12.8145 2.00144L12.1194 1.53264L11.2971 2.06704C11.2759 2.08068 11.2506 2.08889 11.2242 2.09072C11.1978 2.09255 11.1713 2.08791 11.1478 2.07736C11.1243 2.0668 11.1048 2.05076 11.0915 2.03109C11.0783 2.01141 11.0718 1.98893 11.0729 1.96624L11.1607 0.153719L0.882641 0.70403C0.63793 0.716834 0.408745 0.810991 0.243966 0.966421C0.079187 1.12185 -0.00814405 1.32625 0.000598425 1.53603ZM8.7678 6.18543C8.7678 6.49822 11.2308 6.34863 11.5606 6.12863C11.5606 3.99743 10.2254 2.87743 7.77924 2.87743C5.33307 2.87743 3.96328 4.01503 3.96328 5.72063C3.96328 7.43022 5.51247 8.17502 6.82899 8.80782C7.80167 9.27502 8.64633 9.68142 8.64633 10.3702C8.64633 10.8246 8.38658 11.095 7.81381 11.095C7.06819 11.095 6.77293 10.7686 6.80843 9.65982C6.80843 9.41982 3.96328 9.34462 3.87639 9.65982C3.65588 12.347 5.61151 13.1222 7.84932 13.1222C10.0171 13.1222 11.7176 12.1334 11.7176 10.3414C11.7176 8.47278 10.0799 7.72955 8.72797 7.11598L8.72762 7.11582C7.7755 6.68382 6.96447 6.31582 6.96447 5.66383C6.96447 5.02383 7.51949 4.93903 7.84838 4.93903C8.19597 4.93903 8.82013 4.99103 8.7678 6.18543Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>Storybook</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">3</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">1.0.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">26.03.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/illustrations"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/illustrations</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@DaryaLari" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DaryaLari" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/19970912?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"illustrations","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"illustrations"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/markdown-editor.html b/libraries/markdown-editor.html
index dab2bc3e086..8127da0f04b 100644
--- a/libraries/markdown-editor.html
+++ b/libraries/markdown-editor.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Markdown editor</span></div><h1 class="gravity-ui-landing-library__title"><span>Markdown editor</span></h1><div class="gravity-ui-landing-library__description">A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/markdown-editor" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://preview.gravity-ui.com/md-editor/" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000598425 1.53603L0.579906 14.744V14.7432C0.58881 14.945 0.685981 15.1365 0.852138 15.2798C1.0183 15.4231 1.2413 15.5077 1.4769 15.5168L14.018 15.9992C14.1448 16.0041 14.2714 15.9869 14.3902 15.9487C14.509 15.9106 14.6176 15.8522 14.7093 15.7771C14.8011 15.7021 14.8741 15.6119 14.9241 15.512C14.9741 15.4122 14.9999 15.3046 15 15.196V0.80483C15.0001 0.694865 14.9739 0.586045 14.923 0.4851C14.872 0.384155 14.7974 0.29323 14.7038 0.217948C14.6102 0.142666 14.4995 0.0846267 14.3787 0.0474198C14.2578 0.010213 14.1293 -0.00537084 14.0012 0.00163199L12.9669 0.0570109L13.0416 1.90304C13.0426 1.92594 13.0358 1.9486 13.0222 1.96834C13.0086 1.98807 12.9887 2.00406 12.9648 2.01441C12.9409 2.02476 12.9141 2.02904 12.8875 2.02674C12.8608 2.02444 12.8355 2.01566 12.8145 2.00144L12.1194 1.53264L11.2971 2.06704C11.2759 2.08068 11.2506 2.08889 11.2242 2.09072C11.1978 2.09255 11.1713 2.08791 11.1478 2.07736C11.1243 2.0668 11.1048 2.05076 11.0915 2.03109C11.0783 2.01141 11.0718 1.98893 11.0729 1.96624L11.1607 0.153719L0.882641 0.70403C0.63793 0.716834 0.408745 0.810991 0.243966 0.966421C0.079187 1.12185 -0.00814405 1.32625 0.000598425 1.53603ZM8.7678 6.18543C8.7678 6.49822 11.2308 6.34863 11.5606 6.12863C11.5606 3.99743 10.2254 2.87743 7.77924 2.87743C5.33307 2.87743 3.96328 4.01503 3.96328 5.72063C3.96328 7.43022 5.51247 8.17502 6.82899 8.80782C7.80167 9.27502 8.64633 9.68142 8.64633 10.3702C8.64633 10.8246 8.38658 11.095 7.81381 11.095C7.06819 11.095 6.77293 10.7686 6.80843 9.65982C6.80843 9.41982 3.96328 9.34462 3.87639 9.65982C3.65588 12.347 5.61151 13.1222 7.84932 13.1222C10.0171 13.1222 11.7176 12.1334 11.7176 10.3414C11.7176 8.47278 10.0799 7.72955 8.72797 7.11598L8.72762 7.11582C7.7755 6.68382 6.96447 6.31582 6.96447 5.66383C6.96447 5.02383 7.51949 4.93903 7.84838 4.93903C8.19597 4.93903 8.82013 4.99103 8.7678 6.18543Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>Storybook</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">30</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">13.4.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">15.07.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/markdown-editor"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/markdown-editor</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@d3m1d0v" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/d3m1d0v" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26671342?v=4"/></div></a><a title="@smsochneg" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/smsochneg" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15200559?v=4"/></div></a><a title="@makhnatkin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/makhnatkin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1963954?v=4"/></div></a><a title="@rusandorx" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/rusandorx" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/53060411?v=4"/></div></a><a title="@burashka" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/burashka" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2195887?v=4"/></div></a><a title="@beliarh" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/beliarh" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4661335?v=4"/></div></a><a title="@teleginzhenya" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/teleginzhenya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/24455680?v=4"/></div></a><a title="@isqua" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/isqua" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/529247?v=4"/></div></a><a title="@sofiushko" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/sofiushko" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5218950?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"markdown-editor","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"markdown-editor"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Markdown editor</span></div><h1 class="gravity-ui-landing-library__title"><span>Markdown editor</span></h1><div class="gravity-ui-landing-library__description">A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/markdown-editor" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://preview.gravity-ui.com/md-editor/" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000598425 1.53603L0.579906 14.744V14.7432C0.58881 14.945 0.685981 15.1365 0.852138 15.2798C1.0183 15.4231 1.2413 15.5077 1.4769 15.5168L14.018 15.9992C14.1448 16.0041 14.2714 15.9869 14.3902 15.9487C14.509 15.9106 14.6176 15.8522 14.7093 15.7771C14.8011 15.7021 14.8741 15.6119 14.9241 15.512C14.9741 15.4122 14.9999 15.3046 15 15.196V0.80483C15.0001 0.694865 14.9739 0.586045 14.923 0.4851C14.872 0.384155 14.7974 0.29323 14.7038 0.217948C14.6102 0.142666 14.4995 0.0846267 14.3787 0.0474198C14.2578 0.010213 14.1293 -0.00537084 14.0012 0.00163199L12.9669 0.0570109L13.0416 1.90304C13.0426 1.92594 13.0358 1.9486 13.0222 1.96834C13.0086 1.98807 12.9887 2.00406 12.9648 2.01441C12.9409 2.02476 12.9141 2.02904 12.8875 2.02674C12.8608 2.02444 12.8355 2.01566 12.8145 2.00144L12.1194 1.53264L11.2971 2.06704C11.2759 2.08068 11.2506 2.08889 11.2242 2.09072C11.1978 2.09255 11.1713 2.08791 11.1478 2.07736C11.1243 2.0668 11.1048 2.05076 11.0915 2.03109C11.0783 2.01141 11.0718 1.98893 11.0729 1.96624L11.1607 0.153719L0.882641 0.70403C0.63793 0.716834 0.408745 0.810991 0.243966 0.966421C0.079187 1.12185 -0.00814405 1.32625 0.000598425 1.53603ZM8.7678 6.18543C8.7678 6.49822 11.2308 6.34863 11.5606 6.12863C11.5606 3.99743 10.2254 2.87743 7.77924 2.87743C5.33307 2.87743 3.96328 4.01503 3.96328 5.72063C3.96328 7.43022 5.51247 8.17502 6.82899 8.80782C7.80167 9.27502 8.64633 9.68142 8.64633 10.3702C8.64633 10.8246 8.38658 11.095 7.81381 11.095C7.06819 11.095 6.77293 10.7686 6.80843 9.65982C6.80843 9.41982 3.96328 9.34462 3.87639 9.65982C3.65588 12.347 5.61151 13.1222 7.84932 13.1222C10.0171 13.1222 11.7176 12.1334 11.7176 10.3414C11.7176 8.47278 10.0799 7.72955 8.72797 7.11598L8.72762 7.11582C7.7755 6.68382 6.96447 6.31582 6.96447 5.66383C6.96447 5.02383 7.51949 4.93903 7.84838 4.93903C8.19597 4.93903 8.82013 4.99103 8.7678 6.18543Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>Storybook</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">30</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">13.4.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">15.07.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/markdown-editor"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/markdown-editor</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@d3m1d0v" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/d3m1d0v" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26671342?v=4"/></div></a><a title="@smsochneg" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/smsochneg" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15200559?v=4"/></div></a><a title="@makhnatkin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/makhnatkin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1963954?v=4"/></div></a><a title="@rusandorx" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/rusandorx" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/53060411?v=4"/></div></a><a title="@burashka" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/burashka" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2195887?v=4"/></div></a><a title="@beliarh" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/beliarh" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4661335?v=4"/></div></a><a title="@teleginzhenya" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/teleginzhenya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/24455680?v=4"/></div></a><a title="@isqua" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/isqua" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/529247?v=4"/></div></a><a title="@sofiushko" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/sofiushko" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5218950?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"markdown-editor","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"markdown-editor"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/navigation.html b/libraries/navigation.html
index b0288517a99..b58391c16aa 100644
--- a/libraries/navigation.html
+++ b/libraries/navigation.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Navigation</span></div><h1 class="gravity-ui-landing-library__title"><span>Navigation</span></h1><div class="gravity-ui-landing-library__description">A compact and extensible navigation panel for complex services.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/navigation" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://preview.gravity-ui.com/navigation/" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000598425 1.53603L0.579906 14.744V14.7432C0.58881 14.945 0.685981 15.1365 0.852138 15.2798C1.0183 15.4231 1.2413 15.5077 1.4769 15.5168L14.018 15.9992C14.1448 16.0041 14.2714 15.9869 14.3902 15.9487C14.509 15.9106 14.6176 15.8522 14.7093 15.7771C14.8011 15.7021 14.8741 15.6119 14.9241 15.512C14.9741 15.4122 14.9999 15.3046 15 15.196V0.80483C15.0001 0.694865 14.9739 0.586045 14.923 0.4851C14.872 0.384155 14.7974 0.29323 14.7038 0.217948C14.6102 0.142666 14.4995 0.0846267 14.3787 0.0474198C14.2578 0.010213 14.1293 -0.00537084 14.0012 0.00163199L12.9669 0.0570109L13.0416 1.90304C13.0426 1.92594 13.0358 1.9486 13.0222 1.96834C13.0086 1.98807 12.9887 2.00406 12.9648 2.01441C12.9409 2.02476 12.9141 2.02904 12.8875 2.02674C12.8608 2.02444 12.8355 2.01566 12.8145 2.00144L12.1194 1.53264L11.2971 2.06704C11.2759 2.08068 11.2506 2.08889 11.2242 2.09072C11.1978 2.09255 11.1713 2.08791 11.1478 2.07736C11.1243 2.0668 11.1048 2.05076 11.0915 2.03109C11.0783 2.01141 11.0718 1.98893 11.0729 1.96624L11.1607 0.153719L0.882641 0.70403C0.63793 0.716834 0.408745 0.810991 0.243966 0.966421C0.079187 1.12185 -0.00814405 1.32625 0.000598425 1.53603ZM8.7678 6.18543C8.7678 6.49822 11.2308 6.34863 11.5606 6.12863C11.5606 3.99743 10.2254 2.87743 7.77924 2.87743C5.33307 2.87743 3.96328 4.01503 3.96328 5.72063C3.96328 7.43022 5.51247 8.17502 6.82899 8.80782C7.80167 9.27502 8.64633 9.68142 8.64633 10.3702C8.64633 10.8246 8.38658 11.095 7.81381 11.095C7.06819 11.095 6.77293 10.7686 6.80843 9.65982C6.80843 9.41982 3.96328 9.34462 3.87639 9.65982C3.65588 12.347 5.61151 13.1222 7.84932 13.1222C10.0171 13.1222 11.7176 12.1334 11.7176 10.3414C11.7176 8.47278 10.0799 7.72955 8.72797 7.11598L8.72762 7.11582C7.7755 6.68382 6.96447 6.31582 6.96447 5.66383C6.96447 5.02383 7.51949 4.93903 7.84838 4.93903C8.19597 4.93903 8.82013 4.99103 8.7678 6.18543Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>Storybook</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">21</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">2.16.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">27.06.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/navigation"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/navigation</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@Lunory" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lunory" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22904809?v=4"/></div></a><a title="@DarkGenius" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DarkGenius" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4076124?v=4"/></div></a><a title="@sunduckcow" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/sunduckcow" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/83990793?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@Lunory" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lunory" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22904809?v=4"/></div></a><a title="@DarkGenius" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DarkGenius" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4076124?v=4"/></div></a><a title="@sunduckcow" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/sunduckcow" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/83990793?v=4"/></div></a><a title="@ma-efremoff" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ma-efremoff" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64027148?v=4"/></div></a><a title="@kseniya57" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kseniya57" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31247233?v=4"/></div></a><a title="@mournfulCoroner" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/mournfulCoroner" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56549651?v=4"/></div></a><a title="@kendoow" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kendoow" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/70059916?v=4"/></div></a><a title="@goshander" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/goshander" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5037509?v=4"/></div></a><a title="@ldrv565" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ldrv565" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/40745264?v=4"/></div></a><a title="@shvorak" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/shvorak" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2071148?v=4"/></div></a><a title="@KirillDyachkovskiy" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/KirillDyachkovskiy" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/81510334?v=4"/></div></a><a title="@Kyzyl-ool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Kyzyl-ool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30153778?v=4"/></div></a><a title="@Ruminat" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Ruminat" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/18216279?v=4"/></div></a><a title="@catakot" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/catakot" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/21214799?v=4"/></div></a><a title="@GermanVor" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/GermanVor" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/43282255?v=4"/></div></a><a title="@panfil" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/panfil" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1158695?v=4"/></div></a></div><a class="g-button g-button_view_flat g-button_size_l g-button_pin_circle-circle g-button_width_max gravity-ui-landing-contributor-list__more-btn" href="https://github.com/gravity-ui/navigation/contributors" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">+7 contributors</span></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"navigation","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"navigation"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Navigation</span></div><h1 class="gravity-ui-landing-library__title"><span>Navigation</span></h1><div class="gravity-ui-landing-library__description">A compact and extensible navigation panel for complex services.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/navigation" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://preview.gravity-ui.com/navigation/" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000598425 1.53603L0.579906 14.744V14.7432C0.58881 14.945 0.685981 15.1365 0.852138 15.2798C1.0183 15.4231 1.2413 15.5077 1.4769 15.5168L14.018 15.9992C14.1448 16.0041 14.2714 15.9869 14.3902 15.9487C14.509 15.9106 14.6176 15.8522 14.7093 15.7771C14.8011 15.7021 14.8741 15.6119 14.9241 15.512C14.9741 15.4122 14.9999 15.3046 15 15.196V0.80483C15.0001 0.694865 14.9739 0.586045 14.923 0.4851C14.872 0.384155 14.7974 0.29323 14.7038 0.217948C14.6102 0.142666 14.4995 0.0846267 14.3787 0.0474198C14.2578 0.010213 14.1293 -0.00537084 14.0012 0.00163199L12.9669 0.0570109L13.0416 1.90304C13.0426 1.92594 13.0358 1.9486 13.0222 1.96834C13.0086 1.98807 12.9887 2.00406 12.9648 2.01441C12.9409 2.02476 12.9141 2.02904 12.8875 2.02674C12.8608 2.02444 12.8355 2.01566 12.8145 2.00144L12.1194 1.53264L11.2971 2.06704C11.2759 2.08068 11.2506 2.08889 11.2242 2.09072C11.1978 2.09255 11.1713 2.08791 11.1478 2.07736C11.1243 2.0668 11.1048 2.05076 11.0915 2.03109C11.0783 2.01141 11.0718 1.98893 11.0729 1.96624L11.1607 0.153719L0.882641 0.70403C0.63793 0.716834 0.408745 0.810991 0.243966 0.966421C0.079187 1.12185 -0.00814405 1.32625 0.000598425 1.53603ZM8.7678 6.18543C8.7678 6.49822 11.2308 6.34863 11.5606 6.12863C11.5606 3.99743 10.2254 2.87743 7.77924 2.87743C5.33307 2.87743 3.96328 4.01503 3.96328 5.72063C3.96328 7.43022 5.51247 8.17502 6.82899 8.80782C7.80167 9.27502 8.64633 9.68142 8.64633 10.3702C8.64633 10.8246 8.38658 11.095 7.81381 11.095C7.06819 11.095 6.77293 10.7686 6.80843 9.65982C6.80843 9.41982 3.96328 9.34462 3.87639 9.65982C3.65588 12.347 5.61151 13.1222 7.84932 13.1222C10.0171 13.1222 11.7176 12.1334 11.7176 10.3414C11.7176 8.47278 10.0799 7.72955 8.72797 7.11598L8.72762 7.11582C7.7755 6.68382 6.96447 6.31582 6.96447 5.66383C6.96447 5.02383 7.51949 4.93903 7.84838 4.93903C8.19597 4.93903 8.82013 4.99103 8.7678 6.18543Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>Storybook</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">21</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">2.16.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">27.06.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/navigation"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/navigation</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@Lunory" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lunory" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22904809?v=4"/></div></a><a title="@DarkGenius" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DarkGenius" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4076124?v=4"/></div></a><a title="@sunduckcow" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/sunduckcow" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/83990793?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@Lunory" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lunory" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22904809?v=4"/></div></a><a title="@DarkGenius" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DarkGenius" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4076124?v=4"/></div></a><a title="@sunduckcow" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/sunduckcow" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/83990793?v=4"/></div></a><a title="@ma-efremoff" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ma-efremoff" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64027148?v=4"/></div></a><a title="@kseniya57" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kseniya57" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31247233?v=4"/></div></a><a title="@mournfulCoroner" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/mournfulCoroner" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56549651?v=4"/></div></a><a title="@kendoow" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kendoow" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/70059916?v=4"/></div></a><a title="@goshander" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/goshander" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5037509?v=4"/></div></a><a title="@ldrv565" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ldrv565" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/40745264?v=4"/></div></a><a title="@shvorak" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/shvorak" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2071148?v=4"/></div></a><a title="@KirillDyachkovskiy" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/KirillDyachkovskiy" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/81510334?v=4"/></div></a><a title="@Kyzyl-ool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Kyzyl-ool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30153778?v=4"/></div></a><a title="@Ruminat" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Ruminat" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/18216279?v=4"/></div></a><a title="@catakot" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/catakot" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/21214799?v=4"/></div></a><a title="@GermanVor" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/GermanVor" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/43282255?v=4"/></div></a><a title="@panfil" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/panfil" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1158695?v=4"/></div></a></div><a class="g-button g-button_view_flat g-button_size_l g-button_pin_circle-circle g-button_width_max gravity-ui-landing-contributor-list__more-btn" href="https://github.com/gravity-ui/navigation/contributors" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">+7 contributors</span></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"navigation","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"navigation"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/nodekit.html b/libraries/nodekit.html
index aebea463505..5953f5fc9f4 100644
--- a/libraries/nodekit.html
+++ b/libraries/nodekit.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">NodeKit</span></div><h1 class="gravity-ui-landing-library__title"><span>NodeKit</span></h1><div class="gravity-ui-landing-library__description">A simple toolkit for your Node.js apps, scripts and libraries.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/nodekit" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">5</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">1.3.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">08.12.2023</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/nodekit"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/nodekit</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@resure" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/resure" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/168296?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@resure" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/resure" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/168296?v=4"/></div></a><a title="@melikhov-dev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/melikhov-dev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1742586?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@jhoncool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/jhoncool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11226935?v=4"/></div></a><a title="@ma-efremoff" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ma-efremoff" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64027148?v=4"/></div></a><a title="@goshander" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/goshander" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5037509?v=4"/></div></a><a title="@main-kun" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/main-kun" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13281662?v=4"/></div></a><a title="@SkiffCMC" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SkiffCMC" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36820240?v=4"/></div></a><a title="@aapolkovsky" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/aapolkovsky" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22380490?v=4"/></div></a><a title="@kseniya57" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kseniya57" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31247233?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"nodekit","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"nodekit"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">NodeKit</span></div><h1 class="gravity-ui-landing-library__title"><span>NodeKit</span></h1><div class="gravity-ui-landing-library__description">A simple toolkit for your Node.js apps, scripts and libraries.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/nodekit" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">5</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">1.3.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">08.12.2023</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/nodekit"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/nodekit</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@resure" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/resure" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/168296?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@resure" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/resure" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/168296?v=4"/></div></a><a title="@melikhov-dev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/melikhov-dev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1742586?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@jhoncool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/jhoncool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11226935?v=4"/></div></a><a title="@ma-efremoff" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ma-efremoff" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64027148?v=4"/></div></a><a title="@goshander" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/goshander" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5037509?v=4"/></div></a><a title="@main-kun" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/main-kun" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13281662?v=4"/></div></a><a title="@SkiffCMC" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SkiffCMC" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36820240?v=4"/></div></a><a title="@aapolkovsky" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/aapolkovsky" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22380490?v=4"/></div></a><a title="@kseniya57" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kseniya57" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31247233?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"nodekit","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"nodekit"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/oauth-clients.html b/libraries/oauth-clients.html
index e068e6fbb1d..60e234862e5 100644
--- a/libraries/oauth-clients.html
+++ b/libraries/oauth-clients.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">OAuth Clients</span></div><h1 class="gravity-ui-landing-library__title"><span>OAuth Clients</span></h1><div class="gravity-ui-landing-library__description">Client OAuth library that provides convenient abstraction on top of auth flow.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/oauth-clients" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">1.1.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">22.08.2023</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/oauth-clients"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/oauth-clients</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@ogonkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ogonkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1091927?v=4"/></div></a><a title="@resure" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/resure" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/168296?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"oauth-clients","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"oauth-clients"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">OAuth Clients</span></div><h1 class="gravity-ui-landing-library__title"><span>OAuth Clients</span></h1><div class="gravity-ui-landing-library__description">Client OAuth library that provides convenient abstraction on top of auth flow.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/oauth-clients" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">1.1.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">22.08.2023</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/oauth-clients"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/oauth-clients</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@ogonkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ogonkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1091927?v=4"/></div></a><a title="@resure" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/resure" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/168296?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"oauth-clients","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"oauth-clients"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/page-constructor.html b/libraries/page-constructor.html
index 4a7117c0cae..37b2d1af51d 100644
--- a/libraries/page-constructor.html
+++ b/libraries/page-constructor.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Page constructor</span></div><h1 class="gravity-ui-landing-library__title"><span>Page constructor</span></h1><div class="gravity-ui-landing-library__description">A set of stylish, functional blocks for quickly creating promo and landing pages.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/page-constructor" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://preview.gravity-ui.com/page-constructor/" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000598425 1.53603L0.579906 14.744V14.7432C0.58881 14.945 0.685981 15.1365 0.852138 15.2798C1.0183 15.4231 1.2413 15.5077 1.4769 15.5168L14.018 15.9992C14.1448 16.0041 14.2714 15.9869 14.3902 15.9487C14.509 15.9106 14.6176 15.8522 14.7093 15.7771C14.8011 15.7021 14.8741 15.6119 14.9241 15.512C14.9741 15.4122 14.9999 15.3046 15 15.196V0.80483C15.0001 0.694865 14.9739 0.586045 14.923 0.4851C14.872 0.384155 14.7974 0.29323 14.7038 0.217948C14.6102 0.142666 14.4995 0.0846267 14.3787 0.0474198C14.2578 0.010213 14.1293 -0.00537084 14.0012 0.00163199L12.9669 0.0570109L13.0416 1.90304C13.0426 1.92594 13.0358 1.9486 13.0222 1.96834C13.0086 1.98807 12.9887 2.00406 12.9648 2.01441C12.9409 2.02476 12.9141 2.02904 12.8875 2.02674C12.8608 2.02444 12.8355 2.01566 12.8145 2.00144L12.1194 1.53264L11.2971 2.06704C11.2759 2.08068 11.2506 2.08889 11.2242 2.09072C11.1978 2.09255 11.1713 2.08791 11.1478 2.07736C11.1243 2.0668 11.1048 2.05076 11.0915 2.03109C11.0783 2.01141 11.0718 1.98893 11.0729 1.96624L11.1607 0.153719L0.882641 0.70403C0.63793 0.716834 0.408745 0.810991 0.243966 0.966421C0.079187 1.12185 -0.00814405 1.32625 0.000598425 1.53603ZM8.7678 6.18543C8.7678 6.49822 11.2308 6.34863 11.5606 6.12863C11.5606 3.99743 10.2254 2.87743 7.77924 2.87743C5.33307 2.87743 3.96328 4.01503 3.96328 5.72063C3.96328 7.43022 5.51247 8.17502 6.82899 8.80782C7.80167 9.27502 8.64633 9.68142 8.64633 10.3702C8.64633 10.8246 8.38658 11.095 7.81381 11.095C7.06819 11.095 6.77293 10.7686 6.80843 9.65982C6.80843 9.41982 3.96328 9.34462 3.87639 9.65982C3.65588 12.347 5.61151 13.1222 7.84932 13.1222C10.0171 13.1222 11.7176 12.1334 11.7176 10.3414C11.7176 8.47278 10.0799 7.72955 8.72797 7.11598L8.72762 7.11582C7.7755 6.68382 6.96447 6.31582 6.96447 5.66383C6.96447 5.02383 7.51949 4.93903 7.84838 4.93903C8.19597 4.93903 8.82013 4.99103 8.7678 6.18543Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>Storybook</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">32</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">5.16.1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">04.07.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/page-constructor"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/page-constructor</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@gorgeousvlad" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/gorgeousvlad" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/20395936?v=4"/></div></a><a title="@NikitaCG" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaCG" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36075690?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@gorgeousvlad" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/gorgeousvlad" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/20395936?v=4"/></div></a><a title="@niktverd" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/niktverd" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/61203447?v=4"/></div></a><a title="@aeksandla" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/aeksandla" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/46083995?v=4"/></div></a><a title="@NikitaCG" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaCG" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36075690?v=4"/></div></a><a title="@Kyzyl-ool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Kyzyl-ool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30153778?v=4"/></div></a><a title="@qradle-yndx" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/qradle-yndx" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/148218517?v=4"/></div></a><a title="@VitaliiDC8" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/VitaliiDC8" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/127111625?v=4"/></div></a><a title="@Lunatic174" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lunatic174" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10085601?v=4"/></div></a><a title="@Lakate" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lakate" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8994274?v=4"/></div></a><a title="@DC-RomanKarpov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DC-RomanKarpov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/124568536?v=4"/></div></a><a title="@goshander" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/goshander" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5037509?v=4"/></div></a><a title="@aapolkovsky" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/aapolkovsky" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22380490?v=4"/></div></a><a title="@shuvalovpavel1995" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/shuvalovpavel1995" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/60737643?v=4"/></div></a><a title="@benax-se" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/benax-se" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/78896684?v=4"/></div></a><a title="@3y3" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/3y3" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3931155?v=4"/></div></a><a title="@melikhov-dev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/melikhov-dev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1742586?v=4"/></div></a></div><a class="g-button g-button_view_flat g-button_size_l g-button_pin_circle-circle g-button_width_max gravity-ui-landing-contributor-list__more-btn" href="https://github.com/gravity-ui/page-constructor/contributors" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">+13 contributors</span></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"page-constructor","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"page-constructor"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Page constructor</span></div><h1 class="gravity-ui-landing-library__title"><span>Page constructor</span></h1><div class="gravity-ui-landing-library__description">A set of stylish, functional blocks for quickly creating promo and landing pages.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/page-constructor" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://preview.gravity-ui.com/page-constructor/" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000598425 1.53603L0.579906 14.744V14.7432C0.58881 14.945 0.685981 15.1365 0.852138 15.2798C1.0183 15.4231 1.2413 15.5077 1.4769 15.5168L14.018 15.9992C14.1448 16.0041 14.2714 15.9869 14.3902 15.9487C14.509 15.9106 14.6176 15.8522 14.7093 15.7771C14.8011 15.7021 14.8741 15.6119 14.9241 15.512C14.9741 15.4122 14.9999 15.3046 15 15.196V0.80483C15.0001 0.694865 14.9739 0.586045 14.923 0.4851C14.872 0.384155 14.7974 0.29323 14.7038 0.217948C14.6102 0.142666 14.4995 0.0846267 14.3787 0.0474198C14.2578 0.010213 14.1293 -0.00537084 14.0012 0.00163199L12.9669 0.0570109L13.0416 1.90304C13.0426 1.92594 13.0358 1.9486 13.0222 1.96834C13.0086 1.98807 12.9887 2.00406 12.9648 2.01441C12.9409 2.02476 12.9141 2.02904 12.8875 2.02674C12.8608 2.02444 12.8355 2.01566 12.8145 2.00144L12.1194 1.53264L11.2971 2.06704C11.2759 2.08068 11.2506 2.08889 11.2242 2.09072C11.1978 2.09255 11.1713 2.08791 11.1478 2.07736C11.1243 2.0668 11.1048 2.05076 11.0915 2.03109C11.0783 2.01141 11.0718 1.98893 11.0729 1.96624L11.1607 0.153719L0.882641 0.70403C0.63793 0.716834 0.408745 0.810991 0.243966 0.966421C0.079187 1.12185 -0.00814405 1.32625 0.000598425 1.53603ZM8.7678 6.18543C8.7678 6.49822 11.2308 6.34863 11.5606 6.12863C11.5606 3.99743 10.2254 2.87743 7.77924 2.87743C5.33307 2.87743 3.96328 4.01503 3.96328 5.72063C3.96328 7.43022 5.51247 8.17502 6.82899 8.80782C7.80167 9.27502 8.64633 9.68142 8.64633 10.3702C8.64633 10.8246 8.38658 11.095 7.81381 11.095C7.06819 11.095 6.77293 10.7686 6.80843 9.65982C6.80843 9.41982 3.96328 9.34462 3.87639 9.65982C3.65588 12.347 5.61151 13.1222 7.84932 13.1222C10.0171 13.1222 11.7176 12.1334 11.7176 10.3414C11.7176 8.47278 10.0799 7.72955 8.72797 7.11598L8.72762 7.11582C7.7755 6.68382 6.96447 6.31582 6.96447 5.66383C6.96447 5.02383 7.51949 4.93903 7.84838 4.93903C8.19597 4.93903 8.82013 4.99103 8.7678 6.18543Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>Storybook</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">32</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">5.16.1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">04.07.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/page-constructor"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/page-constructor</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@gorgeousvlad" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/gorgeousvlad" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/20395936?v=4"/></div></a><a title="@NikitaCG" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaCG" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36075690?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@gorgeousvlad" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/gorgeousvlad" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/20395936?v=4"/></div></a><a title="@niktverd" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/niktverd" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/61203447?v=4"/></div></a><a title="@aeksandla" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/aeksandla" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/46083995?v=4"/></div></a><a title="@NikitaCG" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaCG" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36075690?v=4"/></div></a><a title="@Kyzyl-ool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Kyzyl-ool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30153778?v=4"/></div></a><a title="@qradle-yndx" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/qradle-yndx" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/148218517?v=4"/></div></a><a title="@VitaliiDC8" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/VitaliiDC8" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/127111625?v=4"/></div></a><a title="@Lunatic174" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lunatic174" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10085601?v=4"/></div></a><a title="@Lakate" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lakate" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8994274?v=4"/></div></a><a title="@DC-RomanKarpov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DC-RomanKarpov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/124568536?v=4"/></div></a><a title="@goshander" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/goshander" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5037509?v=4"/></div></a><a title="@aapolkovsky" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/aapolkovsky" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22380490?v=4"/></div></a><a title="@shuvalovpavel1995" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/shuvalovpavel1995" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/60737643?v=4"/></div></a><a title="@benax-se" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/benax-se" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/78896684?v=4"/></div></a><a title="@3y3" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/3y3" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3931155?v=4"/></div></a><a title="@melikhov-dev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/melikhov-dev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1742586?v=4"/></div></a></div><a class="g-button g-button_view_flat g-button_size_l g-button_pin_circle-circle g-button_width_max gravity-ui-landing-contributor-list__more-btn" href="https://github.com/gravity-ui/page-constructor/contributors" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">+13 contributors</span></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"page-constructor","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"page-constructor"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/paranoid.html b/libraries/paranoid.html
index 44f8ce00fe3..f87e3860dab 100644
--- a/libraries/paranoid.html
+++ b/libraries/paranoid.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Paranoid</span></div><h1 class="gravity-ui-landing-library__title"><span>Paranoid</span></h1><div class="gravity-ui-landing-library__description">Cluster topologies visualizator.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/paranoid" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">2.0.1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">19.04.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/paranoid"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/paranoid</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@tsufiev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/tsufiev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1240006?v=4"/></div></a><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@Raubzeug" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Raubzeug" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42094364?v=4"/></div></a><a title="@pseudopirate" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pseudopirate" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/16260137?v=4"/></div></a><a title="@SeqviriouM" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SeqviriouM" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1071418?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"paranoid","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"paranoid"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Paranoid</span></div><h1 class="gravity-ui-landing-library__title"><span>Paranoid</span></h1><div class="gravity-ui-landing-library__description">Cluster topologies visualizator.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/paranoid" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">2.0.1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">19.04.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/paranoid"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/paranoid</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@tsufiev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/tsufiev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1240006?v=4"/></div></a><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@Raubzeug" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Raubzeug" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42094364?v=4"/></div></a><a title="@pseudopirate" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pseudopirate" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/16260137?v=4"/></div></a><a title="@SeqviriouM" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SeqviriouM" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1071418?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"paranoid","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"paranoid"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/prettier-config.html b/libraries/prettier-config.html
index 9738cec18ac..d1a428ba6a2 100644
--- a/libraries/prettier-config.html
+++ b/libraries/prettier-config.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Prettier Config</span></div><h1 class="gravity-ui-landing-library__title"><span>Prettier Config</span></h1><div class="gravity-ui-landing-library__description">Prettier configuration preset for Gravity UI projects.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/prettier-config" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">1.1.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">06.09.2023</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/prettier-config"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/prettier-config</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"prettier-config","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"prettier-config"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Prettier Config</span></div><h1 class="gravity-ui-landing-library__title"><span>Prettier Config</span></h1><div class="gravity-ui-landing-library__description">Prettier configuration preset for Gravity UI projects.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/prettier-config" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">1.1.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">06.09.2023</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/prettier-config"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/prettier-config</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"prettier-config","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"prettier-config"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/react-data-table.html b/libraries/react-data-table.html
index a561fab2ede..a8dae0accf4 100644
--- a/libraries/react-data-table.html
+++ b/libraries/react-data-table.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">React Data Table</span></div><h1 class="gravity-ui-landing-library__title"><span>React Data Table</span></h1><div class="gravity-ui-landing-library__description">A react component for rendering big and complex tables.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/react-data-table" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">7</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">2.1.1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">06.05.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/react-data-table"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/react-data-table</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@tsufiev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/tsufiev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1240006?v=4"/></div></a><a title="@ma-efremoff" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ma-efremoff" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64027148?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@artemmufazalov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemmufazalov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/67755036?v=4"/></div></a><a title="@pavel-klimov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pavel-klimov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42768217?v=4"/></div></a><a title="@Marginy605" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Marginy605" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/98329176?v=4"/></div></a><a title="@vitshev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vitshev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3217636?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"react-data-table","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"react-data-table"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">React Data Table</span></div><h1 class="gravity-ui-landing-library__title"><span>React Data Table</span></h1><div class="gravity-ui-landing-library__description">A react component for rendering big and complex tables.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/react-data-table" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">7</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">2.1.1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">06.05.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/react-data-table"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/react-data-table</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@tsufiev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/tsufiev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1240006?v=4"/></div></a><a title="@ma-efremoff" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ma-efremoff" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64027148?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@artemmufazalov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemmufazalov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/67755036?v=4"/></div></a><a title="@pavel-klimov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pavel-klimov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42768217?v=4"/></div></a><a title="@Marginy605" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Marginy605" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/98329176?v=4"/></div></a><a title="@vitshev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vitshev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3217636?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"react-data-table","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"react-data-table"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/stylelint-config.html b/libraries/stylelint-config.html
index 4fb2425b8b8..b0bb43a6b0c 100644
--- a/libraries/stylelint-config.html
+++ b/libraries/stylelint-config.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Stylelint Config</span></div><h1 class="gravity-ui-landing-library__title"><span>Stylelint Config</span></h1><div class="gravity-ui-landing-library__description">Stylelint configuration preset for Gravity UI projects.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/stylelint-config" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">4.0.1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">18.10.2023</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/stylelint-config"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/stylelint-config</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@ogonkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ogonkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1091927?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@NikitaCG" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaCG" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36075690?v=4"/></div></a><a title="@zzzorgo" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zzzorgo" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17454987?v=4"/></div></a><a title="@kkirik" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kkirik" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29181473?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"stylelint-config","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"stylelint-config"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Stylelint Config</span></div><h1 class="gravity-ui-landing-library__title"><span>Stylelint Config</span></h1><div class="gravity-ui-landing-library__description">Stylelint configuration preset for Gravity UI projects.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/stylelint-config" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">4.0.1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">18.10.2023</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/stylelint-config"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/stylelint-config</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@ogonkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ogonkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1091927?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@NikitaCG" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaCG" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36075690?v=4"/></div></a><a title="@zzzorgo" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zzzorgo" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17454987?v=4"/></div></a><a title="@kkirik" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kkirik" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29181473?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"stylelint-config","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"stylelint-config"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/tsconfig.html b/libraries/tsconfig.html
index 539c1834705..37e6ffda493 100644
--- a/libraries/tsconfig.html
+++ b/libraries/tsconfig.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">TSconfig</span></div><h1 class="gravity-ui-landing-library__title"><span>TSconfig</span></h1><div class="gravity-ui-landing-library__description">TypeScript compiler configuration preset for Gravity UI projects.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/tsconfig" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">1.0.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">24.08.2022</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/tsconfig"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/tsconfig</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"tsconfig","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"tsconfig"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">TSconfig</span></div><h1 class="gravity-ui-landing-library__title"><span>TSconfig</span></h1><div class="gravity-ui-landing-library__description">TypeScript compiler configuration preset for Gravity UI projects.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/tsconfig" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">1.0.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">24.08.2022</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/tsconfig"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/tsconfig</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"tsconfig","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"tsconfig"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/ui-logger.html b/libraries/ui-logger.html
index 1b398177444..f9345137ee4 100644
--- a/libraries/ui-logger.html
+++ b/libraries/ui-logger.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">UI Logger</span></div><h1 class="gravity-ui-landing-library__title"><span>UI Logger</span></h1><div class="gravity-ui-landing-library__description">Simple client-side logger.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/ui-logger" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">1.1.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">02.02.2023</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/ui-logger"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/ui-logger</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@jhoncool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/jhoncool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11226935?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"ui-logger","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"ui-logger"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">UI Logger</span></div><h1 class="gravity-ui-landing-library__title"><span>UI Logger</span></h1><div class="gravity-ui-landing-library__description">Simple client-side logger.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/ui-logger" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">1.1.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">02.02.2023</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/ui-logger"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/ui-logger</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@jhoncool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/jhoncool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11226935?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"ui-logger","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"ui-logger"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/uikit.html b/libraries/uikit.html
index bb67222828d..0be9d5bfd78 100644
--- a/libraries/uikit.html
+++ b/libraries/uikit.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header gravity-ui-landing-library__header_primary"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">UIKit</span></div><h1 class="gravity-ui-landing-library__title"><span>UIKit</span></h1><div class="gravity-ui-landing-library__description">Base UI components and tokens for building services with Gravity.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/uikit" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://preview.gravity-ui.com/uikit/" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000598425 1.53603L0.579906 14.744V14.7432C0.58881 14.945 0.685981 15.1365 0.852138 15.2798C1.0183 15.4231 1.2413 15.5077 1.4769 15.5168L14.018 15.9992C14.1448 16.0041 14.2714 15.9869 14.3902 15.9487C14.509 15.9106 14.6176 15.8522 14.7093 15.7771C14.8011 15.7021 14.8741 15.6119 14.9241 15.512C14.9741 15.4122 14.9999 15.3046 15 15.196V0.80483C15.0001 0.694865 14.9739 0.586045 14.923 0.4851C14.872 0.384155 14.7974 0.29323 14.7038 0.217948C14.6102 0.142666 14.4995 0.0846267 14.3787 0.0474198C14.2578 0.010213 14.1293 -0.00537084 14.0012 0.00163199L12.9669 0.0570109L13.0416 1.90304C13.0426 1.92594 13.0358 1.9486 13.0222 1.96834C13.0086 1.98807 12.9887 2.00406 12.9648 2.01441C12.9409 2.02476 12.9141 2.02904 12.8875 2.02674C12.8608 2.02444 12.8355 2.01566 12.8145 2.00144L12.1194 1.53264L11.2971 2.06704C11.2759 2.08068 11.2506 2.08889 11.2242 2.09072C11.1978 2.09255 11.1713 2.08791 11.1478 2.07736C11.1243 2.0668 11.1048 2.05076 11.0915 2.03109C11.0783 2.01141 11.0718 1.98893 11.0729 1.96624L11.1607 0.153719L0.882641 0.70403C0.63793 0.716834 0.408745 0.810991 0.243966 0.966421C0.079187 1.12185 -0.00814405 1.32625 0.000598425 1.53603ZM8.7678 6.18543C8.7678 6.49822 11.2308 6.34863 11.5606 6.12863C11.5606 3.99743 10.2254 2.87743 7.77924 2.87743C5.33307 2.87743 3.96328 4.01503 3.96328 5.72063C3.96328 7.43022 5.51247 8.17502 6.82899 8.80782C7.80167 9.27502 8.64633 9.68142 8.64633 10.3702C8.64633 10.8246 8.38658 11.095 7.81381 11.095C7.06819 11.095 6.77293 10.7686 6.80843 9.65982C6.80843 9.41982 3.96328 9.34462 3.87639 9.65982C3.65588 12.347 5.61151 13.1222 7.84932 13.1222C10.0171 13.1222 11.7176 12.1334 11.7176 10.3414C11.7176 8.47278 10.0799 7.72955 8.72797 7.11598L8.72762 7.11582C7.7755 6.68382 6.96447 6.31582 6.96447 5.66383C6.96447 5.02383 7.51949 4.93903 7.84838 4.93903C8.19597 4.93903 8.82013 4.99103 8.7678 6.18543Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>Storybook</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">526</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">6.21.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">16.07.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/uikit"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/uikit</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@ogonkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ogonkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1091927?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@IsaevAlexandr" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/IsaevAlexandr" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/27916444?v=4"/></div></a><a title="@Raubzeug" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Raubzeug" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42094364?v=4"/></div></a><a title="@GermanVor" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/GermanVor" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/43282255?v=4"/></div></a><a title="@NikitaCG" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaCG" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36075690?v=4"/></div></a><a title="@imechoim" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/imechoim" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8857511?v=4"/></div></a><a title="@mournfulCoroner" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/mournfulCoroner" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56549651?v=4"/></div></a><a title="@helenjer" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/helenjer" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5168501?v=4"/></div></a><a title="@Mishnya" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Mishnya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/47668236?v=4"/></div></a><a title="@mfyodorov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/mfyodorov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/20931659?v=4"/></div></a><a title="@kseniya57" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kseniya57" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31247233?v=4"/></div></a><a title="@Marginy605" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Marginy605" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/98329176?v=4"/></div></a><a title="@ArturAbdullin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ArturAbdullin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30603428?v=4"/></div></a></div><a class="g-button g-button_view_flat g-button_size_l g-button_pin_circle-circle g-button_width_max gravity-ui-landing-contributor-list__more-btn" href="https://github.com/gravity-ui/uikit/contributors" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">+118 contributors</span></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"uikit"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header gravity-ui-landing-library__header_primary"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">UIKit</span></div><h1 class="gravity-ui-landing-library__title"><span>UIKit</span></h1><div class="gravity-ui-landing-library__description">Base UI components and tokens for building services with Gravity.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/uikit" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://preview.gravity-ui.com/uikit/" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000598425 1.53603L0.579906 14.744V14.7432C0.58881 14.945 0.685981 15.1365 0.852138 15.2798C1.0183 15.4231 1.2413 15.5077 1.4769 15.5168L14.018 15.9992C14.1448 16.0041 14.2714 15.9869 14.3902 15.9487C14.509 15.9106 14.6176 15.8522 14.7093 15.7771C14.8011 15.7021 14.8741 15.6119 14.9241 15.512C14.9741 15.4122 14.9999 15.3046 15 15.196V0.80483C15.0001 0.694865 14.9739 0.586045 14.923 0.4851C14.872 0.384155 14.7974 0.29323 14.7038 0.217948C14.6102 0.142666 14.4995 0.0846267 14.3787 0.0474198C14.2578 0.010213 14.1293 -0.00537084 14.0012 0.00163199L12.9669 0.0570109L13.0416 1.90304C13.0426 1.92594 13.0358 1.9486 13.0222 1.96834C13.0086 1.98807 12.9887 2.00406 12.9648 2.01441C12.9409 2.02476 12.9141 2.02904 12.8875 2.02674C12.8608 2.02444 12.8355 2.01566 12.8145 2.00144L12.1194 1.53264L11.2971 2.06704C11.2759 2.08068 11.2506 2.08889 11.2242 2.09072C11.1978 2.09255 11.1713 2.08791 11.1478 2.07736C11.1243 2.0668 11.1048 2.05076 11.0915 2.03109C11.0783 2.01141 11.0718 1.98893 11.0729 1.96624L11.1607 0.153719L0.882641 0.70403C0.63793 0.716834 0.408745 0.810991 0.243966 0.966421C0.079187 1.12185 -0.00814405 1.32625 0.000598425 1.53603ZM8.7678 6.18543C8.7678 6.49822 11.2308 6.34863 11.5606 6.12863C11.5606 3.99743 10.2254 2.87743 7.77924 2.87743C5.33307 2.87743 3.96328 4.01503 3.96328 5.72063C3.96328 7.43022 5.51247 8.17502 6.82899 8.80782C7.80167 9.27502 8.64633 9.68142 8.64633 10.3702C8.64633 10.8246 8.38658 11.095 7.81381 11.095C7.06819 11.095 6.77293 10.7686 6.80843 9.65982C6.80843 9.41982 3.96328 9.34462 3.87639 9.65982C3.65588 12.347 5.61151 13.1222 7.84932 13.1222C10.0171 13.1222 11.7176 12.1334 11.7176 10.3414C11.7176 8.47278 10.0799 7.72955 8.72797 7.11598L8.72762 7.11582C7.7755 6.68382 6.96447 6.31582 6.96447 5.66383C6.96447 5.02383 7.51949 4.93903 7.84838 4.93903C8.19597 4.93903 8.82013 4.99103 8.7678 6.18543Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>Storybook</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">526</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">6.21.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">16.07.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/uikit"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/uikit</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@ogonkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ogonkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1091927?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@IsaevAlexandr" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/IsaevAlexandr" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/27916444?v=4"/></div></a><a title="@Raubzeug" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Raubzeug" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42094364?v=4"/></div></a><a title="@GermanVor" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/GermanVor" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/43282255?v=4"/></div></a><a title="@NikitaCG" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaCG" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36075690?v=4"/></div></a><a title="@imechoim" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/imechoim" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8857511?v=4"/></div></a><a title="@mournfulCoroner" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/mournfulCoroner" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56549651?v=4"/></div></a><a title="@helenjer" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/helenjer" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5168501?v=4"/></div></a><a title="@Mishnya" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Mishnya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/47668236?v=4"/></div></a><a title="@mfyodorov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/mfyodorov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/20931659?v=4"/></div></a><a title="@kseniya57" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kseniya57" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31247233?v=4"/></div></a><a title="@Marginy605" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Marginy605" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/98329176?v=4"/></div></a><a title="@ArturAbdullin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ArturAbdullin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30603428?v=4"/></div></a></div><a class="g-button g-button_view_flat g-button_size_l g-button_pin_circle-circle g-button_width_max gravity-ui-landing-contributor-list__more-btn" href="https://github.com/gravity-ui/uikit/contributors" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">+118 contributors</span></a></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"uikit","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"uikit"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/unipika.html b/libraries/unipika.html
index 11cdb0c8e21..6dcdc2c9a1b 100644
--- a/libraries/unipika.html
+++ b/libraries/unipika.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Unipika</span></div><h1 class="gravity-ui-landing-library__title"><span>Unipika</span></h1><div class="gravity-ui-landing-library__description">Data formatting library.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/unipika" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">5.2.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">02.07.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/unipika"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/unipika</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@Raubzeug" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Raubzeug" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42094364?v=4"/></div></a><a title="@ma-efremoff" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ma-efremoff" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64027148?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@Raubzeug" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Raubzeug" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42094364?v=4"/></div></a><a title="@ma-efremoff" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ma-efremoff" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64027148?v=4"/></div></a><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@kiraind" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kiraind" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/23224613?v=4"/></div></a><a title="@itwillwork" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/itwillwork" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15855766?v=4"/></div></a><a title="@SimbiozizV" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SimbiozizV" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3991919?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"unipika","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"unipika"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Unipika</span></div><h1 class="gravity-ui-landing-library__title"><span>Unipika</span></h1><div class="gravity-ui-landing-library__description">Data formatting library.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/unipika" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">1</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">5.2.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">02.07.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/unipika"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/unipika</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Maintainers</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@Raubzeug" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Raubzeug" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42094364?v=4"/></div></a><a title="@ma-efremoff" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ma-efremoff" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64027148?v=4"/></div></a></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@Raubzeug" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Raubzeug" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42094364?v=4"/></div></a><a title="@ma-efremoff" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ma-efremoff" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64027148?v=4"/></div></a><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@kiraind" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kiraind" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/23224613?v=4"/></div></a><a title="@itwillwork" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/itwillwork" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15855766?v=4"/></div></a><a title="@SimbiozizV" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SimbiozizV" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3991919?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"unipika","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"unipika"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/libraries/yagr.html b/libraries/yagr.html
index 5a4b53c4c1a..3f561227847 100644
--- a/libraries/yagr.html
+++ b/libraries/yagr.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Yagr</span></div><h1 class="gravity-ui-landing-library__title"><span>Yagr</span></h1><div class="gravity-ui-landing-library__description">A high-performance canvas charts renderer, based on uPlot.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/yagr" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">96</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">4.3.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">09.04.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/yagr"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/yagr</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@zefirka" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zefirka" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5380542?v=4"/></div></a><a title="@artemluchin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemluchin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/12445010?v=4"/></div></a><a title="@astandrik" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/astandrik" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8037318?v=4"/></div></a><a title="@feelsbadmans" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/feelsbadmans" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/62965405?v=4"/></div></a><a title="@imsitnikov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/imsitnikov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29424746?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@bt4R9" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bt4R9" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1858946?v=4"/></div></a><a title="@alexey-milovidov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/alexey-milovidov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/18581488?v=4"/></div></a><a title="@yndx-birman" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/yndx-birman" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/62902338?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"yagr","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"yagr"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/9b24f9c4024ad1f6.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/9b24f9c4024ad1f6.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/2527601b316e338b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/2527601b316e338b.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5ece0def56552f83.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5ece0def56552f83.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/147ea10312f637e9.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/147ea10312f637e9.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/27562778c74b5dd4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/27562778c74b5dd4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d848df63-800a9d81a931a146.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/ff39441c-548d40360e6f5517.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8931-dc43826710dd0800.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2725-6caae717408a62a1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9031-a050d9a576423e0e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5527-51292bfeb8b8520b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2538-78e70c87024347c2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7533-41dac230e5c0c3fc.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4013-9fc79ad11b455809.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1137-670af734dbdc155f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/8689-900b316c05230cbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1102-424233fa64cb98fa.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/libraries/%5BlibId%5D-79c251c4245e57f2.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item gravity-ui-landing-menu__desktop-menu-item_active"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__desktop-menu-locale-picker"></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div><div class="gravity-ui-landing-menu__mobile-menu-locale-picker"></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="gravity-ui-landing-library"><div class="pc-Grid gravity-ui-landing-library__header-grid"><div class="container-fluid "><div class="row"><div class="col col-12"><div class="gravity-ui-landing-library__header"><div class="gravity-ui-landing-library__breadcrumbs"><a class="gravity-ui-landing-library__breadcrumbs-link" href="/libraries">Libraries</a> <!-- -->/ <span class="gravity-ui-landing-library__breadcrumbs-item">Yagr</span></div><h1 class="gravity-ui-landing-library__title"><span>Yagr</span></h1><div class="gravity-ui-landing-library__description">A high-performance canvas charts renderer, based on uPlot.</div><div class="gravity-ui-landing-library__buttons"><a class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-library__button" href="https://github.com/gravity-ui/yagr" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-library__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text"><span>GitHub</span></span></a></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-8  order-2 order-lg-1"><div class="gravity-ui-landing-library__block"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Readme"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Readme</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Changelog"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Changelog</div></div></div></div><div class="gravity-ui-landing-library__content"></div></div></div><div class="col  col-12 col-lg-4  order-1 order-lg-2"><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">About library</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__info-list"><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Stars</div><div class="gravity-ui-landing-library__info-item-value">96</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Version</div><div class="gravity-ui-landing-library__info-item-value">4.3.0</div></div></div><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.563 6.87a.937.937 0 0 1-.938-.937V5C4.589 5 3.75 5.84 3.75 6.875v1.25h12.5v-1.25C16.25 5.839 15.41 5 14.375 5v.938a.937.937 0 1 1-1.875 0V5h-5v.933c0 .518-.42.938-.938.938zM12.5 3.126h-5v-.94a.937.937 0 1 0-1.875 0v.94a3.75 3.75 0 0 0-3.75 3.75v7.5a3.75 3.75 0 0 0 3.75 3.75h8.75a3.75 3.75 0 0 0 3.75-3.75v-7.5a3.75 3.75 0 0 0-3.75-3.75v-.937a.937.937 0 1 0-1.875 0v.937zM3.75 10v4.375c0 1.036.84 1.875 1.875 1.875h8.75c1.036 0 1.875-.84 1.875-1.875V10H3.75z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Last update</div><div class="gravity-ui-landing-library__info-item-value">09.04.2024</div></div></div><a class="gravity-ui-landing-library__info-item gravity-ui-landing-library__info-item_link" target="_blank" href="https://github.com/gravity-ui/yagr"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.337 8.163a.937.937 0 1 1 1.326 1.326l-.909.909a3.429 3.429 0 0 0 4.848 4.848l.91-.909a.938.938 0 0 1 1.325 1.326l-.909.909a5.303 5.303 0 1 1-7.5-7.5l.91-.91zm10 2.348a.937.937 0 0 0 1.326 1.326l.909-.909a5.303 5.303 0 1 0-7.5-7.5l-.91.91A.938.938 0 0 0 9.49 5.662l.909-.909a3.429 3.429 0 0 1 4.848 4.848l-.909.91zm-1.174-2.348a.938.938 0 0 0-1.326-1.326l-5 5a.937.937 0 1 0 1.326 1.326l5-5z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">Repository</div><div class="gravity-ui-landing-library__info-item-value">github.com/gravity-ui/yagr</div></div><div class="gravity-ui-landing-library__info-item-arrow-wrapper"><div class="gravity-ui-landing-library__info-item-arrow"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div></a><div class="gravity-ui-landing-library__info-item"><div class="gravity-ui-landing-library__info-item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 16.875h-7.5A1.875 1.875 0 0 1 4.375 15V5c0-1.036.84-1.875 1.875-1.875h2.5V6.25A3.75 3.75 0 0 0 12.5 10h3.125v5c0 1.035-.84 1.875-1.875 1.875zm1.63-8.75a1.873 1.873 0 0 0-.304-.398l-4.053-4.053a1.874 1.874 0 0 0-.398-.303V6.25c0 1.036.84 1.875 1.875 1.875h2.88zm1.022-1.723A3.75 3.75 0 0 1 17.5 9.053V15a3.75 3.75 0 0 1-3.75 3.75h-7.5A3.75 3.75 0 0 1 2.5 15V5a3.75 3.75 0 0 1 3.75-3.75h3.447a3.75 3.75 0 0 1 2.651 1.098l4.054 4.054z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div><div class="gravity-ui-landing-library__info-item-content"><div class="gravity-ui-landing-library__info-item-title">License</div><div class="gravity-ui-landing-library__info-item-value">MIT License</div></div></div></div></div></div><div class="gravity-ui-landing-library__block gravity-ui-landing-library__block_about"><div class="gravity-ui-landing-library__info"><div class="gravity-ui-landing-library__info-title" tabindex="0" role="button"><div class="gravity-ui-landing-library__info-title-text">Contributors</div><div class="gravity-ui-landing-library__info-title-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M.809.402c.242-.25.64-.25.882 0L5 3.805 8.309.402c.242-.25.64-.25.882 0 .246.25.246.66 0 .91l-3.75 3.856a.613.613 0 0 1-.882 0L.809 1.312a.653.653 0 0 1 0-.91zm0 0"></path></svg></svg></div></div><div class="gravity-ui-landing-library__contributors-content"><div class="gravity-ui-landing-contributor-list"><div class=" gravity-ui-landing-base-contributor-list"><a title="@zefirka" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zefirka" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5380542?v=4"/></div></a><a title="@artemluchin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemluchin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/12445010?v=4"/></div></a><a title="@astandrik" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/astandrik" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8037318?v=4"/></div></a><a title="@feelsbadmans" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/feelsbadmans" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/62965405?v=4"/></div></a><a title="@imsitnikov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/imsitnikov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29424746?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@bt4R9" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bt4R9" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1858946?v=4"/></div></a><a title="@alexey-milovidov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/alexey-milovidov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/18581488?v=4"/></div></a><a title="@yndx-birman" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/yndx-birman" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/62902338?v=4"/></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"libId":"yagr","_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"library":{"actions_goToIcons":"Go to icons","libraries":"Libraries","readme":"Readme","changelog":"Changelog","about":"About library","stars":"Stars","version":"Version","lastUpdate":"Last update","repository":"Repository","license":"License","issues":"Issues","maintainers":"Maintainers","contributors":"Contributors"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","library","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/libraries/[libId]","query":{"libId":"yagr"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/rtl.html b/rtl.html
index 32984c70295..095ba306a55 100644
--- a/rtl.html
+++ b/rtl.html
@@ -4,6 +4,6 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/1d0fb2e8f9c8f2e1.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/8fa1ef1a550859ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/8fa1ef1a550859ef.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/c29e7d5472540dc3.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/c29e7d5472540dc3.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5e540c6c59d90d8c.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5e540c6c59d90d8c.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/03d5dda4c47a80a4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/03d5dda4c47a80a4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6687-efe98ebd459d5ea9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5194-f21ffdba2b385d80.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3551-c1f4011a0b31cff2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/rtl-ddec33390cf8d05d.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="g-root g-root_theme_dark pc-page-constructor"><div class="pc-page-constructor__wrapper"><div class="pc-AnimateBlock false pc-BackgroundMedia pc-page-constructor__background"><span style="font-size:0"></span><div class="pc-Media pc-BackgroundMedia__media"><div style="transform:translateY(0px)"><div class="pc-storage-background-image pc-media-component-image__item pc-BackgroundMedia__image" style="height:720px" data-qa="background-image"><picture data-qa="background-image-image"><img class="pc-storage-background-image__img" src="/_next/static/media/background.3ae5f4da.jpg" style="height:720px"/></picture></div></div></div></div><div class="pc-layout"><main class="pc-layout__content"><div class="pc-Grid"><div class="container-fluid "><div class="row pc-constructor-row"><div class="col"><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_custom-header"><div class="pc-AnimateBlock false gravity-ui-landing-custom-header"><span style="font-size:0"></span><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-12"><h1 class="gravity-ui-landing-custom-header__title"><span>بناء واجهات حديثة باستخدام نظام التصميم Gravity والمكتبات</span></h1><div class="gravity-ui-landing-custom-header__buttons"><button class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-custom-header__button" type="button"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-custom-header__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2555_8769)"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 0.500008C16.5 4 14.5 10.5 6.99999 12.5C6.99999 12.5 9.5 12 11 11C11.5 11.5 11.0976 12.3764 11 12.5L8.69813 15.7925C8.52995 16.0056 8.25978 16.1111 7.99172 16.0685C7.72366 16.0259 7.49954 15.8418 7.40571 15.5871L6.17198 12.2384C5.89879 11.5654 5.61105 11.1073 5.25819 10.7545C4.90537 10.4016 4.44729 10.1139 3.77448 9.84074L0.425567 8.60693C0.170878 8.5131 -0.0132391 8.28898 -0.055852 8.02092C-0.0984648 7.75286 0.007079 7.4827 0.220116 7.31451L3.5 5C3.62361 4.90241 4.5 4.5 5 5C4 6.5 3.49999 9.00001 3.49999 9.00001C5.5 1.5 12 -0.5 15.5 0.500008ZM4.2378 11.7763C3.36468 10.9032 1.96509 10.8872 1.11172 11.7406C0.0150749 12.8372 0.0393968 14.8595 0.0751309 15.4774C0.0820518 15.5971 0.135344 15.7078 0.220112 15.7925C0.305804 15.8782 0.417885 15.9317 0.538911 15.938C1.1616 15.9701 3.19217 15.9838 4.27357 14.9024C5.12694 14.0491 5.11093 12.6495 4.2378 11.7763Z" fill="black"></path><circle cx="11" cy="5" r="1" fill="#FFBE5C"></circle></g><defs><clipPath id="clip0_2555_8769"><rect width="16" height="16" fill="white"></rect></clipPath></defs></svg></svg></span></span><span class="g-button__text">كيف تبدأ</span></button><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-custom-header__button" href="https://github.com/gravity-ui" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-custom-header__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text">GitHub</span></a></div></div></div></div></div></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_custom-extended-features"><div class="gravity-ui-landing-custom-extended-features"><span style="font-size:0"></span><div class="gravity-ui-landing-custom-extended-features__items"><div class="row"><div class="col  col-12 col-md-12 col-lg-4 gravity-ui-landing-custom-extended-features__item"><div class="gravity-ui-landing-custom-extended-features-feature-item"><div class="gravity-ui-landing-custom-extended-features-feature-item__content" style="background-color:rgba(37, 27, 37, 0.5);backdrop-filter:blur(60px)"><picture><img class="gravity-ui-landing-custom-extended-features-feature-item__icon" src="_next/static/media/feature-union.1b4ca5e2.svg"/></picture><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>قائم على تجربة واقعية</span></h5></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">«تم تصميمه كحل داخلي استجابة لاحتياجات المطورين الحقيقية، حيث قمنا بإصدار Gravity لمجتمع المصادر المفتوحة.»،</div></div></div></div><div class="col  col-12 col-md-12 col-lg-4 gravity-ui-landing-custom-extended-features__item"><div class="gravity-ui-landing-custom-extended-features-feature-item"><div class="gravity-ui-landing-custom-extended-features-feature-item__content" style="background-color:rgba(37, 27, 37, 0.5);backdrop-filter:blur(60px)"><picture><img class="gravity-ui-landing-custom-extended-features-feature-item__icon" src="_next/static/media/feature-star.8811f477.svg"/></picture><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>تصميم من الفئة الأولى</span></h5></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">يقوم المصممون ذوو الخبرة بتصميم شكل مكتباتنا، مما يضمن أن تكون المكونات أنيقة ومتسقة، مع إتاحة الوضع الداكن والسمات عالية التباين.</div></div></div></div><div class="col  col-12 col-md-12 col-lg-4 gravity-ui-landing-custom-extended-features__item"><div class="gravity-ui-landing-custom-extended-features-feature-item"><div class="gravity-ui-landing-custom-extended-features-feature-item__content" style="background-color:rgba(37, 27, 37, 0.5);backdrop-filter:blur(60px)"><picture><img class="gravity-ui-landing-custom-extended-features-feature-item__icon" src="_next/static/media/feature-shield.72b40acf.svg"/></picture><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>منظومة متطورة</span></h5></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">تسمح لنا التعليقات المنتظمة من مجتمع المطورين لدينا بتحسين مكتباتنا بشكل مستمر، وكسر التوافق فقط عند الضرورة.</div></div></div></div></div></div></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_examples"><div class="pc-AnimateBlock false gravity-ui-landing-examples"><span style="font-size:0"></span><div class="gravity-ui-landing-examples__header-wrapper"><h2 class="gravity-ui-landing-examples__header-title"><span>أمثلة</span></h2><div class="gravity-ui-landing-examples__controls"><div class="gravity-ui-landing-examples__control gravity-ui-landing-examples__control_type_color"><div class="g-select g-select_width_max"><div class="g-select-control g-select-control_size_xl g-select-control_pin_round-round g-select-control_has-value" role="group"><button role="combobox" aria-controls="select-popup-g-:R1j8vad6:" class="g-select-control__button g-select-control__button_size_xl g-select-control__button_view_normal g-select-control__button_pin_round-round" aria-haspopup="listbox" aria-expanded="false" type="button"><span class="g-select-control__option-text"><div class="gravity-ui-landing-examples__color-option"><div class="gravity-ui-landing-examples__color-option-icon gravity-ui-landing-examples__color-option-icon_color_yellow"></div>أصفر</div></span></button><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon g-select-control__chevron-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.97 5.47a.75.75 0 0 1 1.06 0L8 9.44l3.97-3.97a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0l-4.5-4.5a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path></svg></svg></div></div></div><div class="gravity-ui-landing-examples__control gravity-ui-landing-examples__control_type_theme"><div role="radiogroup" class="g-radio-button g-radio-button_size_xl"><div class="g-radio-button__plate" hidden=""></div><label class="g-radio-button__option g-radio-button__option_checked"><input name="g-:R2j8vad6:" type="radio" aria-checked="true" class="g-radio-button__option-control" checked="" value="dark"/><span class="g-radio-button__option-outline"></span><span class="g-radio-button__option-text g-radio-button__option-text_icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-examples__theme-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.9062 11.875C13.5654 11.875 13.1763 12 12.8125 12C9.84375 12 7.375 9.59375 7.375 6.5C7.375 4.53125 8.40625 2.71875 10.125 1.75C10.4062 1.59375 10.3438 1.1875 10.0312 1.125C9.6875 1.0625 9.125 1 8.75 1C4.875 1 1.75 4.15625 1.75 8C1.75 11.875 4.875 15 8.71875 15C10.875 15 12.8438 14.0312 14.1562 12.4375C14.3438 12.1875 14.1562 11.875 13.9062 11.875ZM8.71875 13.5C5.6875 13.5 3.25 11.0312 3.25 8C3.25 5.625 4.75 3.59375 6.875 2.84375C6.21875 3.90625 5.84375 5.1875 5.84375 6.5C5.84375 9.625 7.875 12.25 10.6875 13.1562C10.0625 13.4062 9.40625 13.5 8.71875 13.5Z" fill="currentColor" fill-opacity="0.85"></path></svg></svg></span></label><label class="g-radio-button__option"><input name="g-:R2j8vad6:" type="radio" aria-checked="false" class="g-radio-button__option-control" value="light"/><span class="g-radio-button__option-outline"></span><span class="g-radio-button__option-text g-radio-button__option-text_icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-examples__theme-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.25 4.5C6.3125 4.5 4.75 6.09375 4.75 8C4.75 9.9375 6.3125 11.5 8.25 11.5C10.1562 11.5 11.75 9.9375 11.75 8C11.75 6.09375 10.1562 4.5 8.25 4.5ZM8.25 10C7.125 10 6.25 9.125 6.25 8C6.25 6.90625 7.125 6 8.25 6C9.34375 6 10.25 6.90625 10.25 8C10.25 9.125 9.34375 10 8.25 10ZM8.25 3.5C8.65625 3.5 9 3.1875 9 2.75V0.75C9 0.34375 8.65625 0 8.25 0C7.8125 0 7.5 0.34375 7.5 0.75V2.75C7.5 3.1875 7.8125 3.5 8.25 3.5ZM8.25 12.5C7.8125 12.5 7.5 12.8438 7.5 13.25V15.25C7.5 15.6875 7.8125 16 8.25 16C8.65625 16 9 15.6875 9 15.25V13.25C9 12.8438 8.65625 12.5 8.25 12.5ZM15.5 7.25H13.5C13.0625 7.25 12.75 7.59375 12.75 8C12.75 8.4375 13.0625 8.75 13.5 8.75H15.5C15.9062 8.75 16.25 8.4375 16.25 8C16.25 7.59375 15.9062 7.25 15.5 7.25ZM3.75 8C3.75 7.59375 3.40625 7.25 3 7.25H1C0.5625 7.25 0.25 7.59375 0.25 8C0.25 8.4375 0.5625 8.75 1 8.75H3C3.40625 8.75 3.75 8.4375 3.75 8ZM12.4688 11.1875C12.1875 10.9062 11.7188 10.9062 11.4062 11.1875C11.125 11.5 11.125 11.9688 11.4062 12.25L12.8438 13.6875C12.9688 13.8125 13.1562 13.9062 13.375 13.9062C13.5625 13.9062 13.75 13.8125 13.9062 13.6875C14.1875 13.375 14.1875 12.9062 13.9062 12.625L12.4688 11.1875ZM4 4.84375C4.125 4.96875 4.34375 5.0625 4.53125 5.0625C4.71875 5.0625 4.90625 4.96875 5.0625 4.84375C5.34375 4.53125 5.34375 4.0625 5.0625 3.78125L3.625 2.34375C3.34375 2.0625 2.875 2.0625 2.5625 2.34375C2.28125 2.65625 2.28125 3.125 2.5625 3.40625L4 4.84375ZM11.9375 5.0625C12.125 5.0625 12.3438 4.96875 12.4688 4.84375L13.9062 3.40625C14.1875 3.125 14.1875 2.65625 13.9062 2.34375C13.5938 2.0625 13.125 2.0625 12.8438 2.34375L11.4062 3.78125C11.125 4.0625 11.125 4.53125 11.4062 4.84375C11.5625 4.96875 11.75 5.0625 11.9375 5.0625ZM4 11.1875L2.5625 12.625C2.28125 12.9062 2.28125 13.375 2.5625 13.6875C2.71875 13.8125 2.90625 13.9062 3.09375 13.9062C3.3125 13.9062 3.5 13.8125 3.625 13.6875L5.0625 12.25C5.34375 11.9688 5.34375 11.5 5.0625 11.1875C4.75 10.9062 4.28125 10.9062 4 11.1875Z" fill="currentColor"></path></svg></svg></span></label></div></div></div><div><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_circle-circle" href="https://preview.gravity-ui.com/uikit" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">Storybook</span></a></div></div><div class="gravity-ui-landing-examples__showcase-wrapper"><div class="g-root g-root_theme_dark g-root_native-scrollbar gravity-ui-landing-examples-showcase gravity-ui-landing-examples-showcase gravity-ui-landing-examples-showcase_color_yellow gravity-ui-landing-examples-showcase_theme_dark" dir="rtl"><div class="gravity-ui-landing-examples-showcase__row"><div class="gravity-ui-landing-examples-showcase__col"><div class="gravity-ui-landing-examples-showcase__sub-row"><div class="gravity-ui-landing-examples-showcase__sub-col"><div class="gravity-ui-landing-examples-showcase__col-item"><div class="gravity-ui-landing-examples-showcase__col-item-elem gravity-ui-landing-examples-showcase__col-item-elem_sm-gap"><button class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round" type="button"><span class="g-button__text">Action</span></button></div><div class="gravity-ui-landing-examples-showcase__col-item-elem gravity-ui-landing-examples-showcase__col-item-elem_sm-gap"><button class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round" type="button"><span class="g-button__text">Normal</span></button></div></div><div class="gravity-ui-landing-examples-showcase__col-item"><div class="gravity-ui-landing-examples-showcase__col-item-elem"><div class="g-loader g-loader_size_l"><div class="g-loader__left"></div><div class="g-loader__center"></div><div class="g-loader__right"></div></div></div><div class="gravity-ui-landing-examples-showcase__col-item-elem"><div class="g-spin g-spin_size_m"><div class="g-spin__inner"></div></div></div></div><div class="gravity-ui-landing-examples-showcase__col-item"><div class="gravity-ui-landing-examples-showcase__col-item-elem"><label class="g-control-label g-control-label_size_l g-checkbox g-checkbox_size_l"><span class="g-control-label__indicator g-checkbox__indicator"><span class="g-checkbox__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10" width="16" height="16" fill="currentColor" class="g-checkbox__icon-svg g-checkbox__icon-svg_type_tick"><path d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"></path></svg></span><input type="checkbox" aria-checked="false" class="g-checkbox__control"/><span class="g-checkbox__outline"></span></span></label></div><div class="gravity-ui-landing-examples-showcase__col-item-elem"><div role="radiogroup" class="g-radio-group g-radio-group_size_l g-radio-group_direction_horizontal"><label class="g-control-label g-control-label_size_l g-radio g-radio_size_l g-radio_checked g-radio-group__option"><span class="g-control-label__indicator g-radio__indicator"><span class="g-radio__disc"></span><input name="g-:R1dd8vad6:" type="radio" aria-checked="true" class="g-radio__control" checked="" value="0"/><span class="g-radio__outline"></span></span></label><label class="g-control-label g-control-label_size_l g-radio g-radio_size_l g-radio-group__option"><span class="g-control-label__indicator g-radio__indicator"><span class="g-radio__disc"></span><input name="g-:R1dd8vad6:" type="radio" aria-checked="false" class="g-radio__control" value="1"/><span class="g-radio__outline"></span></span></label></div></div><div class="gravity-ui-landing-examples-showcase__col-item-elem"><label class="g-control-label g-control-label_size_m g-switch g-switch_size_m"><span class="g-control-label__indicator g-switch__indicator"><input role="switch" type="checkbox" aria-checked="false" class="g-switch__control"/><span class="g-switch__outline"></span><span class="g-switch__slider"></span></span></label></div></div></div><div class="gravity-ui-landing-examples-showcase__sub-col"><div class="gravity-ui-landing-examples-showcase__col-item"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_m"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Active tab"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Active tab</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Inactive tab"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Inactive tab</div></div></div></div></div><div class="gravity-ui-landing-examples-showcase__col-item"><div role="radiogroup" class="g-radio-button g-radio-button_size_l"><div class="g-radio-button__plate" hidden=""></div><label class="g-radio-button__option g-radio-button__option_checked"><input name="group2" type="radio" aria-checked="true" class="g-radio-button__option-control" checked="" value="all"/><span class="g-radio-button__option-outline"></span><span class="g-radio-button__option-text">All</span></label><label class="g-radio-button__option"><input name="group2" type="radio" aria-checked="false" class="g-radio-button__option-control" value="my"/><span class="g-radio-button__option-outline"></span><span class="g-radio-button__option-text">My</span></label></div></div><div class="gravity-ui-landing-examples-showcase__col-item"><div class="g-label g-label_theme_info g-label_size_m"><div class="g-label__text"><div class="g-label__content">Accent</div></div></div></div></div></div></div><div class="gravity-ui-landing-examples-showcase__col gravity-ui-landing-examples-showcase__col_stretch"><div class="gravity-ui-landing-examples-showcase__table-wrapper"><div class="g-table"><table class="g-table__table"><thead class="g-table__head"><tr class="g-table__row"><th class="g-table__cell g-table__cell_edge-padding g-table__checkbox_cell"><label class="g-control-label g-control-label_size_l g-checkbox g-checkbox_size_l g-table__selection-checkbox"><span class="g-control-label__indicator g-checkbox__indicator"><span class="g-checkbox__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10" width="16" height="16" fill="currentColor" class="g-checkbox__icon-svg g-checkbox__icon-svg_type_tick"><path d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"></path></svg></span><input aria-label="Select" type="checkbox" aria-checked="false" class="g-checkbox__control"/><span class="g-checkbox__outline"></span></span></label></th><th class="g-table__cell g-table__cell_edge-padding">Title</th><th class="g-table__cell g-table__cell_edge-padding">Created by</th><th class="g-table__cell g-table__cell_edge-padding">Updated</th><th class="g-table__cell g-table__cell_edge-padding">Created</th><th class="g-table__cell g-table__cell_edge-padding"></th></tr></thead><tbody class="g-table__body"><tr class="g-table__row"><td class="g-table__cell g-table__cell_edge-padding g-table__checkbox_cell"><label class="g-control-label g-control-label_size_l g-checkbox g-checkbox_size_l g-table__selection-checkbox"><span class="g-control-label__indicator g-checkbox__indicator"><span class="g-checkbox__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10" width="16" height="16" fill="currentColor" class="g-checkbox__icon-svg g-checkbox__icon-svg_type_tick"><path d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"></path></svg></span><input aria-label="Select" type="checkbox" aria-checked="false" class="g-checkbox__control"/><span class="g-checkbox__outline"></span></span></label></td><td class="g-table__cell g-table__cell_edge-padding">Weekly Sync</td><td class="g-table__cell g-table__cell_edge-padding"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled" role="img"><img class="g-avatar__image" width="32" height="32" src="/_next/static/media/avatar-1.e45be798.png"/></div></td><td class="g-table__cell g-table__cell_edge-padding">28.06.2022</td><td class="g-table__cell g-table__cell_edge-padding">26.06.2022</td><td class="g-table__cell g-table__cell_edge-padding"><div class="gravity-ui-landing-examples-showcase__star"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div></td></tr><tr class="g-table__row g-table__row_selected"><td class="g-table__cell g-table__cell_edge-padding g-table__checkbox_cell"><label class="g-control-label g-control-label_size_l g-checkbox g-checkbox_size_l g-checkbox_checked g-table__selection-checkbox"><span class="g-control-label__indicator g-checkbox__indicator"><span class="g-checkbox__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10" width="16" height="16" fill="currentColor" class="g-checkbox__icon-svg g-checkbox__icon-svg_type_tick"><path d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"></path></svg></span><input aria-label="Select" type="checkbox" aria-checked="true" class="g-checkbox__control" checked=""/><span class="g-checkbox__outline"></span></span></label></td><td class="g-table__cell g-table__cell_edge-padding">Campaign brainstorm</td><td class="g-table__cell g-table__cell_edge-padding"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled" role="img"><img class="g-avatar__image" width="32" height="32" src="/_next/static/media/avatar-2.3a073e9b.png"/></div></td><td class="g-table__cell g-table__cell_edge-padding">7.06.2022</td><td class="g-table__cell g-table__cell_edge-padding">16.06.2022</td><td class="g-table__cell g-table__cell_edge-padding"><div class="gravity-ui-landing-examples-showcase__star"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.26367 1.58203L5.61328 4.95898L1.88086 5.49219C1.2207 5.59375 0.966797 6.40625 1.44922 6.88867L4.11523 9.50391L3.48047 13.1855C3.37891 13.8457 4.08984 14.3535 4.67383 14.0488L8 12.2969L11.3008 14.0488C11.8848 14.3535 12.5957 13.8457 12.4941 13.1855L11.8594 9.50391L14.5254 6.88867C15.0078 6.40625 14.7539 5.59375 14.0938 5.49219L10.3867 4.95898L8.71094 1.58203C8.43164 0.998047 7.56836 0.972656 7.26367 1.58203Z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div></td></tr><tr class="g-table__row"><td class="g-table__cell g-table__cell_edge-padding g-table__checkbox_cell"><label class="g-control-label g-control-label_size_l g-checkbox g-checkbox_size_l g-table__selection-checkbox"><span class="g-control-label__indicator g-checkbox__indicator"><span class="g-checkbox__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10" width="16" height="16" fill="currentColor" class="g-checkbox__icon-svg g-checkbox__icon-svg_type_tick"><path d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"></path></svg></span><input aria-label="Select" type="checkbox" aria-checked="false" class="g-checkbox__control"/><span class="g-checkbox__outline"></span></span></label></td><td class="g-table__cell g-table__cell_edge-padding">Logo redesign</td><td class="g-table__cell g-table__cell_edge-padding"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled" role="img"><img class="g-avatar__image" width="32" height="32" src="/_next/static/media/avatar-3.7dd7ac15.png"/></div></td><td class="g-table__cell g-table__cell_edge-padding">7.06.2022</td><td class="g-table__cell g-table__cell_edge-padding">20.06.2022</td><td class="g-table__cell g-table__cell_edge-padding"><div class="gravity-ui-landing-examples-showcase__star"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div></td></tr></tbody></table></div></div></div></div></div></div></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_custom-extended-features"><div class="pc-AnimateBlock false gravity-ui-landing-custom-extended-features"><span style="font-size:0"></span><div class="gravity-ui-landing-custom-extended-features__header"><h2 class="gravity-ui-landing-custom-extended-features__header-title"><span>مكتباتنا</span></h2><div class="gravity-ui-landing-custom-extended-features__button-desktop"><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round pc-button-block pc-button-block_size_xl pc-button-block_theme_outlined" href="/libraries" aria-disabled="false"><span class="g-button__text"><span class="pc-button-block__content"><span class="pc-button-block__text">كل المكتبات</span></span></span></a></div></div><div class="gravity-ui-landing-custom-extended-features__items"><div class="row"><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/uikit"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library gravity-ui-landing-custom-extended-features-feature-item__content_primary" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>UIKit</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">526</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">Base UI components and tokens for building services with Gravity.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->6.21.0</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">16.07.2024</div></div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/page-constructor"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>Page constructor</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">32</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">A set of stylish, functional blocks for quickly creating promo and landing pages.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->5.16.1</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">04.07.2024</div></div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/chartkit"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>ChartKit</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">21</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">A data visualization suite integrated with our design system.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->5.10.1</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">09.07.2024</div></div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/dashkit"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>DashKit</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">13</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">A grid component for building interactive dashboards.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->8.7.1</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">18.07.2024</div></div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/yagr"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>Yagr</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">96</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">A high-performance canvas charts renderer, based on uPlot.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->4.3.0</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">09.04.2024</div></div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/navigation"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>Navigation</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">21</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">A compact and extensible navigation panel for complex services.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->2.16.0</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">27.06.2024</div></div></div></div></a></div></div></div><div class="gravity-ui-landing-custom-extended-features__button-mobile"><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round pc-button-block pc-button-block_size_xl pc-button-block_theme_outlined" href="/libraries" aria-disabled="false"><span class="g-button__text"><span class="pc-button-block__content"><span class="pc-button-block__text">كل المكتبات</span></span></span></a></div></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_roadmap"><div class="pc-AnimateBlock false gravity-ui-landing-roadmap-block"><span style="font-size:0"></span><h2 class="gravity-ui-landing-roadmap-block__title" data-section="roadmap"><span>خارطة الطريق</span></h2><ul class="gravity-ui-landing-roadmap"><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_completed"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_completed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-3.9-1.55a.75.75 0 1 0-1.2-.9L7.419 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08l3-4Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Date Components:</b> new library for working with date and time</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_completed"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_completed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-3.9-1.55a.75.75 0 1 0-1.2-.9L7.419 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08l3-4Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>UIKit:</b> Right-to-left languages support</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_progress"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_progress"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 4.5a.75.75 0 0 0-1.5 0V8a.75.75 0 0 0 .3.6l2 1.5a.75.75 0 1 0 .9-1.2l-1.7-1.275V4.5Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>UIKit:</b> improvements in digital accessibility</span><span class="gravity-ui-landing-roadmap-item__status">In progress</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_progress"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_progress"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 4.5a.75.75 0 0 0-1.5 0V8a.75.75 0 0 0 .3.6l2 1.5a.75.75 0 1 0 .9-1.2l-1.7-1.275V4.5Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Figma:</b> color theme template builder</span><span class="gravity-ui-landing-roadmap-item__status">In progress</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_progress"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_progress"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 4.5a.75.75 0 0 0-1.5 0V8a.75.75 0 0 0 .3.6l2 1.5a.75.75 0 1 0 .9-1.2l-1.7-1.275V4.5Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Development farm</b></span><span class="gravity-ui-landing-roadmap-item__status">In progress</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_completed"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_completed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-3.9-1.55a.75.75 0 1 0-1.2-.9L7.419 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08l3-4Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Docs:</b> Date Components in Components section</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_progress"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_progress"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 4.5a.75.75 0 0 0-1.5 0V8a.75.75 0 0 0 .3.6l2 1.5a.75.75 0 1 0 .9-1.2l-1.7-1.275V4.5Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>UIKit:</b> emoji picker, color picker, label input and range input components</span><span class="gravity-ui-landing-roadmap-item__status">In progress</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_planned"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="6.25" stroke="currentColor" stroke-width="3.5"></circle></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>UIKit:</b> migration to Floating UI</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_planned"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="6.25" stroke="currentColor" stroke-width="3.5"></circle></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Docs:</b> Page constructor in Components section</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_planned"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="6.25" stroke="currentColor" stroke-width="3.5"></circle></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>UIKit:</b> extended mobile support</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_planned"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="6.25" stroke="currentColor" stroke-width="3.5"></circle></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Page constructor:</b> footer block</span></div></div></li></ul></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_templates"><div></div><div class="pc-AnimateBlock false gravity-ui-landing-templates-block"><span style="font-size:0"></span><h2 class="gravity-ui-landing-templates-block__title" data-section="templates"><span>بدء المزامنة مع واجهة استخدام Gravity&nbsp;</span></h2><section class="gravity-ui-landing-templates"><div class="gravity-ui-landing-templates__tabs-wrapper"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl gravity-ui-landing-templates__tabs"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="CRA"><div class="g-tabs__item-content"><div class="g-tabs__item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2679_46051)"><path d="M116.64 64.2204C116.64 56.8415 107.954 50.2979 94.5995 46.3032C97.8124 32.734 96.4095 21.9387 90.0158 18.2867C88.4481 17.416 86.679 16.9728 84.8859 17.0016C78.9206 17.0016 71.381 21.1676 63.7665 28.3752C56.1519 21.2212 48.6337 17.0765 42.6792 17.0765C40.8583 17.0363 39.0603 17.4876 37.4743 18.3831C31.1128 22.0458 29.7955 32.7769 32.9655 46.2817C19.6749 50.255 11.0322 56.7451 11.0108 64.0919C10.9893 71.4387 19.707 78.0144 33.0619 81.9984C29.849 95.5783 31.2413 106.363 37.6456 110.015C39.2076 110.89 40.9746 111.334 42.7649 111.3C48.7408 111.3 56.2804 107.134 63.895 99.9264C71.4988 107.08 79.017 111.225 84.9823 111.225C86.8024 111.259 88.5987 110.808 90.1872 109.919C96.5487 106.256 97.8553 95.5247 94.6959 82.0734C107.987 78.0466 116.629 71.5565 116.64 64.2204ZM68.6715 30.7956C77.4427 22.9454 82.926 22.0993 84.8752 22.0993C85.7792 22.0703 86.6743 22.2848 87.4669 22.7205C90.5299 24.4662 91.7508 30.6242 90.7762 38.785C90.5266 40.8691 90.1691 42.9388 89.7052 44.9859C85.2674 43.9544 80.7669 43.2138 76.2325 42.769C73.5323 38.9798 70.5843 35.3735 67.4077 31.9736C67.804 31.5774 68.2324 31.1811 68.6715 30.7956ZM42.1223 70.2928C42.9576 71.8992 43.8465 73.5057 44.7676 75.1228C45.6886 76.74 46.6525 78.3786 47.7234 79.9957C44.8211 79.578 42.0045 79.0533 39.3271 78.4321C40.0767 75.7119 41.0299 73.0345 42.1223 70.2928ZM39.1557 49.9016C41.8652 49.2697 44.7033 48.745 47.6484 48.338C46.5775 49.923 45.6565 51.5509 44.6926 53.2537C43.7287 54.9566 42.8827 56.4666 42.058 58.0945C40.9656 55.31 39.9982 52.579 39.1557 49.9016ZM44.7354 64.1883C46.0634 61.3823 47.5235 58.5764 49.1157 55.7705C50.7221 52.9646 52.4464 50.2336 54.2242 47.6204C57.3407 47.3848 60.5536 47.2563 63.8629 47.267C67.1721 47.2777 70.2886 47.3955 73.3837 47.6419C75.1615 50.2336 76.8644 52.9967 78.4708 55.7277C80.0773 58.4586 81.5552 61.3181 82.8832 64.1133C81.5659 66.9193 80.0987 69.7359 78.5136 72.5204C76.9286 75.3049 75.183 78.068 73.4052 80.6811C70.2886 80.9274 67.0758 81.0453 63.7665 81.0453C60.4572 81.0453 57.3407 80.906 54.2456 80.6597C52.4678 78.068 50.7542 75.3692 49.1478 72.5739C47.5414 69.7787 46.117 66.9835 44.7783 64.1883H44.7354ZM79.9273 48.3701C82.8403 48.7771 85.657 49.3019 88.3237 49.923C87.5312 52.5683 86.5887 55.2779 85.4963 58.0088C84.6503 56.4024 83.7721 54.7959 82.8403 53.1788C81.9086 51.5616 80.9233 49.9337 79.9702 48.3701H79.9273ZM82.8832 75.0586C83.8042 73.4379 84.6824 71.8207 85.5178 70.2071C86.5887 72.9916 87.6597 75.7333 88.4094 78.4107C85.7105 79.0426 82.8725 79.5566 79.9273 79.9636C80.9626 78.3786 81.9622 76.7436 82.926 75.0586H82.8832ZM63.7879 35.6149C65.7156 37.6712 67.6112 39.8988 69.464 42.287C67.6327 42.2121 65.7585 42.1585 63.8629 42.1585C61.9672 42.1585 60.0288 42.1585 58.1546 42.287C59.986 39.9095 61.8601 37.6712 63.7879 35.6149ZM40.0339 22.7634C40.8464 22.3312 41.7597 22.1242 42.6792 22.1636C44.6087 22.244 46.5009 22.7216 48.2375 23.5666C52.1623 25.417 55.7753 27.8667 58.9471 30.8277L60.2002 31.9736C57.0561 35.3486 54.1368 38.9262 51.4611 42.6833C46.9022 43.1249 42.3768 43.8619 37.9134 44.8895C37.4422 42.8118 37.0566 40.777 36.8424 38.8171C35.7286 30.7313 37.0138 24.5626 40.0232 22.8062L40.0339 22.7634ZM34.3685 77.0613C32.3562 76.447 30.376 75.7321 28.4353 74.9194C20.8315 71.7065 16.1193 67.5832 16.1193 64.0598C16.1193 60.5363 20.8529 56.4345 28.4461 53.2752C30.3521 52.4857 32.2966 51.7922 34.2721 51.1975C35.6109 55.6345 37.2424 59.9778 39.1557 64.199C37.2831 68.3782 35.684 72.6747 34.3685 77.0613ZM59.0007 97.5167C50.2295 105.367 44.7461 106.202 42.7863 106.202C41.8822 106.232 40.9868 106.018 40.1945 105.581C37.1316 103.835 35.9107 97.6774 36.8853 89.5166C37.134 87.436 37.4915 85.3697 37.9562 83.3264C42.3954 84.349 46.8955 85.0859 51.429 85.5326C54.1259 89.3243 57.0741 92.9308 60.2537 96.3279L59.0007 97.5167ZM63.895 92.6867C61.9672 90.6304 60.0716 88.4028 58.2082 86.0145C60.0502 86.1002 61.9244 86.1431 63.82 86.1431C65.7156 86.1431 67.6541 86.1431 69.5283 86.0253C67.6755 88.4028 65.7906 90.6304 63.8843 92.6867H63.895ZM87.649 105.538C86.8364 105.983 85.919 106.202 84.993 106.17C83.0438 106.17 77.4962 105.313 68.7572 97.4953L67.5041 96.3494C70.6446 92.9742 73.5603 89.3966 76.2325 85.6397C80.7957 85.2042 85.3251 84.4672 89.7909 83.4335C90.2621 85.5112 90.637 87.546 90.8619 89.5059C91.9221 97.581 90.6905 103.75 87.6383 105.495L87.649 105.538ZM99.2154 75.08C97.384 75.8297 95.4456 76.5258 93.3893 77.147C92.0452 72.7103 90.4103 68.3671 88.495 64.1455C90.3763 59.971 91.9826 55.6779 93.3037 51.2939C95.3159 51.9082 97.2962 52.6231 99.2368 53.4358C106.83 56.6487 111.553 60.7719 111.542 64.2954C111.531 67.8188 106.809 71.8778 99.2047 75.0372L99.2154 75.08ZM63.7879 73.9876C65.7324 73.9897 67.6338 73.4152 69.2517 72.3367C70.8697 71.2581 72.1315 69.724 72.8776 67.9284C73.6236 66.1327 73.8205 64.1562 73.4432 62.2487C73.0659 60.3411 72.1315 58.5883 70.758 57.2119C69.3846 55.8354 67.6338 54.8972 65.7271 54.5157C63.8204 54.1343 61.8434 54.3268 60.0462 55.069C58.2489 55.8112 56.712 57.0696 55.63 58.6852C54.5479 60.3008 53.9693 62.201 53.9671 64.1455C53.9643 65.4369 54.2163 66.7163 54.7085 67.9103C55.2008 69.1043 55.9238 70.1894 56.836 71.1036C57.7482 72.0178 58.8318 72.7431 60.0247 73.238C61.2176 73.7329 62.4964 73.9876 63.7879 73.9876ZM33.0512 81.9984C29.8383 95.5783 31.2306 106.363 37.6349 110.015C39.1969 110.89 40.9639 111.334 42.7541 111.3C48.7301 111.3 56.2697 107.134 63.8843 99.9264C71.4881 107.08 79.0063 111.225 84.9716 111.225C86.7917 111.259 88.5879 110.808 90.1765 109.919C96.538 106.256 97.8446 95.5247 94.6852 82.0734C107.976 78.0894 116.619 71.5994 116.629 64.2632C116.64 56.9271 107.944 50.3407 94.5888 46.346C97.8017 32.7769 96.3988 21.9816 90.0051 18.3296C88.4374 17.4589 86.6683 17.0156 84.8752 17.0444C78.9099 17.0444 71.3703 21.2105 63.7558 28.418C56.1412 21.264 48.623 17.1194 42.6685 17.1194C40.8476 17.0791 39.0496 17.5305 37.4636 18.4259C31.102 22.0886 29.7848 32.8197 32.9548 46.3246C19.6641 50.2979 11.0215 56.7879 11 64.1347C10.9786 71.4816 19.707 77.993 33.0619 81.9984H33.0512ZM58.9793 97.5167C50.2081 105.367 44.7247 106.202 42.7649 106.202C41.8608 106.232 40.9653 106.018 40.1731 105.581C37.1102 103.835 35.8893 97.6774 36.8638 89.5166C37.1126 87.436 37.47 85.3697 37.9348 83.3264C42.3739 84.349 46.8741 85.0859 51.4075 85.5326C54.1045 89.3243 57.0527 92.9308 60.2323 96.3279L58.9793 97.5167ZM85.5285 58.0088C84.6824 56.4024 83.8042 54.7959 82.8725 53.1788C81.9407 51.5616 80.9447 49.9659 79.9594 48.3701C82.8725 48.7771 85.6891 49.3019 88.3558 49.923C87.574 52.5683 86.6316 55.2779 85.5392 58.0088H85.5285ZM88.4415 78.3571C85.7427 78.989 82.9046 79.5031 79.9594 79.91C80.9662 78.325 81.9514 76.69 82.9153 75.005C83.8792 73.32 84.7574 71.7029 85.5499 70.1536C86.6744 72.9916 87.649 75.7119 88.4201 78.4107L88.4415 78.3571ZM82.8618 64.0598C81.5445 66.8657 80.0773 69.6823 78.4922 72.4668C76.9072 75.2514 75.1615 78.0144 73.3837 80.6276C70.2672 80.8739 67.0543 80.9917 63.745 80.9917C60.4358 80.9917 57.3193 80.8525 54.2242 80.6062C52.4464 78.0144 50.7328 75.3156 49.1264 72.5204C47.5199 69.7252 46.0527 66.93 44.714 64.1347C46.042 61.3288 47.5021 58.5229 49.0943 55.717C50.7007 52.911 52.425 50.1801 54.2028 47.5669C57.3193 47.3313 60.5322 47.2028 63.8414 47.2135C67.1507 47.2242 70.2672 47.342 73.3623 47.5883C75.1401 50.1801 76.8429 52.9432 78.4494 55.6741C80.0558 58.4051 81.5445 61.3181 82.8725 64.1133L82.8618 64.0598ZM47.7234 79.9957C44.8211 79.578 42.0045 79.0533 39.3271 78.4321C40.1196 75.7976 41.0727 73.0773 42.1651 70.3463C43.0005 71.9528 43.8894 73.5592 44.8104 75.1764C45.7314 76.7935 46.6525 78.3786 47.7234 79.9957ZM44.7354 53.2216C43.8037 54.828 42.9255 56.4345 42.1009 58.0624C40.9799 55.2993 39.9982 52.579 39.1557 49.9016C41.8652 49.2697 44.7033 48.745 47.6484 48.338C46.6525 49.923 45.6993 51.5616 44.7354 53.2216ZM63.8843 92.6867C61.9565 90.6304 60.0609 88.4028 58.1974 86.0145C60.0395 86.1002 61.9137 86.1431 63.8093 86.1431C65.7049 86.1431 67.6434 86.1431 69.5175 86.0253C67.6755 88.4028 65.7906 90.6304 63.8843 92.6867ZM87.6383 105.538C86.8257 105.983 85.9083 106.202 84.9823 106.17C83.0331 106.17 77.4855 105.313 68.7464 97.4953L67.4934 96.3494C70.6339 92.9742 73.5496 89.3966 76.2218 85.6397C80.785 85.2042 85.3143 84.4672 89.7802 83.4335C90.2514 85.5112 90.6263 87.546 90.8512 89.5059C91.9221 97.581 90.6905 103.75 87.6383 105.495V105.538ZM93.293 51.2832C95.3052 51.8975 97.2854 52.6124 99.2261 53.4251C106.819 56.638 111.542 60.7612 111.531 64.2847C111.521 67.8082 106.809 71.9528 99.2047 75.1121C97.3733 75.8618 95.4349 76.5579 93.3786 77.1791C92.0345 72.7425 90.3996 68.3992 88.4843 64.1776C90.369 59.9752 91.9754 55.6535 93.293 51.2403V51.2832ZM68.6608 30.8384C77.432 22.9883 82.9153 22.1422 84.8645 22.1422C85.7684 22.1132 86.6636 22.3277 87.4562 22.7634C90.5192 24.509 91.7401 30.6671 90.7655 38.8278C90.5159 40.9119 90.1584 42.9816 89.6945 45.0287C85.2567 43.9972 80.7562 43.2567 76.2218 42.8118C73.5216 39.0226 70.5735 35.4163 67.397 32.0165C67.804 31.5774 68.2324 31.1811 68.6715 30.7956L68.6608 30.8384ZM63.7879 35.6149C65.7156 37.6712 67.6112 39.8988 69.464 42.287C67.6327 42.2121 65.7585 42.1585 63.8629 42.1585C61.9672 42.1585 60.0288 42.1585 58.1546 42.287C59.986 39.9095 61.8601 37.6712 63.7879 35.6149ZM40.0339 22.7634C40.8464 22.3312 41.7597 22.1242 42.6792 22.1636C44.6087 22.244 46.5009 22.7216 48.2375 23.5666C52.1623 25.417 55.7753 27.8667 58.9471 30.8277L60.2002 31.9736C57.0561 35.3486 54.1368 38.9262 51.4611 42.6833C46.9022 43.1249 42.3768 43.8619 37.9134 44.8895C37.4422 42.8118 37.0566 40.777 36.8424 38.8171C35.7286 30.7313 37.0138 24.5626 40.0232 22.8062L40.0339 22.7634ZM28.4461 53.2752C30.3521 52.4857 32.2966 51.7922 34.2721 51.1975C35.6109 55.6345 37.2424 59.9778 39.1557 64.199C37.2762 68.3742 35.67 72.6671 34.3471 77.0506C32.3348 76.4362 30.3546 75.7214 28.4139 74.9086C20.8101 71.6957 16.0978 67.5725 16.0978 64.0491C16.0978 60.5256 20.8529 56.4345 28.4461 53.2752ZM63.7879 54.3461C61.8434 54.344 59.942 54.9185 58.324 55.9971C56.7061 57.0756 55.4443 58.6097 54.6982 60.4053C53.9521 62.201 53.7553 64.1775 54.1326 66.0851C54.5098 67.9926 55.4443 69.7454 56.8177 71.1219C58.1912 72.4983 59.942 73.4366 61.8487 73.818C63.7554 74.1995 65.7323 74.0069 67.5296 73.2647C69.3269 72.5226 70.8637 71.2641 71.9458 69.6485C73.0278 68.0329 73.6065 66.1327 73.6086 64.1883C73.6185 62.8923 73.3718 61.6072 72.8827 60.407C72.3936 59.2068 71.6718 58.1154 70.7588 57.1955C69.8459 56.2756 68.7599 55.5455 67.5635 55.0473C66.3671 54.549 65.0839 54.2925 63.7879 54.2926V54.3461ZM63.7879 54.3461C61.8434 54.344 59.942 54.9185 58.324 55.9971C56.7061 57.0756 55.4443 58.6097 54.6982 60.4053C53.9521 62.201 53.7553 64.1775 54.1326 66.0851C54.5098 67.9926 55.4443 69.7454 56.8177 71.1219C58.1912 72.4983 59.942 73.4366 61.8487 73.818C63.7554 74.1995 65.7323 74.0069 67.5296 73.2647C69.3269 72.5226 70.8637 71.2641 71.9458 69.6485C73.0278 68.0329 73.6065 66.1327 73.6086 64.1883C73.6185 62.8923 73.3718 61.6072 72.8827 60.407C72.3936 59.2068 71.6718 58.1154 70.7588 57.1955C69.8459 56.2756 68.7599 55.5455 67.5635 55.0473C66.3671 54.549 65.0839 54.2925 63.7879 54.2926V54.3461ZM63.7879 54.3461C61.8434 54.344 59.942 54.9185 58.324 55.9971C56.7061 57.0756 55.4443 58.6097 54.6982 60.4053C53.9521 62.201 53.7553 64.1775 54.1326 66.0851C54.5098 67.9926 55.4443 69.7454 56.8177 71.1219C58.1912 72.4983 59.942 73.4366 61.8487 73.818C63.7554 74.1995 65.7323 74.0069 67.5296 73.2647C69.3269 72.5226 70.8637 71.2641 71.9458 69.6485C73.0278 68.0329 73.6065 66.1327 73.6086 64.1883C73.6185 62.8923 73.3718 61.6072 72.8827 60.407C72.3936 59.2068 71.6718 58.1154 70.7588 57.1955C69.8459 56.2756 68.7599 55.5455 67.5635 55.0473C66.3671 54.549 65.0839 54.2925 63.7879 54.2926V54.3461ZM116.64 64.2418C116.64 56.8629 107.954 50.3193 94.5995 46.3246C97.8124 32.7555 96.4095 21.9601 90.0158 18.3081C88.4481 17.4374 86.679 16.9942 84.8859 17.023C78.9206 17.023 71.381 21.189 63.7665 28.3966C56.1519 21.2426 48.6337 17.0979 42.6792 17.0979C40.8583 17.0577 39.0603 17.5091 37.4743 18.4045C31.1128 22.0672 29.7955 32.7983 32.9655 46.3032C19.6749 50.2764 11.0322 56.7665 11.0108 64.1133C10.9893 71.4601 19.707 78.0358 33.0619 82.0198C29.849 95.5997 31.2413 106.384 37.6456 110.036C39.2076 110.912 40.9746 111.355 42.7649 111.321C48.7408 111.321 56.2804 107.155 63.895 99.9478C71.4988 107.102 79.017 111.247 84.9823 111.247C86.8024 111.28 88.5987 110.829 90.1872 109.94C96.5487 106.277 97.8553 95.5461 94.6959 82.0948C107.987 78.0466 116.629 71.5565 116.64 64.2204V64.2418ZM68.6715 30.7956C77.4427 22.9454 82.926 22.0993 84.8752 22.0993C85.7792 22.0703 86.6743 22.2848 87.4669 22.7205C90.5299 24.4662 91.7508 30.6242 90.7762 38.785C90.5266 40.8691 90.1691 42.9388 89.7052 44.9859C85.2674 43.9544 80.7669 43.2138 76.2325 42.769C73.5323 38.9798 70.5843 35.3735 67.4077 31.9736C67.804 31.5774 68.2324 31.1811 68.6715 30.7956ZM42.1223 70.2928C42.9576 71.8992 43.8465 73.5057 44.7676 75.1228C45.6886 76.74 46.6525 78.3786 47.7234 79.9957C44.8211 79.578 42.0045 79.0533 39.3271 78.4321C40.0767 75.7119 41.0299 73.0345 42.1223 70.2928ZM39.1557 49.9016C41.8652 49.2697 44.7033 48.745 47.6484 48.338C46.5775 49.923 45.6565 51.5509 44.6926 53.2537C43.7287 54.9566 42.8827 56.4666 42.058 58.0945C40.9656 55.31 39.9982 52.579 39.1557 49.9016ZM44.7354 64.1883C46.0634 61.3823 47.5235 58.5764 49.1157 55.7705C50.7221 52.9646 52.4464 50.2336 54.2242 47.6204C57.3407 47.3848 60.5536 47.2563 63.8629 47.267C67.1721 47.2777 70.2886 47.3955 73.3837 47.6419C75.1615 50.2336 76.8644 52.9967 78.4708 55.7277C80.0773 58.4586 81.5552 61.3181 82.8832 64.1133C81.5659 66.9193 80.0987 69.7359 78.5136 72.5204C76.9286 75.3049 75.183 78.068 73.4052 80.6811C70.2886 80.9274 67.0758 81.0453 63.7665 81.0453C60.4572 81.0453 57.3407 80.906 54.2456 80.6597C52.4678 78.068 50.7542 75.3692 49.1478 72.5739C47.5414 69.7787 46.117 66.9835 44.7783 64.1883H44.7354ZM79.9273 48.3701C82.8403 48.7771 85.657 49.3019 88.3237 49.923C87.5312 52.5683 86.5887 55.2779 85.4963 58.0088C84.6503 56.4024 83.7721 54.7959 82.8403 53.1788C81.9086 51.5616 80.9233 49.9337 79.9702 48.3701H79.9273ZM82.8832 75.0586C83.8042 73.4379 84.6824 71.8207 85.5178 70.2071C86.5887 72.9916 87.6597 75.7333 88.4094 78.4107C85.7105 79.0426 82.8725 79.5566 79.9273 79.9636C80.9626 78.3786 81.9622 76.7436 82.926 75.0586H82.8832ZM63.7879 35.6149C65.7156 37.6712 67.6112 39.8988 69.464 42.287C67.6327 42.2121 65.7585 42.1585 63.8629 42.1585C61.9672 42.1585 60.0288 42.1585 58.1546 42.287C59.986 39.9095 61.8601 37.6712 63.7879 35.6149ZM40.0339 22.7634C40.8464 22.3312 41.7597 22.1242 42.6792 22.1636C44.6087 22.244 46.5009 22.7216 48.2375 23.5666C52.1623 25.417 55.7753 27.8667 58.9471 30.8277L60.2002 31.9736C57.0561 35.3486 54.1368 38.9262 51.4611 42.6833C46.9022 43.1249 42.3768 43.8619 37.9134 44.8895C37.4422 42.8118 37.0566 40.777 36.8424 38.8171C35.7286 30.7313 37.0138 24.5626 40.0232 22.8062L40.0339 22.7634ZM34.3685 77.0613C32.3562 76.447 30.376 75.7321 28.4353 74.9194C20.8315 71.7065 16.1193 67.5832 16.1193 64.0598C16.1193 60.5363 20.8529 56.4345 28.4461 53.2752C30.3521 52.4857 32.2966 51.7922 34.2721 51.1975C35.6109 55.6345 37.2424 59.9778 39.1557 64.199C37.2831 68.3782 35.684 72.6747 34.3685 77.0613ZM59.0007 97.5167C50.2295 105.367 44.7461 106.202 42.7863 106.202C41.8822 106.232 40.9868 106.018 40.1945 105.581C37.1316 103.835 35.9107 97.6774 36.8853 89.5166C37.134 87.436 37.4915 85.3697 37.9562 83.3264C42.3954 84.349 46.8955 85.0859 51.429 85.5326C54.1259 89.3243 57.0741 92.9308 60.2537 96.3279L59.0007 97.5167ZM63.895 92.6867C61.9672 90.6304 60.0716 88.4028 58.2082 86.0145C60.0502 86.1002 61.9244 86.1431 63.82 86.1431C65.7156 86.1431 67.6541 86.1431 69.5283 86.0253C67.6755 88.4028 65.7906 90.6304 63.8843 92.6867H63.895ZM87.649 105.538C86.8364 105.983 85.919 106.202 84.993 106.17C83.0438 106.17 77.4962 105.313 68.7572 97.4953L67.5041 96.3494C70.6446 92.9742 73.5603 89.3966 76.2325 85.6397C80.7957 85.2042 85.3251 84.4672 89.7909 83.4335C90.2621 85.5112 90.637 87.546 90.8619 89.5059C91.9221 97.581 90.6905 103.75 87.6383 105.495L87.649 105.538ZM99.2154 75.08C97.384 75.8297 95.4456 76.5258 93.3893 77.147C92.0452 72.7103 90.4103 68.3671 88.495 64.1455C90.3763 59.971 91.9826 55.6779 93.3037 51.2939C95.3159 51.9082 97.2962 52.6231 99.2368 53.4358C106.83 56.6487 111.553 60.7719 111.542 64.2954C111.531 67.8188 106.809 71.8778 99.2047 75.0372L99.2154 75.08ZM63.7879 73.9876C65.7324 73.9897 67.6338 73.4152 69.2517 72.3367C70.8697 71.2581 72.1315 69.724 72.8776 67.9284C73.6236 66.1327 73.8205 64.1562 73.4432 62.2487C73.0659 60.3411 72.1315 58.5883 70.758 57.2119C69.3846 55.8354 67.6338 54.8972 65.7271 54.5157C63.8204 54.1343 61.8434 54.3268 60.0462 55.069C58.2489 55.8112 56.712 57.0696 55.63 58.6852C54.5479 60.3008 53.9693 62.201 53.9671 64.1455C53.9643 65.4369 54.2163 66.7163 54.7085 67.9103C55.2008 69.1043 55.9238 70.1894 56.836 71.1036C57.7482 72.0178 58.8318 72.7431 60.0247 73.238C61.2176 73.7329 62.4964 73.9876 63.7879 73.9876Z" fill="#09D3AC"></path><path d="M5 25L5 123H106L101 128H0V30.1022L5 25Z" fill="#09D3AC" fill-opacity="0.5"></path><path d="M123 103L123 5H22L27 0H128V97.8978L123 103Z" fill="#09D3AC" fill-opacity="0.5"></path></g><defs><clipPath id="clip0_2679_46051"><rect width="128" height="128" fill="white"></rect></clipPath></defs></svg></svg></div><div class="g-tabs__item-title">CRA</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Next.js"><div class="g-tabs__item-content"><div class="g-tabs__item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2557_9914)"><path d="M11.2147 0.0186595C11.1632 0.0233466 10.9991 0.0397512 10.8515 0.0514688C7.44634 0.35847 4.25681 2.19579 2.2367 5.01973C1.11181 6.58989 0.392346 8.37097 0.120497 10.2575C0.0244129 10.916 0.0126953 11.1105 0.0126953 12.0034C0.0126953 12.8963 0.0244129 13.0908 0.120497 13.7493C0.771996 18.2513 3.97559 22.0337 8.32048 23.4351C9.09853 23.6859 9.91876 23.857 10.8515 23.9601C11.2147 23.9999 12.7849 23.9999 13.1481 23.9601C14.7581 23.782 16.1221 23.3836 17.4672 22.6969C17.6735 22.5915 17.7133 22.5633 17.6852 22.5399C17.6664 22.5258 16.7876 21.347 15.733 19.9222L13.816 17.3326L11.4139 13.7775C10.0922 11.823 9.00479 10.2247 8.99541 10.2247C8.98604 10.2224 8.97666 11.8019 8.97198 13.7306C8.96495 17.1076 8.9626 17.2435 8.92042 17.3232C8.85949 17.4381 8.81262 17.4849 8.71419 17.5365C8.6392 17.574 8.57358 17.581 8.21971 17.581H7.81428L7.70647 17.513C7.63617 17.4685 7.58461 17.4099 7.54946 17.342L7.50025 17.2365L7.50493 12.5377L7.51196 7.83665L7.58461 7.74525C7.62211 7.69603 7.70179 7.63276 7.75803 7.60229C7.85412 7.55542 7.89161 7.55074 8.29704 7.55074C8.77512 7.55074 8.8548 7.56948 8.97901 7.70541C9.01416 7.74291 10.3148 9.70209 11.8709 12.062C13.427 14.4219 15.5549 17.6443 16.6001 19.2262L18.4984 22.1017L18.5945 22.0384C19.4452 21.4853 20.3451 20.6979 21.0575 19.8777C22.5738 18.1364 23.551 16.0132 23.8791 13.7493C23.9752 13.0908 23.9869 12.8963 23.9869 12.0034C23.9869 11.1105 23.9752 10.916 23.8791 10.2575C23.2276 5.7556 20.024 1.97316 15.6791 0.57173C14.9128 0.323317 14.0973 0.15224 13.1833 0.0491253C12.9583 0.0256901 11.4092 -8.86405e-05 11.2147 0.0186595ZM16.1221 7.26951C16.2345 7.32576 16.3259 7.43356 16.3588 7.54605C16.3775 7.60698 16.3822 8.90998 16.3775 11.8464L16.3705 16.0601L15.6276 14.9211L14.8823 13.7822V10.7192C14.8823 8.7389 14.8917 7.62573 14.9058 7.57183C14.9433 7.44059 15.0253 7.33748 15.1378 7.27654C15.2339 7.22733 15.269 7.22264 15.637 7.22264C15.9838 7.22264 16.0447 7.22733 16.1221 7.26951Z" fill="white" fill-opacity="0.85"></path><path d="M18.3813 22.1532C18.2993 22.2048 18.2735 22.2399 18.3462 22.2001C18.3977 22.1696 18.4821 22.1063 18.468 22.104C18.461 22.104 18.4212 22.1274 18.3813 22.1532ZM18.2196 22.2587C18.1774 22.2915 18.1774 22.2938 18.229 22.2681C18.2571 22.254 18.2806 22.2376 18.2806 22.2329C18.2806 22.2141 18.2688 22.2188 18.2196 22.2587ZM18.1025 22.329C18.0603 22.3618 18.0603 22.3641 18.1118 22.3384C18.1399 22.3243 18.1634 22.3079 18.1634 22.3032C18.1634 22.2845 18.1517 22.2891 18.1025 22.329ZM17.9853 22.3993C17.9431 22.4321 17.9431 22.4344 17.9947 22.4087C18.0228 22.3946 18.0462 22.3782 18.0462 22.3735C18.0462 22.3548 18.0345 22.3594 17.9853 22.3993ZM17.8072 22.493C17.7181 22.5399 17.7228 22.5586 17.8119 22.5141C17.8517 22.493 17.8822 22.4719 17.8822 22.4672C17.8822 22.4508 17.8798 22.4532 17.8072 22.493Z" fill="white" fill-opacity="0.7"></path></g><defs><clipPath id="clip0_2557_9914"><rect width="24" height="24" fill="white"></rect></clipPath></defs></svg></svg></div><div class="g-tabs__item-title">Next.js</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Vite"><div class="g-tabs__item-content"><div class="g-tabs__item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg></svg></div><div class="g-tabs__item-title">Vite</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Remix"><div class="g-tabs__item-content"><div class="g-tabs__item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_i_2991_14985)"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.8951 21.5001C20.8919 20.4863 20.8693 19.4073 20.7094 17.4236C20.4787 15.1021 19.2268 13.9255 17.0854 13.5121C19.6222 13.194 21 11.0478 21 8.5C21 4.5 19 2 13.4616 2H4C3.72386 2 3.5 2.22386 3.5 2.5V5.7858C3.5 6.06194 3.72386 6.2858 4 6.2858H12.3782C14.8443 6.2858 15.8308 7.2382 15.8308 8.6668C15.8308 10.0954 14.8443 11.0478 12.3782 11.0478H4C3.72386 11.0478 3.5 11.2717 3.5 11.5478V14.8336C3.5 15.1097 3.72386 15.3336 4 15.3336H10.4053H12C13.9729 15.3336 15.1088 15.8971 15.2735 18.1868C15.3885 19.6304 15.3759 20.214 15.3615 20.8793C15.3603 20.9348 15.3591 20.9908 15.3579 21.048C15.3556 21.1636 15.3555 21.3299 15.3561 21.5C15.3569 21.7761 15.5818 22 15.8579 22H20.3957C20.6718 22 20.896 21.7762 20.8951 21.5001ZM3.5 21.4997C3.5 21.7759 3.72386 21.9997 4 21.9997H10.5C10.7761 21.9997 11 21.7759 11 21.4997V20.0002C11 19.1717 10.3302 18.5002 9.50174 18.5002H3.99723C3.72108 18.5002 3.5 18.724 3.5 19.0002V21.4997Z" fill="#AAF3EB"></path></g><defs><filter id="filter0_i_2991_14985" x="3.5" y="2" width="17.5" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation="1"></feGaussianBlur><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0.130106 0 0 0 0 0.854395 0 0 0 0 0.854395 0 0 0 1 0"></feColorMatrix><feBlend mode="normal" in2="shape" result="effect1_innerShadow_2991_14985"></feBlend></filter></defs></svg></svg></div><div class="g-tabs__item-title">Remix</div></div></div></div></div><div class="gravity-ui-landing-templates__commands-wrapper"><pre><code class="gravity-ui-landing-templates__commands">npx create-react-app my-app <span class="token parameter variable">--template</span> gravity-ui-pure
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/58ac9afbacb44c1e.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/58ac9afbacb44c1e.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/f1d55a7418659088.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/f1d55a7418659088.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/542b42c45f9794d4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/542b42c45f9794d4.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/5e540c6c59d90d8c.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5e540c6c59d90d8c.css" crossorigin="" data-n-p=""/><link rel="preload" href="/_next/static/css/03d5dda4c47a80a4.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/03d5dda4c47a80a4.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/bee240a3-9b12f04e83c1245e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2083-51ca91edb7e4ede9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5031-cd612d5ec6e0b0ac.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5303-4d496b101eb2e098.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5237-09f49a8b48d3230e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3740-0667d7da11b67bbf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2315-ec82473a3dcdfab2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6383-e02be82fd9debf55.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3849-64b52a143be6bcc1.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4294-36ec17761afac322.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1355-92b3d0302fdc2eb9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5706-4541e96504eaab52.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3066-98496c872f09593c.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5607-2d193e75acfc5a22.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9712-61dae95d63c1725b.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6687-efe98ebd459d5ea9.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/5194-f21ffdba2b385d80.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/7825-68fc05ac92dd3a38.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3551-c1f4011a0b31cff2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/rtl-ddec33390cf8d05d.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div class="gravity-ui-landing-layout"><div class="gravity-ui-landing-layout__menu" id="menu"><div class="gravity-ui-landing-menu"><div class="gravity-ui-landing-menu__wrapper"><a class="gravity-ui-landing-menu__logo" href="/"><span class="gravity-ui-landing-menu__logo-image"></span></a><div class="gravity-ui-landing-menu__desktop-menu"><div class="gravity-ui-landing-menu__desktop-menu-items"><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__desktop-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div></div><nav class="gravity-ui-landing-menu__desktop-social-links"><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__desktop-social-links-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></a></div></nav><div class="gravity-ui-landing-menu__mobile-menu-button-wrapper"><div class="gravity-ui-landing-menu__mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="currentColor"></path><path d="M0 8C0 7.44772 0.447715 7 1 7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H1C0.447715 9 0 8.55228 0 8Z" fill="currentColor"></path><path d="M1 14C0.447715 14 0 14.4477 0 15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H1Z" fill="currentColor"></path></svg></svg></div></div></div><div class="gravity-ui-landing-menu__mobile-menu"><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><div class="gravity-ui-landing-menu__mobile-menu-items"><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/libraries">Libraries</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/components/uikit">Components</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/design">Design</a></div><div class="gravity-ui-landing-menu__mobile-menu-item"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_lg" href="/icons">Icons</a></div></div><div class="gravity-ui-landing-menu__mobile-social-links"><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://t.me/gravity_ui" target="_blank"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div><div class="gravity-ui-landing-menu__mobile-social-link"><a class="gravity-ui-landing-menu__link gravity-ui-landing-menu__link_social" href="https://github.com/gravity-ui" target="_blank"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-menu__link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></a></div></div></div></div></div></div></div></div></div><div class="gravity-ui-landing-layout__wrapper" id="content"><div class="gravity-ui-landing-layout__content"><div class="g-root g-root_theme_dark pc-page-constructor"><div class="pc-page-constructor__wrapper"><div class="pc-AnimateBlock false pc-BackgroundMedia pc-page-constructor__background"><span style="font-size:0"></span><div class="pc-Media pc-BackgroundMedia__media"><div style="transform:translateY(0px)"><div class="pc-storage-background-image pc-media-component-image__item pc-BackgroundMedia__image" style="height:720px" data-qa="background-image"><picture data-qa="background-image-image"><img class="pc-storage-background-image__img" src="/_next/static/media/background.3ae5f4da.jpg" style="height:720px"/></picture></div></div></div></div><div class="pc-layout"><main class="pc-layout__content"><div class="pc-Grid"><div class="container-fluid "><div class="row pc-constructor-row"><div class="col"><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_custom-header"><div class="pc-AnimateBlock false gravity-ui-landing-custom-header"><span style="font-size:0"></span><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-12 col-lg-12"><h1 class="gravity-ui-landing-custom-header__title"><span>بناء واجهات حديثة باستخدام نظام التصميم Gravity والمكتبات</span></h1><div class="gravity-ui-landing-custom-header__buttons"><button class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round gravity-ui-landing-custom-header__button" type="button"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-custom-header__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2555_8769)"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 0.500008C16.5 4 14.5 10.5 6.99999 12.5C6.99999 12.5 9.5 12 11 11C11.5 11.5 11.0976 12.3764 11 12.5L8.69813 15.7925C8.52995 16.0056 8.25978 16.1111 7.99172 16.0685C7.72366 16.0259 7.49954 15.8418 7.40571 15.5871L6.17198 12.2384C5.89879 11.5654 5.61105 11.1073 5.25819 10.7545C4.90537 10.4016 4.44729 10.1139 3.77448 9.84074L0.425567 8.60693C0.170878 8.5131 -0.0132391 8.28898 -0.055852 8.02092C-0.0984648 7.75286 0.007079 7.4827 0.220116 7.31451L3.5 5C3.62361 4.90241 4.5 4.5 5 5C4 6.5 3.49999 9.00001 3.49999 9.00001C5.5 1.5 12 -0.5 15.5 0.500008ZM4.2378 11.7763C3.36468 10.9032 1.96509 10.8872 1.11172 11.7406C0.0150749 12.8372 0.0393968 14.8595 0.0751309 15.4774C0.0820518 15.5971 0.135344 15.7078 0.220112 15.7925C0.305804 15.8782 0.417885 15.9317 0.538911 15.938C1.1616 15.9701 3.19217 15.9838 4.27357 14.9024C5.12694 14.0491 5.11093 12.6495 4.2378 11.7763Z" fill="black"></path><circle cx="11" cy="5" r="1" fill="#FFBE5C"></circle></g><defs><clipPath id="clip0_2555_8769"><rect width="16" height="16" fill="white"></rect></clipPath></defs></svg></svg></span></span><span class="g-button__text">كيف تبدأ</span></button><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round gravity-ui-landing-custom-header__button" href="https://github.com/gravity-ui" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__icon g-button__icon_side_start"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-custom-header__button-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg></span></span><span class="g-button__text">GitHub</span></a></div></div></div></div></div></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_custom-extended-features"><div class="gravity-ui-landing-custom-extended-features"><span style="font-size:0"></span><div class="gravity-ui-landing-custom-extended-features__items"><div class="row"><div class="col  col-12 col-md-12 col-lg-4 gravity-ui-landing-custom-extended-features__item"><div class="gravity-ui-landing-custom-extended-features-feature-item"><div class="gravity-ui-landing-custom-extended-features-feature-item__content" style="background-color:rgba(37, 27, 37, 0.5);backdrop-filter:blur(60px)"><picture><img class="gravity-ui-landing-custom-extended-features-feature-item__icon" src="_next/static/media/feature-union.1b4ca5e2.svg"/></picture><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>قائم على تجربة واقعية</span></h5></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">«تم تصميمه كحل داخلي استجابة لاحتياجات المطورين الحقيقية، حيث قمنا بإصدار Gravity لمجتمع المصادر المفتوحة.»،</div></div></div></div><div class="col  col-12 col-md-12 col-lg-4 gravity-ui-landing-custom-extended-features__item"><div class="gravity-ui-landing-custom-extended-features-feature-item"><div class="gravity-ui-landing-custom-extended-features-feature-item__content" style="background-color:rgba(37, 27, 37, 0.5);backdrop-filter:blur(60px)"><picture><img class="gravity-ui-landing-custom-extended-features-feature-item__icon" src="_next/static/media/feature-star.8811f477.svg"/></picture><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>تصميم من الفئة الأولى</span></h5></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">يقوم المصممون ذوو الخبرة بتصميم شكل مكتباتنا، مما يضمن أن تكون المكونات أنيقة ومتسقة، مع إتاحة الوضع الداكن والسمات عالية التباين.</div></div></div></div><div class="col  col-12 col-md-12 col-lg-4 gravity-ui-landing-custom-extended-features__item"><div class="gravity-ui-landing-custom-extended-features-feature-item"><div class="gravity-ui-landing-custom-extended-features-feature-item__content" style="background-color:rgba(37, 27, 37, 0.5);backdrop-filter:blur(60px)"><picture><img class="gravity-ui-landing-custom-extended-features-feature-item__icon" src="_next/static/media/feature-shield.72b40acf.svg"/></picture><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>منظومة متطورة</span></h5></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">تسمح لنا التعليقات المنتظمة من مجتمع المطورين لدينا بتحسين مكتباتنا بشكل مستمر، وكسر التوافق فقط عند الضرورة.</div></div></div></div></div></div></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_examples"><div class="pc-AnimateBlock false gravity-ui-landing-examples"><span style="font-size:0"></span><div class="gravity-ui-landing-examples__header-wrapper"><h2 class="gravity-ui-landing-examples__header-title"><span>أمثلة</span></h2><div class="gravity-ui-landing-examples__controls"><div class="gravity-ui-landing-examples__control gravity-ui-landing-examples__control_type_color"><div class="g-select g-select_width_max"><div class="g-select-control g-select-control_size_xl g-select-control_pin_round-round g-select-control_has-value" role="group"><button role="combobox" aria-controls="select-popup-g-:R1j8vad6:" class="g-select-control__button g-select-control__button_size_xl g-select-control__button_view_normal g-select-control__button_pin_round-round" aria-haspopup="listbox" aria-expanded="false" type="button"><span class="g-select-control__option-text"><div class="gravity-ui-landing-examples__color-option"><div class="gravity-ui-landing-examples__color-option-icon gravity-ui-landing-examples__color-option-icon_color_yellow"></div>أصفر</div></span></button><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon g-select-control__chevron-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.97 5.47a.75.75 0 0 1 1.06 0L8 9.44l3.97-3.97a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0l-4.5-4.5a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path></svg></svg></div></div></div><div class="gravity-ui-landing-examples__control gravity-ui-landing-examples__control_type_theme"><div role="radiogroup" class="g-radio-button g-radio-button_size_xl"><div class="g-radio-button__plate" hidden=""></div><label class="g-radio-button__option g-radio-button__option_checked"><input name="g-:R2j8vad6:" type="radio" aria-checked="true" class="g-radio-button__option-control" checked="" value="dark"/><span class="g-radio-button__option-outline"></span><span class="g-radio-button__option-text g-radio-button__option-text_icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-examples__theme-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.9062 11.875C13.5654 11.875 13.1763 12 12.8125 12C9.84375 12 7.375 9.59375 7.375 6.5C7.375 4.53125 8.40625 2.71875 10.125 1.75C10.4062 1.59375 10.3438 1.1875 10.0312 1.125C9.6875 1.0625 9.125 1 8.75 1C4.875 1 1.75 4.15625 1.75 8C1.75 11.875 4.875 15 8.71875 15C10.875 15 12.8438 14.0312 14.1562 12.4375C14.3438 12.1875 14.1562 11.875 13.9062 11.875ZM8.71875 13.5C5.6875 13.5 3.25 11.0312 3.25 8C3.25 5.625 4.75 3.59375 6.875 2.84375C6.21875 3.90625 5.84375 5.1875 5.84375 6.5C5.84375 9.625 7.875 12.25 10.6875 13.1562C10.0625 13.4062 9.40625 13.5 8.71875 13.5Z" fill="currentColor" fill-opacity="0.85"></path></svg></svg></span></label><label class="g-radio-button__option"><input name="g-:R2j8vad6:" type="radio" aria-checked="false" class="g-radio-button__option-control" value="light"/><span class="g-radio-button__option-outline"></span><span class="g-radio-button__option-text g-radio-button__option-text_icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-examples__theme-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.25 4.5C6.3125 4.5 4.75 6.09375 4.75 8C4.75 9.9375 6.3125 11.5 8.25 11.5C10.1562 11.5 11.75 9.9375 11.75 8C11.75 6.09375 10.1562 4.5 8.25 4.5ZM8.25 10C7.125 10 6.25 9.125 6.25 8C6.25 6.90625 7.125 6 8.25 6C9.34375 6 10.25 6.90625 10.25 8C10.25 9.125 9.34375 10 8.25 10ZM8.25 3.5C8.65625 3.5 9 3.1875 9 2.75V0.75C9 0.34375 8.65625 0 8.25 0C7.8125 0 7.5 0.34375 7.5 0.75V2.75C7.5 3.1875 7.8125 3.5 8.25 3.5ZM8.25 12.5C7.8125 12.5 7.5 12.8438 7.5 13.25V15.25C7.5 15.6875 7.8125 16 8.25 16C8.65625 16 9 15.6875 9 15.25V13.25C9 12.8438 8.65625 12.5 8.25 12.5ZM15.5 7.25H13.5C13.0625 7.25 12.75 7.59375 12.75 8C12.75 8.4375 13.0625 8.75 13.5 8.75H15.5C15.9062 8.75 16.25 8.4375 16.25 8C16.25 7.59375 15.9062 7.25 15.5 7.25ZM3.75 8C3.75 7.59375 3.40625 7.25 3 7.25H1C0.5625 7.25 0.25 7.59375 0.25 8C0.25 8.4375 0.5625 8.75 1 8.75H3C3.40625 8.75 3.75 8.4375 3.75 8ZM12.4688 11.1875C12.1875 10.9062 11.7188 10.9062 11.4062 11.1875C11.125 11.5 11.125 11.9688 11.4062 12.25L12.8438 13.6875C12.9688 13.8125 13.1562 13.9062 13.375 13.9062C13.5625 13.9062 13.75 13.8125 13.9062 13.6875C14.1875 13.375 14.1875 12.9062 13.9062 12.625L12.4688 11.1875ZM4 4.84375C4.125 4.96875 4.34375 5.0625 4.53125 5.0625C4.71875 5.0625 4.90625 4.96875 5.0625 4.84375C5.34375 4.53125 5.34375 4.0625 5.0625 3.78125L3.625 2.34375C3.34375 2.0625 2.875 2.0625 2.5625 2.34375C2.28125 2.65625 2.28125 3.125 2.5625 3.40625L4 4.84375ZM11.9375 5.0625C12.125 5.0625 12.3438 4.96875 12.4688 4.84375L13.9062 3.40625C14.1875 3.125 14.1875 2.65625 13.9062 2.34375C13.5938 2.0625 13.125 2.0625 12.8438 2.34375L11.4062 3.78125C11.125 4.0625 11.125 4.53125 11.4062 4.84375C11.5625 4.96875 11.75 5.0625 11.9375 5.0625ZM4 11.1875L2.5625 12.625C2.28125 12.9062 2.28125 13.375 2.5625 13.6875C2.71875 13.8125 2.90625 13.9062 3.09375 13.9062C3.3125 13.9062 3.5 13.8125 3.625 13.6875L5.0625 12.25C5.34375 11.9688 5.34375 11.5 5.0625 11.1875C4.75 10.9062 4.28125 10.9062 4 11.1875Z" fill="currentColor"></path></svg></svg></span></label></div></div></div><div><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_circle-circle" href="https://preview.gravity-ui.com/uikit" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">Storybook</span></a></div></div><div class="gravity-ui-landing-examples__showcase-wrapper"><div class="g-root g-root_theme_dark g-root_native-scrollbar gravity-ui-landing-examples-showcase gravity-ui-landing-examples-showcase gravity-ui-landing-examples-showcase_color_yellow gravity-ui-landing-examples-showcase_theme_dark" dir="rtl"><div class="gravity-ui-landing-examples-showcase__row"><div class="gravity-ui-landing-examples-showcase__col"><div class="gravity-ui-landing-examples-showcase__sub-row"><div class="gravity-ui-landing-examples-showcase__sub-col"><div class="gravity-ui-landing-examples-showcase__col-item"><div class="gravity-ui-landing-examples-showcase__col-item-elem gravity-ui-landing-examples-showcase__col-item-elem_sm-gap"><button class="g-button g-button_view_action g-button_size_xl g-button_pin_round-round" type="button"><span class="g-button__text">Action</span></button></div><div class="gravity-ui-landing-examples-showcase__col-item-elem gravity-ui-landing-examples-showcase__col-item-elem_sm-gap"><button class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round" type="button"><span class="g-button__text">Normal</span></button></div></div><div class="gravity-ui-landing-examples-showcase__col-item"><div class="gravity-ui-landing-examples-showcase__col-item-elem"><div class="g-loader g-loader_size_l"><div class="g-loader__left"></div><div class="g-loader__center"></div><div class="g-loader__right"></div></div></div><div class="gravity-ui-landing-examples-showcase__col-item-elem"><div class="g-spin g-spin_size_m"><div class="g-spin__inner"></div></div></div></div><div class="gravity-ui-landing-examples-showcase__col-item"><div class="gravity-ui-landing-examples-showcase__col-item-elem"><label class="g-control-label g-control-label_size_l g-checkbox g-checkbox_size_l"><span class="g-control-label__indicator g-checkbox__indicator"><span class="g-checkbox__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10" width="16" height="16" fill="currentColor" class="g-checkbox__icon-svg g-checkbox__icon-svg_type_tick"><path d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"></path></svg></span><input type="checkbox" aria-checked="false" class="g-checkbox__control"/><span class="g-checkbox__outline"></span></span></label></div><div class="gravity-ui-landing-examples-showcase__col-item-elem"><div role="radiogroup" class="g-radio-group g-radio-group_size_l g-radio-group_direction_horizontal"><label class="g-control-label g-control-label_size_l g-radio g-radio_size_l g-radio_checked g-radio-group__option"><span class="g-control-label__indicator g-radio__indicator"><span class="g-radio__disc"></span><input name="g-:R1dd8vad6:" type="radio" aria-checked="true" class="g-radio__control" checked="" value="0"/><span class="g-radio__outline"></span></span></label><label class="g-control-label g-control-label_size_l g-radio g-radio_size_l g-radio-group__option"><span class="g-control-label__indicator g-radio__indicator"><span class="g-radio__disc"></span><input name="g-:R1dd8vad6:" type="radio" aria-checked="false" class="g-radio__control" value="1"/><span class="g-radio__outline"></span></span></label></div></div><div class="gravity-ui-landing-examples-showcase__col-item-elem"><label class="g-control-label g-control-label_size_m g-switch g-switch_size_m"><span class="g-control-label__indicator g-switch__indicator"><input role="switch" type="checkbox" aria-checked="false" class="g-switch__control"/><span class="g-switch__outline"></span><span class="g-switch__slider"></span></span></label></div></div></div><div class="gravity-ui-landing-examples-showcase__sub-col"><div class="gravity-ui-landing-examples-showcase__col-item"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_m"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="Active tab"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Active tab</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Inactive tab"><div class="g-tabs__item-content"><div class="g-tabs__item-title">Inactive tab</div></div></div></div></div><div class="gravity-ui-landing-examples-showcase__col-item"><div role="radiogroup" class="g-radio-button g-radio-button_size_l"><div class="g-radio-button__plate" hidden=""></div><label class="g-radio-button__option g-radio-button__option_checked"><input name="group2" type="radio" aria-checked="true" class="g-radio-button__option-control" checked="" value="all"/><span class="g-radio-button__option-outline"></span><span class="g-radio-button__option-text">All</span></label><label class="g-radio-button__option"><input name="group2" type="radio" aria-checked="false" class="g-radio-button__option-control" value="my"/><span class="g-radio-button__option-outline"></span><span class="g-radio-button__option-text">My</span></label></div></div><div class="gravity-ui-landing-examples-showcase__col-item"><div class="g-label g-label_theme_info g-label_size_m"><div class="g-label__text"><div class="g-label__content">Accent</div></div></div></div></div></div></div><div class="gravity-ui-landing-examples-showcase__col gravity-ui-landing-examples-showcase__col_stretch"><div class="gravity-ui-landing-examples-showcase__table-wrapper"><div class="g-table"><table class="g-table__table"><thead class="g-table__head"><tr class="g-table__row"><th class="g-table__cell g-table__cell_edge-padding g-table__checkbox_cell"><label class="g-control-label g-control-label_size_l g-checkbox g-checkbox_size_l g-table__selection-checkbox"><span class="g-control-label__indicator g-checkbox__indicator"><span class="g-checkbox__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10" width="16" height="16" fill="currentColor" class="g-checkbox__icon-svg g-checkbox__icon-svg_type_tick"><path d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"></path></svg></span><input aria-label="Select" type="checkbox" aria-checked="false" class="g-checkbox__control"/><span class="g-checkbox__outline"></span></span></label></th><th class="g-table__cell g-table__cell_edge-padding">Title</th><th class="g-table__cell g-table__cell_edge-padding">Created by</th><th class="g-table__cell g-table__cell_edge-padding">Updated</th><th class="g-table__cell g-table__cell_edge-padding">Created</th><th class="g-table__cell g-table__cell_edge-padding"></th></tr></thead><tbody class="g-table__body"><tr class="g-table__row"><td class="g-table__cell g-table__cell_edge-padding g-table__checkbox_cell"><label class="g-control-label g-control-label_size_l g-checkbox g-checkbox_size_l g-table__selection-checkbox"><span class="g-control-label__indicator g-checkbox__indicator"><span class="g-checkbox__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10" width="16" height="16" fill="currentColor" class="g-checkbox__icon-svg g-checkbox__icon-svg_type_tick"><path d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"></path></svg></span><input aria-label="Select" type="checkbox" aria-checked="false" class="g-checkbox__control"/><span class="g-checkbox__outline"></span></span></label></td><td class="g-table__cell g-table__cell_edge-padding">Weekly Sync</td><td class="g-table__cell g-table__cell_edge-padding"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled" role="img"><img class="g-avatar__image" width="32" height="32" src="/_next/static/media/avatar-1.e45be798.png"/></div></td><td class="g-table__cell g-table__cell_edge-padding">28.06.2022</td><td class="g-table__cell g-table__cell_edge-padding">26.06.2022</td><td class="g-table__cell g-table__cell_edge-padding"><div class="gravity-ui-landing-examples-showcase__star"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div></td></tr><tr class="g-table__row g-table__row_selected"><td class="g-table__cell g-table__cell_edge-padding g-table__checkbox_cell"><label class="g-control-label g-control-label_size_l g-checkbox g-checkbox_size_l g-checkbox_checked g-table__selection-checkbox"><span class="g-control-label__indicator g-checkbox__indicator"><span class="g-checkbox__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10" width="16" height="16" fill="currentColor" class="g-checkbox__icon-svg g-checkbox__icon-svg_type_tick"><path d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"></path></svg></span><input aria-label="Select" type="checkbox" aria-checked="true" class="g-checkbox__control" checked=""/><span class="g-checkbox__outline"></span></span></label></td><td class="g-table__cell g-table__cell_edge-padding">Campaign brainstorm</td><td class="g-table__cell g-table__cell_edge-padding"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled" role="img"><img class="g-avatar__image" width="32" height="32" src="/_next/static/media/avatar-2.3a073e9b.png"/></div></td><td class="g-table__cell g-table__cell_edge-padding">7.06.2022</td><td class="g-table__cell g-table__cell_edge-padding">16.06.2022</td><td class="g-table__cell g-table__cell_edge-padding"><div class="gravity-ui-landing-examples-showcase__star"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.26367 1.58203L5.61328 4.95898L1.88086 5.49219C1.2207 5.59375 0.966797 6.40625 1.44922 6.88867L4.11523 9.50391L3.48047 13.1855C3.37891 13.8457 4.08984 14.3535 4.67383 14.0488L8 12.2969L11.3008 14.0488C11.8848 14.3535 12.5957 13.8457 12.4941 13.1855L11.8594 9.50391L14.5254 6.88867C15.0078 6.40625 14.7539 5.59375 14.0938 5.49219L10.3867 4.95898L8.71094 1.58203C8.43164 0.998047 7.56836 0.972656 7.26367 1.58203Z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div></td></tr><tr class="g-table__row"><td class="g-table__cell g-table__cell_edge-padding g-table__checkbox_cell"><label class="g-control-label g-control-label_size_l g-checkbox g-checkbox_size_l g-table__selection-checkbox"><span class="g-control-label__indicator g-checkbox__indicator"><span class="g-checkbox__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10" width="16" height="16" fill="currentColor" class="g-checkbox__icon-svg g-checkbox__icon-svg_type_tick"><path d="M.49 5.385l1.644-1.644 4.385 4.385L4.874 9.77.49 5.385zm4.384 1.096L10.356 1 12 2.644 6.519 8.126 4.874 6.48v.001z"></path></svg></span><input aria-label="Select" type="checkbox" aria-checked="false" class="g-checkbox__control"/><span class="g-checkbox__outline"></span></span></label></td><td class="g-table__cell g-table__cell_edge-padding">Logo redesign</td><td class="g-table__cell g-table__cell_edge-padding"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled" role="img"><img class="g-avatar__image" width="32" height="32" src="/_next/static/media/avatar-3.7dd7ac15.png"/></div></td><td class="g-table__cell g-table__cell_edge-padding">7.06.2022</td><td class="g-table__cell g-table__cell_edge-padding">20.06.2022</td><td class="g-table__cell g-table__cell_edge-padding"><div class="gravity-ui-landing-examples-showcase__star"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg></div></td></tr></tbody></table></div></div></div></div></div></div></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_custom-extended-features"><div class="pc-AnimateBlock false gravity-ui-landing-custom-extended-features"><span style="font-size:0"></span><div class="gravity-ui-landing-custom-extended-features__header"><h2 class="gravity-ui-landing-custom-extended-features__header-title"><span>مكتباتنا</span></h2><div class="gravity-ui-landing-custom-extended-features__button-desktop"><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round pc-button-block pc-button-block_size_xl pc-button-block_theme_outlined" href="/libraries" aria-disabled="false"><span class="g-button__text"><span class="pc-button-block__content"><span class="pc-button-block__text">كل المكتبات</span></span></span></a></div></div><div class="gravity-ui-landing-custom-extended-features__items"><div class="row"><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/uikit"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library gravity-ui-landing-custom-extended-features-feature-item__content_primary" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>UIKit</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">526</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">Base UI components and tokens for building services with Gravity.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->6.21.0</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">16.07.2024</div></div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/page-constructor"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>Page constructor</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">32</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">A set of stylish, functional blocks for quickly creating promo and landing pages.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->5.16.1</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">04.07.2024</div></div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/chartkit"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>ChartKit</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">21</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">A data visualization suite integrated with our design system.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->5.10.1</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">09.07.2024</div></div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/dashkit"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>DashKit</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">13</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">A grid component for building interactive dashboards.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->8.7.2</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">18.07.2024</div></div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/yagr"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>Yagr</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">96</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">A high-performance canvas charts renderer, based on uPlot.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->4.3.0</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">09.04.2024</div></div></div></div></a></div><div class="col  col-12 col-md-6 col-lg-4 gravity-ui-landing-custom-extended-features__item"><a class="gravity-ui-landing-custom-extended-features-feature-item" href="/libraries/navigation"><div class="gravity-ui-landing-custom-extended-features-feature-item__content gravity-ui-landing-custom-extended-features-feature-item__content_library" style="background-color:rgba(37, 27, 37, 0.5)"><div class="gravity-ui-landing-custom-extended-features-feature-item__header"><h5 class="gravity-ui-landing-custom-extended-features-feature-item__title"><span>Navigation</span></h5><div class="gravity-ui-landing-custom-extended-features-feature-item__stars"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="19" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.493 6.25.438 1.091 1.175.08 3.997.271-3.075 2.569-.903.755.287 1.141.977 3.885-3.392-2.13-.997-.626-.997.626-3.393 2.13.977-3.885.287-1.142-.903-.754-3.074-2.569 3.997-.27 1.174-.08.439-1.093L10 2.532l1.493 3.717zm-9.655-.365 4.929-.335L8.607.966c.505-1.254 2.28-1.254 2.785 0l1.84 4.584 4.93.335c1.348.091 1.897 1.78.86 2.647L15.23 11.7l1.205 4.79c.33 1.312-1.107 2.356-2.252 1.637L10 15.5l-4.184 2.627c-1.145.719-2.582-.325-2.252-1.637l1.205-4.79L.978 8.532c-1.038-.867-.489-2.556.86-2.647z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__stars-count">21</div></div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__text">A compact and extensible navigation panel for complex services.</div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info"><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.808 7.768a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" fill="currentColor" fill-opacity="0.5"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.526 11.075c-.36-.36-.558-.85-.548-1.36l.11-6.077a1.875 1.875 0 0 1 1.84-1.84l6.077-.11c.51-.01 1 .188 1.36.548l7.108 7.108c.732.732.732 1.92 0 2.651l-6.187 6.188a1.875 1.875 0 0 1-2.652 0l-7.108-7.108zm7.514-7.513 7.107 7.107-6.187 6.188-7.108-7.108.11-6.077 6.077-.11z" fill="currentColor" fill-opacity="0.5"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-version">v<!-- -->2.16.0</div></div><div class="gravity-ui-landing-custom-extended-features-feature-item__release-info-block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg"><path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:0.5" d="M4.945 5.219a.834.834 0 0 1-.836-.832v-.832c-.918 0-1.664.75-1.664 1.668v1.113h11.11V5.223c0-.918-.746-1.668-1.664-1.668v.836a.834.834 0 0 1-1.668 0v-.836H5.777v.832a.83.83 0 0 1-.832.832zm5.278-3.328H5.777v-.836a.834.834 0 1 0-1.668 0v.836A3.333 3.333 0 0 0 .777 5.223v6.668a3.333 3.333 0 0 0 3.332 3.332h7.782a3.333 3.333 0 0 0 3.332-3.332V5.223A3.333 3.333 0 0 0 11.89 1.89v-.836a.836.836 0 0 0-.836-.832.833.833 0 0 0-.832.832zM2.445 8v3.89c0 .919.746 1.665 1.664 1.665h7.782c.918 0 1.664-.746 1.664-1.664V8zm0 0"></path></svg></svg><div class="gravity-ui-landing-custom-extended-features-feature-item__release-date">27.06.2024</div></div></div></div></a></div></div></div><div class="gravity-ui-landing-custom-extended-features__button-mobile"><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_round-round pc-button-block pc-button-block_size_xl pc-button-block_theme_outlined" href="/libraries" aria-disabled="false"><span class="g-button__text"><span class="pc-button-block__content"><span class="pc-button-block__text">كل المكتبات</span></span></span></a></div></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_roadmap"><div class="pc-AnimateBlock false gravity-ui-landing-roadmap-block"><span style="font-size:0"></span><h2 class="gravity-ui-landing-roadmap-block__title" data-section="roadmap"><span>خارطة الطريق</span></h2><ul class="gravity-ui-landing-roadmap"><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_completed"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_completed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-3.9-1.55a.75.75 0 1 0-1.2-.9L7.419 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08l3-4Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Date Components:</b> new library for working with date and time</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_completed"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_completed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-3.9-1.55a.75.75 0 1 0-1.2-.9L7.419 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08l3-4Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>UIKit:</b> Right-to-left languages support</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_progress"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_progress"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 4.5a.75.75 0 0 0-1.5 0V8a.75.75 0 0 0 .3.6l2 1.5a.75.75 0 1 0 .9-1.2l-1.7-1.275V4.5Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>UIKit:</b> improvements in digital accessibility</span><span class="gravity-ui-landing-roadmap-item__status">In progress</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_progress"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_progress"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 4.5a.75.75 0 0 0-1.5 0V8a.75.75 0 0 0 .3.6l2 1.5a.75.75 0 1 0 .9-1.2l-1.7-1.275V4.5Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Figma:</b> color theme template builder</span><span class="gravity-ui-landing-roadmap-item__status">In progress</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_progress"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_progress"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 4.5a.75.75 0 0 0-1.5 0V8a.75.75 0 0 0 .3.6l2 1.5a.75.75 0 1 0 .9-1.2l-1.7-1.275V4.5Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Development farm</b></span><span class="gravity-ui-landing-roadmap-item__status">In progress</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_completed"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_completed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-3.9-1.55a.75.75 0 1 0-1.2-.9L7.419 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08l3-4Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Docs:</b> Date Components in Components section</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_progress"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon gravity-ui-landing-roadmap-icon_progress"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 4.5a.75.75 0 0 0-1.5 0V8a.75.75 0 0 0 .3.6l2 1.5a.75.75 0 1 0 .9-1.2l-1.7-1.275V4.5Z" clip-rule="evenodd"></path></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>UIKit:</b> emoji picker, color picker, label input and range input components</span><span class="gravity-ui-landing-roadmap-item__status">In progress</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_planned"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="6.25" stroke="currentColor" stroke-width="3.5"></circle></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>UIKit:</b> migration to Floating UI</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_planned"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="6.25" stroke="currentColor" stroke-width="3.5"></circle></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Docs:</b> Page constructor in Components section</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_planned"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="6.25" stroke="currentColor" stroke-width="3.5"></circle></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>UIKit:</b> extended mobile support</span></div></div></li><li class="gravity-ui-landing-roadmap-item gravity-ui-landing-roadmap-item_planned"><div class="gravity-ui-landing-roadmap-item__separator"><div class="gravity-ui-landing-roadmap-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" class="g-icon gravity-ui-landing-roadmap-icon__icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="6.25" stroke="currentColor" stroke-width="3.5"></circle></svg></svg></div></div><div class="gravity-ui-landing-roadmap-item__wrapper"><div class="gravity-ui-landing-roadmap-item__content"><span><b>Page constructor:</b> footer block</span></div></div></li></ul></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_templates"><div></div><div class="pc-AnimateBlock false gravity-ui-landing-templates-block"><span style="font-size:0"></span><h2 class="gravity-ui-landing-templates-block__title" data-section="templates"><span>بدء المزامنة مع واجهة استخدام Gravity&nbsp;</span></h2><section class="gravity-ui-landing-templates"><div class="gravity-ui-landing-templates__tabs-wrapper"><div role="tablist" class="g-tabs g-tabs_direction_horizontal g-tabs_size_xl gravity-ui-landing-templates__tabs"><div role="tab" aria-selected="true" aria-disabled="false" tabindex="0" class="g-tabs__item g-tabs__item_active" title="CRA"><div class="g-tabs__item-content"><div class="g-tabs__item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2679_46051)"><path d="M116.64 64.2204C116.64 56.8415 107.954 50.2979 94.5995 46.3032C97.8124 32.734 96.4095 21.9387 90.0158 18.2867C88.4481 17.416 86.679 16.9728 84.8859 17.0016C78.9206 17.0016 71.381 21.1676 63.7665 28.3752C56.1519 21.2212 48.6337 17.0765 42.6792 17.0765C40.8583 17.0363 39.0603 17.4876 37.4743 18.3831C31.1128 22.0458 29.7955 32.7769 32.9655 46.2817C19.6749 50.255 11.0322 56.7451 11.0108 64.0919C10.9893 71.4387 19.707 78.0144 33.0619 81.9984C29.849 95.5783 31.2413 106.363 37.6456 110.015C39.2076 110.89 40.9746 111.334 42.7649 111.3C48.7408 111.3 56.2804 107.134 63.895 99.9264C71.4988 107.08 79.017 111.225 84.9823 111.225C86.8024 111.259 88.5987 110.808 90.1872 109.919C96.5487 106.256 97.8553 95.5247 94.6959 82.0734C107.987 78.0466 116.629 71.5565 116.64 64.2204ZM68.6715 30.7956C77.4427 22.9454 82.926 22.0993 84.8752 22.0993C85.7792 22.0703 86.6743 22.2848 87.4669 22.7205C90.5299 24.4662 91.7508 30.6242 90.7762 38.785C90.5266 40.8691 90.1691 42.9388 89.7052 44.9859C85.2674 43.9544 80.7669 43.2138 76.2325 42.769C73.5323 38.9798 70.5843 35.3735 67.4077 31.9736C67.804 31.5774 68.2324 31.1811 68.6715 30.7956ZM42.1223 70.2928C42.9576 71.8992 43.8465 73.5057 44.7676 75.1228C45.6886 76.74 46.6525 78.3786 47.7234 79.9957C44.8211 79.578 42.0045 79.0533 39.3271 78.4321C40.0767 75.7119 41.0299 73.0345 42.1223 70.2928ZM39.1557 49.9016C41.8652 49.2697 44.7033 48.745 47.6484 48.338C46.5775 49.923 45.6565 51.5509 44.6926 53.2537C43.7287 54.9566 42.8827 56.4666 42.058 58.0945C40.9656 55.31 39.9982 52.579 39.1557 49.9016ZM44.7354 64.1883C46.0634 61.3823 47.5235 58.5764 49.1157 55.7705C50.7221 52.9646 52.4464 50.2336 54.2242 47.6204C57.3407 47.3848 60.5536 47.2563 63.8629 47.267C67.1721 47.2777 70.2886 47.3955 73.3837 47.6419C75.1615 50.2336 76.8644 52.9967 78.4708 55.7277C80.0773 58.4586 81.5552 61.3181 82.8832 64.1133C81.5659 66.9193 80.0987 69.7359 78.5136 72.5204C76.9286 75.3049 75.183 78.068 73.4052 80.6811C70.2886 80.9274 67.0758 81.0453 63.7665 81.0453C60.4572 81.0453 57.3407 80.906 54.2456 80.6597C52.4678 78.068 50.7542 75.3692 49.1478 72.5739C47.5414 69.7787 46.117 66.9835 44.7783 64.1883H44.7354ZM79.9273 48.3701C82.8403 48.7771 85.657 49.3019 88.3237 49.923C87.5312 52.5683 86.5887 55.2779 85.4963 58.0088C84.6503 56.4024 83.7721 54.7959 82.8403 53.1788C81.9086 51.5616 80.9233 49.9337 79.9702 48.3701H79.9273ZM82.8832 75.0586C83.8042 73.4379 84.6824 71.8207 85.5178 70.2071C86.5887 72.9916 87.6597 75.7333 88.4094 78.4107C85.7105 79.0426 82.8725 79.5566 79.9273 79.9636C80.9626 78.3786 81.9622 76.7436 82.926 75.0586H82.8832ZM63.7879 35.6149C65.7156 37.6712 67.6112 39.8988 69.464 42.287C67.6327 42.2121 65.7585 42.1585 63.8629 42.1585C61.9672 42.1585 60.0288 42.1585 58.1546 42.287C59.986 39.9095 61.8601 37.6712 63.7879 35.6149ZM40.0339 22.7634C40.8464 22.3312 41.7597 22.1242 42.6792 22.1636C44.6087 22.244 46.5009 22.7216 48.2375 23.5666C52.1623 25.417 55.7753 27.8667 58.9471 30.8277L60.2002 31.9736C57.0561 35.3486 54.1368 38.9262 51.4611 42.6833C46.9022 43.1249 42.3768 43.8619 37.9134 44.8895C37.4422 42.8118 37.0566 40.777 36.8424 38.8171C35.7286 30.7313 37.0138 24.5626 40.0232 22.8062L40.0339 22.7634ZM34.3685 77.0613C32.3562 76.447 30.376 75.7321 28.4353 74.9194C20.8315 71.7065 16.1193 67.5832 16.1193 64.0598C16.1193 60.5363 20.8529 56.4345 28.4461 53.2752C30.3521 52.4857 32.2966 51.7922 34.2721 51.1975C35.6109 55.6345 37.2424 59.9778 39.1557 64.199C37.2831 68.3782 35.684 72.6747 34.3685 77.0613ZM59.0007 97.5167C50.2295 105.367 44.7461 106.202 42.7863 106.202C41.8822 106.232 40.9868 106.018 40.1945 105.581C37.1316 103.835 35.9107 97.6774 36.8853 89.5166C37.134 87.436 37.4915 85.3697 37.9562 83.3264C42.3954 84.349 46.8955 85.0859 51.429 85.5326C54.1259 89.3243 57.0741 92.9308 60.2537 96.3279L59.0007 97.5167ZM63.895 92.6867C61.9672 90.6304 60.0716 88.4028 58.2082 86.0145C60.0502 86.1002 61.9244 86.1431 63.82 86.1431C65.7156 86.1431 67.6541 86.1431 69.5283 86.0253C67.6755 88.4028 65.7906 90.6304 63.8843 92.6867H63.895ZM87.649 105.538C86.8364 105.983 85.919 106.202 84.993 106.17C83.0438 106.17 77.4962 105.313 68.7572 97.4953L67.5041 96.3494C70.6446 92.9742 73.5603 89.3966 76.2325 85.6397C80.7957 85.2042 85.3251 84.4672 89.7909 83.4335C90.2621 85.5112 90.637 87.546 90.8619 89.5059C91.9221 97.581 90.6905 103.75 87.6383 105.495L87.649 105.538ZM99.2154 75.08C97.384 75.8297 95.4456 76.5258 93.3893 77.147C92.0452 72.7103 90.4103 68.3671 88.495 64.1455C90.3763 59.971 91.9826 55.6779 93.3037 51.2939C95.3159 51.9082 97.2962 52.6231 99.2368 53.4358C106.83 56.6487 111.553 60.7719 111.542 64.2954C111.531 67.8188 106.809 71.8778 99.2047 75.0372L99.2154 75.08ZM63.7879 73.9876C65.7324 73.9897 67.6338 73.4152 69.2517 72.3367C70.8697 71.2581 72.1315 69.724 72.8776 67.9284C73.6236 66.1327 73.8205 64.1562 73.4432 62.2487C73.0659 60.3411 72.1315 58.5883 70.758 57.2119C69.3846 55.8354 67.6338 54.8972 65.7271 54.5157C63.8204 54.1343 61.8434 54.3268 60.0462 55.069C58.2489 55.8112 56.712 57.0696 55.63 58.6852C54.5479 60.3008 53.9693 62.201 53.9671 64.1455C53.9643 65.4369 54.2163 66.7163 54.7085 67.9103C55.2008 69.1043 55.9238 70.1894 56.836 71.1036C57.7482 72.0178 58.8318 72.7431 60.0247 73.238C61.2176 73.7329 62.4964 73.9876 63.7879 73.9876ZM33.0512 81.9984C29.8383 95.5783 31.2306 106.363 37.6349 110.015C39.1969 110.89 40.9639 111.334 42.7541 111.3C48.7301 111.3 56.2697 107.134 63.8843 99.9264C71.4881 107.08 79.0063 111.225 84.9716 111.225C86.7917 111.259 88.5879 110.808 90.1765 109.919C96.538 106.256 97.8446 95.5247 94.6852 82.0734C107.976 78.0894 116.619 71.5994 116.629 64.2632C116.64 56.9271 107.944 50.3407 94.5888 46.346C97.8017 32.7769 96.3988 21.9816 90.0051 18.3296C88.4374 17.4589 86.6683 17.0156 84.8752 17.0444C78.9099 17.0444 71.3703 21.2105 63.7558 28.418C56.1412 21.264 48.623 17.1194 42.6685 17.1194C40.8476 17.0791 39.0496 17.5305 37.4636 18.4259C31.102 22.0886 29.7848 32.8197 32.9548 46.3246C19.6641 50.2979 11.0215 56.7879 11 64.1347C10.9786 71.4816 19.707 77.993 33.0619 81.9984H33.0512ZM58.9793 97.5167C50.2081 105.367 44.7247 106.202 42.7649 106.202C41.8608 106.232 40.9653 106.018 40.1731 105.581C37.1102 103.835 35.8893 97.6774 36.8638 89.5166C37.1126 87.436 37.47 85.3697 37.9348 83.3264C42.3739 84.349 46.8741 85.0859 51.4075 85.5326C54.1045 89.3243 57.0527 92.9308 60.2323 96.3279L58.9793 97.5167ZM85.5285 58.0088C84.6824 56.4024 83.8042 54.7959 82.8725 53.1788C81.9407 51.5616 80.9447 49.9659 79.9594 48.3701C82.8725 48.7771 85.6891 49.3019 88.3558 49.923C87.574 52.5683 86.6316 55.2779 85.5392 58.0088H85.5285ZM88.4415 78.3571C85.7427 78.989 82.9046 79.5031 79.9594 79.91C80.9662 78.325 81.9514 76.69 82.9153 75.005C83.8792 73.32 84.7574 71.7029 85.5499 70.1536C86.6744 72.9916 87.649 75.7119 88.4201 78.4107L88.4415 78.3571ZM82.8618 64.0598C81.5445 66.8657 80.0773 69.6823 78.4922 72.4668C76.9072 75.2514 75.1615 78.0144 73.3837 80.6276C70.2672 80.8739 67.0543 80.9917 63.745 80.9917C60.4358 80.9917 57.3193 80.8525 54.2242 80.6062C52.4464 78.0144 50.7328 75.3156 49.1264 72.5204C47.5199 69.7252 46.0527 66.93 44.714 64.1347C46.042 61.3288 47.5021 58.5229 49.0943 55.717C50.7007 52.911 52.425 50.1801 54.2028 47.5669C57.3193 47.3313 60.5322 47.2028 63.8414 47.2135C67.1507 47.2242 70.2672 47.342 73.3623 47.5883C75.1401 50.1801 76.8429 52.9432 78.4494 55.6741C80.0558 58.4051 81.5445 61.3181 82.8725 64.1133L82.8618 64.0598ZM47.7234 79.9957C44.8211 79.578 42.0045 79.0533 39.3271 78.4321C40.1196 75.7976 41.0727 73.0773 42.1651 70.3463C43.0005 71.9528 43.8894 73.5592 44.8104 75.1764C45.7314 76.7935 46.6525 78.3786 47.7234 79.9957ZM44.7354 53.2216C43.8037 54.828 42.9255 56.4345 42.1009 58.0624C40.9799 55.2993 39.9982 52.579 39.1557 49.9016C41.8652 49.2697 44.7033 48.745 47.6484 48.338C46.6525 49.923 45.6993 51.5616 44.7354 53.2216ZM63.8843 92.6867C61.9565 90.6304 60.0609 88.4028 58.1974 86.0145C60.0395 86.1002 61.9137 86.1431 63.8093 86.1431C65.7049 86.1431 67.6434 86.1431 69.5175 86.0253C67.6755 88.4028 65.7906 90.6304 63.8843 92.6867ZM87.6383 105.538C86.8257 105.983 85.9083 106.202 84.9823 106.17C83.0331 106.17 77.4855 105.313 68.7464 97.4953L67.4934 96.3494C70.6339 92.9742 73.5496 89.3966 76.2218 85.6397C80.785 85.2042 85.3143 84.4672 89.7802 83.4335C90.2514 85.5112 90.6263 87.546 90.8512 89.5059C91.9221 97.581 90.6905 103.75 87.6383 105.495V105.538ZM93.293 51.2832C95.3052 51.8975 97.2854 52.6124 99.2261 53.4251C106.819 56.638 111.542 60.7612 111.531 64.2847C111.521 67.8082 106.809 71.9528 99.2047 75.1121C97.3733 75.8618 95.4349 76.5579 93.3786 77.1791C92.0345 72.7425 90.3996 68.3992 88.4843 64.1776C90.369 59.9752 91.9754 55.6535 93.293 51.2403V51.2832ZM68.6608 30.8384C77.432 22.9883 82.9153 22.1422 84.8645 22.1422C85.7684 22.1132 86.6636 22.3277 87.4562 22.7634C90.5192 24.509 91.7401 30.6671 90.7655 38.8278C90.5159 40.9119 90.1584 42.9816 89.6945 45.0287C85.2567 43.9972 80.7562 43.2567 76.2218 42.8118C73.5216 39.0226 70.5735 35.4163 67.397 32.0165C67.804 31.5774 68.2324 31.1811 68.6715 30.7956L68.6608 30.8384ZM63.7879 35.6149C65.7156 37.6712 67.6112 39.8988 69.464 42.287C67.6327 42.2121 65.7585 42.1585 63.8629 42.1585C61.9672 42.1585 60.0288 42.1585 58.1546 42.287C59.986 39.9095 61.8601 37.6712 63.7879 35.6149ZM40.0339 22.7634C40.8464 22.3312 41.7597 22.1242 42.6792 22.1636C44.6087 22.244 46.5009 22.7216 48.2375 23.5666C52.1623 25.417 55.7753 27.8667 58.9471 30.8277L60.2002 31.9736C57.0561 35.3486 54.1368 38.9262 51.4611 42.6833C46.9022 43.1249 42.3768 43.8619 37.9134 44.8895C37.4422 42.8118 37.0566 40.777 36.8424 38.8171C35.7286 30.7313 37.0138 24.5626 40.0232 22.8062L40.0339 22.7634ZM28.4461 53.2752C30.3521 52.4857 32.2966 51.7922 34.2721 51.1975C35.6109 55.6345 37.2424 59.9778 39.1557 64.199C37.2762 68.3742 35.67 72.6671 34.3471 77.0506C32.3348 76.4362 30.3546 75.7214 28.4139 74.9086C20.8101 71.6957 16.0978 67.5725 16.0978 64.0491C16.0978 60.5256 20.8529 56.4345 28.4461 53.2752ZM63.7879 54.3461C61.8434 54.344 59.942 54.9185 58.324 55.9971C56.7061 57.0756 55.4443 58.6097 54.6982 60.4053C53.9521 62.201 53.7553 64.1775 54.1326 66.0851C54.5098 67.9926 55.4443 69.7454 56.8177 71.1219C58.1912 72.4983 59.942 73.4366 61.8487 73.818C63.7554 74.1995 65.7323 74.0069 67.5296 73.2647C69.3269 72.5226 70.8637 71.2641 71.9458 69.6485C73.0278 68.0329 73.6065 66.1327 73.6086 64.1883C73.6185 62.8923 73.3718 61.6072 72.8827 60.407C72.3936 59.2068 71.6718 58.1154 70.7588 57.1955C69.8459 56.2756 68.7599 55.5455 67.5635 55.0473C66.3671 54.549 65.0839 54.2925 63.7879 54.2926V54.3461ZM63.7879 54.3461C61.8434 54.344 59.942 54.9185 58.324 55.9971C56.7061 57.0756 55.4443 58.6097 54.6982 60.4053C53.9521 62.201 53.7553 64.1775 54.1326 66.0851C54.5098 67.9926 55.4443 69.7454 56.8177 71.1219C58.1912 72.4983 59.942 73.4366 61.8487 73.818C63.7554 74.1995 65.7323 74.0069 67.5296 73.2647C69.3269 72.5226 70.8637 71.2641 71.9458 69.6485C73.0278 68.0329 73.6065 66.1327 73.6086 64.1883C73.6185 62.8923 73.3718 61.6072 72.8827 60.407C72.3936 59.2068 71.6718 58.1154 70.7588 57.1955C69.8459 56.2756 68.7599 55.5455 67.5635 55.0473C66.3671 54.549 65.0839 54.2925 63.7879 54.2926V54.3461ZM63.7879 54.3461C61.8434 54.344 59.942 54.9185 58.324 55.9971C56.7061 57.0756 55.4443 58.6097 54.6982 60.4053C53.9521 62.201 53.7553 64.1775 54.1326 66.0851C54.5098 67.9926 55.4443 69.7454 56.8177 71.1219C58.1912 72.4983 59.942 73.4366 61.8487 73.818C63.7554 74.1995 65.7323 74.0069 67.5296 73.2647C69.3269 72.5226 70.8637 71.2641 71.9458 69.6485C73.0278 68.0329 73.6065 66.1327 73.6086 64.1883C73.6185 62.8923 73.3718 61.6072 72.8827 60.407C72.3936 59.2068 71.6718 58.1154 70.7588 57.1955C69.8459 56.2756 68.7599 55.5455 67.5635 55.0473C66.3671 54.549 65.0839 54.2925 63.7879 54.2926V54.3461ZM116.64 64.2418C116.64 56.8629 107.954 50.3193 94.5995 46.3246C97.8124 32.7555 96.4095 21.9601 90.0158 18.3081C88.4481 17.4374 86.679 16.9942 84.8859 17.023C78.9206 17.023 71.381 21.189 63.7665 28.3966C56.1519 21.2426 48.6337 17.0979 42.6792 17.0979C40.8583 17.0577 39.0603 17.5091 37.4743 18.4045C31.1128 22.0672 29.7955 32.7983 32.9655 46.3032C19.6749 50.2764 11.0322 56.7665 11.0108 64.1133C10.9893 71.4601 19.707 78.0358 33.0619 82.0198C29.849 95.5997 31.2413 106.384 37.6456 110.036C39.2076 110.912 40.9746 111.355 42.7649 111.321C48.7408 111.321 56.2804 107.155 63.895 99.9478C71.4988 107.102 79.017 111.247 84.9823 111.247C86.8024 111.28 88.5987 110.829 90.1872 109.94C96.5487 106.277 97.8553 95.5461 94.6959 82.0948C107.987 78.0466 116.629 71.5565 116.64 64.2204V64.2418ZM68.6715 30.7956C77.4427 22.9454 82.926 22.0993 84.8752 22.0993C85.7792 22.0703 86.6743 22.2848 87.4669 22.7205C90.5299 24.4662 91.7508 30.6242 90.7762 38.785C90.5266 40.8691 90.1691 42.9388 89.7052 44.9859C85.2674 43.9544 80.7669 43.2138 76.2325 42.769C73.5323 38.9798 70.5843 35.3735 67.4077 31.9736C67.804 31.5774 68.2324 31.1811 68.6715 30.7956ZM42.1223 70.2928C42.9576 71.8992 43.8465 73.5057 44.7676 75.1228C45.6886 76.74 46.6525 78.3786 47.7234 79.9957C44.8211 79.578 42.0045 79.0533 39.3271 78.4321C40.0767 75.7119 41.0299 73.0345 42.1223 70.2928ZM39.1557 49.9016C41.8652 49.2697 44.7033 48.745 47.6484 48.338C46.5775 49.923 45.6565 51.5509 44.6926 53.2537C43.7287 54.9566 42.8827 56.4666 42.058 58.0945C40.9656 55.31 39.9982 52.579 39.1557 49.9016ZM44.7354 64.1883C46.0634 61.3823 47.5235 58.5764 49.1157 55.7705C50.7221 52.9646 52.4464 50.2336 54.2242 47.6204C57.3407 47.3848 60.5536 47.2563 63.8629 47.267C67.1721 47.2777 70.2886 47.3955 73.3837 47.6419C75.1615 50.2336 76.8644 52.9967 78.4708 55.7277C80.0773 58.4586 81.5552 61.3181 82.8832 64.1133C81.5659 66.9193 80.0987 69.7359 78.5136 72.5204C76.9286 75.3049 75.183 78.068 73.4052 80.6811C70.2886 80.9274 67.0758 81.0453 63.7665 81.0453C60.4572 81.0453 57.3407 80.906 54.2456 80.6597C52.4678 78.068 50.7542 75.3692 49.1478 72.5739C47.5414 69.7787 46.117 66.9835 44.7783 64.1883H44.7354ZM79.9273 48.3701C82.8403 48.7771 85.657 49.3019 88.3237 49.923C87.5312 52.5683 86.5887 55.2779 85.4963 58.0088C84.6503 56.4024 83.7721 54.7959 82.8403 53.1788C81.9086 51.5616 80.9233 49.9337 79.9702 48.3701H79.9273ZM82.8832 75.0586C83.8042 73.4379 84.6824 71.8207 85.5178 70.2071C86.5887 72.9916 87.6597 75.7333 88.4094 78.4107C85.7105 79.0426 82.8725 79.5566 79.9273 79.9636C80.9626 78.3786 81.9622 76.7436 82.926 75.0586H82.8832ZM63.7879 35.6149C65.7156 37.6712 67.6112 39.8988 69.464 42.287C67.6327 42.2121 65.7585 42.1585 63.8629 42.1585C61.9672 42.1585 60.0288 42.1585 58.1546 42.287C59.986 39.9095 61.8601 37.6712 63.7879 35.6149ZM40.0339 22.7634C40.8464 22.3312 41.7597 22.1242 42.6792 22.1636C44.6087 22.244 46.5009 22.7216 48.2375 23.5666C52.1623 25.417 55.7753 27.8667 58.9471 30.8277L60.2002 31.9736C57.0561 35.3486 54.1368 38.9262 51.4611 42.6833C46.9022 43.1249 42.3768 43.8619 37.9134 44.8895C37.4422 42.8118 37.0566 40.777 36.8424 38.8171C35.7286 30.7313 37.0138 24.5626 40.0232 22.8062L40.0339 22.7634ZM34.3685 77.0613C32.3562 76.447 30.376 75.7321 28.4353 74.9194C20.8315 71.7065 16.1193 67.5832 16.1193 64.0598C16.1193 60.5363 20.8529 56.4345 28.4461 53.2752C30.3521 52.4857 32.2966 51.7922 34.2721 51.1975C35.6109 55.6345 37.2424 59.9778 39.1557 64.199C37.2831 68.3782 35.684 72.6747 34.3685 77.0613ZM59.0007 97.5167C50.2295 105.367 44.7461 106.202 42.7863 106.202C41.8822 106.232 40.9868 106.018 40.1945 105.581C37.1316 103.835 35.9107 97.6774 36.8853 89.5166C37.134 87.436 37.4915 85.3697 37.9562 83.3264C42.3954 84.349 46.8955 85.0859 51.429 85.5326C54.1259 89.3243 57.0741 92.9308 60.2537 96.3279L59.0007 97.5167ZM63.895 92.6867C61.9672 90.6304 60.0716 88.4028 58.2082 86.0145C60.0502 86.1002 61.9244 86.1431 63.82 86.1431C65.7156 86.1431 67.6541 86.1431 69.5283 86.0253C67.6755 88.4028 65.7906 90.6304 63.8843 92.6867H63.895ZM87.649 105.538C86.8364 105.983 85.919 106.202 84.993 106.17C83.0438 106.17 77.4962 105.313 68.7572 97.4953L67.5041 96.3494C70.6446 92.9742 73.5603 89.3966 76.2325 85.6397C80.7957 85.2042 85.3251 84.4672 89.7909 83.4335C90.2621 85.5112 90.637 87.546 90.8619 89.5059C91.9221 97.581 90.6905 103.75 87.6383 105.495L87.649 105.538ZM99.2154 75.08C97.384 75.8297 95.4456 76.5258 93.3893 77.147C92.0452 72.7103 90.4103 68.3671 88.495 64.1455C90.3763 59.971 91.9826 55.6779 93.3037 51.2939C95.3159 51.9082 97.2962 52.6231 99.2368 53.4358C106.83 56.6487 111.553 60.7719 111.542 64.2954C111.531 67.8188 106.809 71.8778 99.2047 75.0372L99.2154 75.08ZM63.7879 73.9876C65.7324 73.9897 67.6338 73.4152 69.2517 72.3367C70.8697 71.2581 72.1315 69.724 72.8776 67.9284C73.6236 66.1327 73.8205 64.1562 73.4432 62.2487C73.0659 60.3411 72.1315 58.5883 70.758 57.2119C69.3846 55.8354 67.6338 54.8972 65.7271 54.5157C63.8204 54.1343 61.8434 54.3268 60.0462 55.069C58.2489 55.8112 56.712 57.0696 55.63 58.6852C54.5479 60.3008 53.9693 62.201 53.9671 64.1455C53.9643 65.4369 54.2163 66.7163 54.7085 67.9103C55.2008 69.1043 55.9238 70.1894 56.836 71.1036C57.7482 72.0178 58.8318 72.7431 60.0247 73.238C61.2176 73.7329 62.4964 73.9876 63.7879 73.9876Z" fill="#09D3AC"></path><path d="M5 25L5 123H106L101 128H0V30.1022L5 25Z" fill="#09D3AC" fill-opacity="0.5"></path><path d="M123 103L123 5H22L27 0H128V97.8978L123 103Z" fill="#09D3AC" fill-opacity="0.5"></path></g><defs><clipPath id="clip0_2679_46051"><rect width="128" height="128" fill="white"></rect></clipPath></defs></svg></svg></div><div class="g-tabs__item-title">CRA</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Next.js"><div class="g-tabs__item-content"><div class="g-tabs__item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2557_9914)"><path d="M11.2147 0.0186595C11.1632 0.0233466 10.9991 0.0397512 10.8515 0.0514688C7.44634 0.35847 4.25681 2.19579 2.2367 5.01973C1.11181 6.58989 0.392346 8.37097 0.120497 10.2575C0.0244129 10.916 0.0126953 11.1105 0.0126953 12.0034C0.0126953 12.8963 0.0244129 13.0908 0.120497 13.7493C0.771996 18.2513 3.97559 22.0337 8.32048 23.4351C9.09853 23.6859 9.91876 23.857 10.8515 23.9601C11.2147 23.9999 12.7849 23.9999 13.1481 23.9601C14.7581 23.782 16.1221 23.3836 17.4672 22.6969C17.6735 22.5915 17.7133 22.5633 17.6852 22.5399C17.6664 22.5258 16.7876 21.347 15.733 19.9222L13.816 17.3326L11.4139 13.7775C10.0922 11.823 9.00479 10.2247 8.99541 10.2247C8.98604 10.2224 8.97666 11.8019 8.97198 13.7306C8.96495 17.1076 8.9626 17.2435 8.92042 17.3232C8.85949 17.4381 8.81262 17.4849 8.71419 17.5365C8.6392 17.574 8.57358 17.581 8.21971 17.581H7.81428L7.70647 17.513C7.63617 17.4685 7.58461 17.4099 7.54946 17.342L7.50025 17.2365L7.50493 12.5377L7.51196 7.83665L7.58461 7.74525C7.62211 7.69603 7.70179 7.63276 7.75803 7.60229C7.85412 7.55542 7.89161 7.55074 8.29704 7.55074C8.77512 7.55074 8.8548 7.56948 8.97901 7.70541C9.01416 7.74291 10.3148 9.70209 11.8709 12.062C13.427 14.4219 15.5549 17.6443 16.6001 19.2262L18.4984 22.1017L18.5945 22.0384C19.4452 21.4853 20.3451 20.6979 21.0575 19.8777C22.5738 18.1364 23.551 16.0132 23.8791 13.7493C23.9752 13.0908 23.9869 12.8963 23.9869 12.0034C23.9869 11.1105 23.9752 10.916 23.8791 10.2575C23.2276 5.7556 20.024 1.97316 15.6791 0.57173C14.9128 0.323317 14.0973 0.15224 13.1833 0.0491253C12.9583 0.0256901 11.4092 -8.86405e-05 11.2147 0.0186595ZM16.1221 7.26951C16.2345 7.32576 16.3259 7.43356 16.3588 7.54605C16.3775 7.60698 16.3822 8.90998 16.3775 11.8464L16.3705 16.0601L15.6276 14.9211L14.8823 13.7822V10.7192C14.8823 8.7389 14.8917 7.62573 14.9058 7.57183C14.9433 7.44059 15.0253 7.33748 15.1378 7.27654C15.2339 7.22733 15.269 7.22264 15.637 7.22264C15.9838 7.22264 16.0447 7.22733 16.1221 7.26951Z" fill="white" fill-opacity="0.85"></path><path d="M18.3813 22.1532C18.2993 22.2048 18.2735 22.2399 18.3462 22.2001C18.3977 22.1696 18.4821 22.1063 18.468 22.104C18.461 22.104 18.4212 22.1274 18.3813 22.1532ZM18.2196 22.2587C18.1774 22.2915 18.1774 22.2938 18.229 22.2681C18.2571 22.254 18.2806 22.2376 18.2806 22.2329C18.2806 22.2141 18.2688 22.2188 18.2196 22.2587ZM18.1025 22.329C18.0603 22.3618 18.0603 22.3641 18.1118 22.3384C18.1399 22.3243 18.1634 22.3079 18.1634 22.3032C18.1634 22.2845 18.1517 22.2891 18.1025 22.329ZM17.9853 22.3993C17.9431 22.4321 17.9431 22.4344 17.9947 22.4087C18.0228 22.3946 18.0462 22.3782 18.0462 22.3735C18.0462 22.3548 18.0345 22.3594 17.9853 22.3993ZM17.8072 22.493C17.7181 22.5399 17.7228 22.5586 17.8119 22.5141C17.8517 22.493 17.8822 22.4719 17.8822 22.4672C17.8822 22.4508 17.8798 22.4532 17.8072 22.493Z" fill="white" fill-opacity="0.7"></path></g><defs><clipPath id="clip0_2557_9914"><rect width="24" height="24" fill="white"></rect></clipPath></defs></svg></svg></div><div class="g-tabs__item-title">Next.js</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Vite"><div class="g-tabs__item-content"><div class="g-tabs__item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg></svg></div><div class="g-tabs__item-title">Vite</div></div></div><div role="tab" aria-selected="false" aria-disabled="false" tabindex="0" class="g-tabs__item" title="Remix"><div class="g-tabs__item-content"><div class="g-tabs__item-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_i_2991_14985)"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.8951 21.5001C20.8919 20.4863 20.8693 19.4073 20.7094 17.4236C20.4787 15.1021 19.2268 13.9255 17.0854 13.5121C19.6222 13.194 21 11.0478 21 8.5C21 4.5 19 2 13.4616 2H4C3.72386 2 3.5 2.22386 3.5 2.5V5.7858C3.5 6.06194 3.72386 6.2858 4 6.2858H12.3782C14.8443 6.2858 15.8308 7.2382 15.8308 8.6668C15.8308 10.0954 14.8443 11.0478 12.3782 11.0478H4C3.72386 11.0478 3.5 11.2717 3.5 11.5478V14.8336C3.5 15.1097 3.72386 15.3336 4 15.3336H10.4053H12C13.9729 15.3336 15.1088 15.8971 15.2735 18.1868C15.3885 19.6304 15.3759 20.214 15.3615 20.8793C15.3603 20.9348 15.3591 20.9908 15.3579 21.048C15.3556 21.1636 15.3555 21.3299 15.3561 21.5C15.3569 21.7761 15.5818 22 15.8579 22H20.3957C20.6718 22 20.896 21.7762 20.8951 21.5001ZM3.5 21.4997C3.5 21.7759 3.72386 21.9997 4 21.9997H10.5C10.7761 21.9997 11 21.7759 11 21.4997V20.0002C11 19.1717 10.3302 18.5002 9.50174 18.5002H3.99723C3.72108 18.5002 3.5 18.724 3.5 19.0002V21.4997Z" fill="#AAF3EB"></path></g><defs><filter id="filter0_i_2991_14985" x="3.5" y="2" width="17.5" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation="1"></feGaussianBlur><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0.130106 0 0 0 0 0.854395 0 0 0 0 0.854395 0 0 0 1 0"></feColorMatrix><feBlend mode="normal" in2="shape" result="effect1_innerShadow_2991_14985"></feBlend></filter></defs></svg></svg></div><div class="g-tabs__item-title">Remix</div></div></div></div></div><div class="gravity-ui-landing-templates__commands-wrapper"><pre><code class="gravity-ui-landing-templates__commands">npx create-react-app my-app <span class="token parameter variable">--template</span> gravity-ui-pure
 <span class="token builtin class-name">cd</span> my-app
-<span class="token function">npm</span> start</code></pre><button aria-label="Copy" class="g-button g-button_view_flat g-button_size_m g-button_pin_round-round gravity-ui-landing-templates__copy" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 2.5H8A1.5 1.5 0 0 0 6.5 4v1H8a3 3 0 0 1 3 3v1.5h1A1.5 1.5 0 0 0 13.5 8V4A1.5 1.5 0 0 0 12 2.5ZM11 11h1a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v1H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-1ZM4 6.5h4A1.5 1.5 0 0 1 9.5 8v4A1.5 1.5 0 0 1 8 13.5H4A1.5 1.5 0 0 1 2.5 12V8A1.5 1.5 0 0 1 4 6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button></div><div><a title="فتح CRA Playground" class="g-button g-button_view_outlined-action g-button_size_xl g-button_pin_circle-circle" href="https://codesandbox.io/p/devbox/gravityui-cra-mpg4q3" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">فتح CRA Playground</span></a></div></section></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_contributors"><div class="pc-AnimateBlock false gravity-ui-landing-contributors"><span style="font-size:0"></span><div class="gravity-ui-landing-contributors__header-wrapper"><h2 class="gravity-ui-landing-contributors__header-title"><span>Contributors</span></h2><div class="gravity-ui-landing-contributors__header-count">198</div><div><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_circle-circle" href="https://t.me/gravity_ui" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">Join Telegram</span></a></div></div><section class="gravity-ui-landing-contributors__section"><div class="gravity-ui-landing-expandable-contributor-list gravity-ui-landing-expandable-contributor-list_notExpandable"><div class=" gravity-ui-landing-base-contributor-list" style="min-height:auto"><a title="@gorgeousvlad" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/gorgeousvlad" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/20395936?v=4"/></div></a><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@NikitaCG" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaCG" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36075690?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@zefirka" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zefirka" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5380542?v=4"/></div></a><a title="@NikitaShkaruba" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaShkaruba" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8822095?v=4"/></div></a><a title="@d3m1d0v" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/d3m1d0v" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26671342?v=4"/></div></a><a title="@niktverd" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/niktverd" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/61203447?v=4"/></div></a><a title="@ogonkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ogonkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1091927?v=4"/></div></a><a title="@ma-efremoff" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ma-efremoff" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64027148?v=4"/></div></a><a title="@vanilla-wave" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vanilla-wave" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13496759?v=4"/></div></a><a title="@imsitnikov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/imsitnikov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29424746?v=4"/></div></a><a title="@Raubzeug" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Raubzeug" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42094364?v=4"/></div></a><a title="@Lunory" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lunory" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22904809?v=4"/></div></a><a title="@aeksandla" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/aeksandla" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/46083995?v=4"/></div></a><a title="@resure" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/resure" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/168296?v=4"/></div></a><a title="@IsaevAlexandr" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/IsaevAlexandr" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/27916444?v=4"/></div></a><a title="@kuzmadom" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kuzmadom" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/7911723?v=4"/></div></a><a title="@NasgulNexus" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NasgulNexus" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/23384737?v=4"/></div></a><a title="@bocembocem" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bocembocem" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/58661343?v=4"/></div></a><a title="@tsufiev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/tsufiev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1240006?v=4"/></div></a><a title="@smsochneg" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/smsochneg" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15200559?v=4"/></div></a><a title="@Kyzyl-ool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Kyzyl-ool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30153778?v=4"/></div></a><a title="@jhoncool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/jhoncool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11226935?v=4"/></div></a><a title="@Marginy605" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Marginy605" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/98329176?v=4"/></div></a><a title="@melikhov-dev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/melikhov-dev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1742586?v=4"/></div></a><a title="@roberthovsepyan" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/roberthovsepyan" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/33484604?v=4"/></div></a><a title="@DarkGenius" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DarkGenius" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4076124?v=4"/></div></a><a title="@bezany" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bezany" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5105017?v=4"/></div></a><a title="@VitaliiDC8" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/VitaliiDC8" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/127111625?v=4"/></div></a><a title="@mournfulCoroner" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/mournfulCoroner" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56549651?v=4"/></div></a><a title="@goshander" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/goshander" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5037509?v=4"/></div></a><a title="@vvtimofeev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vvtimofeev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/108340247?v=4"/></div></a><a title="@qradle-yndx" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/qradle-yndx" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/148218517?v=4"/></div></a><a title="@kseniya57" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kseniya57" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31247233?v=4"/></div></a><a title="@SeqviriouM" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SeqviriouM" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1071418?v=4"/></div></a><a title="@Lunatic174" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lunatic174" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10085601?v=4"/></div></a><a title="@Lakate" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lakate" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8994274?v=4"/></div></a><a title="@GermanVor" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/GermanVor" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/43282255?v=4"/></div></a><a title="@imechoim" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/imechoim" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8857511?v=4"/></div></a><a title="@KirillDyachkovskiy" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/KirillDyachkovskiy" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/81510334?v=4"/></div></a><a title="@Arucard89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Arucard89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13587201?v=4"/></div></a><a title="@dgaponov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dgaponov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13693437?v=4"/></div></a><a title="@viladimiru" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/viladimiru" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26850586?v=4"/></div></a><a title="@DC-RomanKarpov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DC-RomanKarpov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/124568536?v=4"/></div></a><a title="@astandrik" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/astandrik" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8037318?v=4"/></div></a><a title="@sunduckcow" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/sunduckcow" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/83990793?v=4"/></div></a><a title="@pavel-klimov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pavel-klimov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42768217?v=4"/></div></a><a title="@artemluchin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemluchin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/12445010?v=4"/></div></a><a title="@makhnatkin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/makhnatkin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1963954?v=4"/></div></a><a title="@helenjer" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/helenjer" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5168501?v=4"/></div></a><a title="@Ruminat" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Ruminat" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/18216279?v=4"/></div></a><a title="@Mishnya" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Mishnya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/47668236?v=4"/></div></a><a title="@ArturAbdullin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ArturAbdullin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30603428?v=4"/></div></a><a title="@yuberdysheva" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/yuberdysheva" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22456330?v=4"/></div></a><a title="@iapolya" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/iapolya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31696689?v=4"/></div></a><a title="@mfyodorov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/mfyodorov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/20931659?v=4"/></div></a><a title="@kkirik" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kkirik" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29181473?v=4"/></div></a><a title="@teleginzhenya" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/teleginzhenya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/24455680?v=4"/></div></a><a title="@flops" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/flops" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/433333?v=4"/></div></a><a title="@artemipanchuk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemipanchuk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15093838?v=4"/></div></a><a title="@beliarh" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/beliarh" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4661335?v=4"/></div></a><a title="@Flunt1k" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Flunt1k" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/47900126?v=4"/></div></a><a title="@vvasin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vvasin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29572062?v=4"/></div></a><a title="@nikita-jpg" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/nikita-jpg" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56046344?v=4"/></div></a><a title="@DenisVershkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DenisVershkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/81879756?v=4"/></div></a><a title="@DakEnviy" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DakEnviy" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/6522772?v=4"/></div></a><a title="@zamkovskaya" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zamkovskaya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/128601366?v=4"/></div></a><a title="@Feverqwe" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Feverqwe" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/891534?v=4"/></div></a><a title="@aapolkovsky" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/aapolkovsky" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22380490?v=4"/></div></a><a title="@LakeVostok" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/LakeVostok" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17967390?v=4"/></div></a><a title="@kiraind" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kiraind" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/23224613?v=4"/></div></a><a title="@itwillwork" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/itwillwork" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15855766?v=4"/></div></a><a title="@Avol-V" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Avol-V" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/7325152?v=4"/></div></a><a title="@KalachevDev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/KalachevDev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30410979?v=4"/></div></a><a title="@DaryaLari" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DaryaLari" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/19970912?v=4"/></div></a><a title="@feelsbadmans" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/feelsbadmans" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/62965405?v=4"/></div></a><a title="@ierehon1905" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ierehon1905" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31146334?v=4"/></div></a><a title="@chelentos" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/chelentos" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/21958075?v=4"/></div></a><a title="@krozhkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/krozhkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17095356?v=4"/></div></a><a title="@v4dyar4" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/v4dyar4" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/108093658?v=4"/></div></a><a title="@kendoow" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kendoow" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/70059916?v=4"/></div></a><a title="@artemmufazalov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemmufazalov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/67755036?v=4"/></div></a><a title="@catakot" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/catakot" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/21214799?v=4"/></div></a><a title="@saxumcordis" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/saxumcordis" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42944548?v=4"/></div></a><a title="@vladimirfilosof" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vladimirfilosof" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/58009491?v=4"/></div></a><a title="@rusandorx" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/rusandorx" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/53060411?v=4"/></div></a><a title="@burashka" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/burashka" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2195887?v=4"/></div></a><a title="@linkouth" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/linkouth" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/34433986?v=4"/></div></a><a title="@axtk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/axtk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/24575250?v=4"/></div></a><a title="@atroynikov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/atroynikov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/7413138?v=4"/></div></a><a title="@ref256" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ref256" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/41027510?v=4"/></div></a><a title="@gearoffortune" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/gearoffortune" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/48627239?v=4"/></div></a><a title="@chervyakovru" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/chervyakovru" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/14909082?v=4"/></div></a><a title="@shuvalovpavel1995" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/shuvalovpavel1995" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/60737643?v=4"/></div></a><a title="@polikashina" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/polikashina" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/7197224?v=4"/></div></a><a title="@yndx-madfriend" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/yndx-madfriend" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/99418743?v=4"/></div></a><a title="@oynikishin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/oynikishin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/113184616?v=4"/></div></a><a title="@Antamansid" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Antamansid" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31531030?v=4"/></div></a><a title="@Bluepuper" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Bluepuper" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/79052139?v=4"/></div></a><a title="@dfilatov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dfilatov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/67957?v=4"/></div></a><a title="@sofiushko" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/sofiushko" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5218950?v=4"/></div></a><a title="@isqua" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/isqua" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/529247?v=4"/></div></a><a title="@dividead" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dividead" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4695397?v=4"/></div></a><a title="@DaffPunks" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DaffPunks" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15698578?v=4"/></div></a><a title="@js2me" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/js2me" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/16340911?v=4"/></div></a><a title="@3y3" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/3y3" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3931155?v=4"/></div></a><a title="@ichernobuk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ichernobuk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/25184132?v=4"/></div></a><a title="@EgorKluch" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/EgorKluch" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2197074?v=4"/></div></a><a title="@benax-se" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/benax-se" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/78896684?v=4"/></div></a><a title="@LehaRybkoha" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/LehaRybkoha" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42549523?v=4"/></div></a><a title="@ecoinomist" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ecoinomist" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13236298?v=4"/></div></a><a title="@sidorko" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/sidorko" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/6938277?v=4"/></div></a><a title="@maeshchenko" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/maeshchenko" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/24603515?v=4"/></div></a><a title="@geksin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/geksin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56411228?v=4"/></div></a><a title="@Vladeeg" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Vladeeg" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22842948?v=4"/></div></a><a title="@lunaticenslaved" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/lunaticenslaved" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/54212063?v=4"/></div></a><a title="@shvorak" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/shvorak" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2071148?v=4"/></div></a><a title="@shbov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/shbov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/32542672?v=4"/></div></a><a title="@eyoue" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/eyoue" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/16962204?v=4"/></div></a><a title="@n-parpibaeva" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/n-parpibaeva" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/27774197?v=4"/></div></a><a title="@ariser" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ariser" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3864424?v=4"/></div></a><a title="@vitshev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vitshev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3217636?v=4"/></div></a><a title="@deemsk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/deemsk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1153930?v=4"/></div></a><a title="@ldrv565" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ldrv565" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/40745264?v=4"/></div></a><a title="@lxndr" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/lxndr" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/579459?v=4"/></div></a><a title="@yndx-birman" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/yndx-birman" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/62902338?v=4"/></div></a><a title="@trabemz" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/trabemz" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/47355834?v=4"/></div></a><a title="@ilya-878" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ilya-878" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/136704878?v=4"/></div></a><a title="@inigomontoya722" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/inigomontoya722" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/95115837?v=4"/></div></a><a title="@Semro" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Semro" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3332159?v=4"/></div></a><a title="@B0nBun" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/B0nBun" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/75064972?v=4"/></div></a><a title="@DaniilDem" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DaniilDem" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/9549041?v=4"/></div></a><a title="@zlobnikov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zlobnikov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/18357363?v=4"/></div></a><a title="@rLukoyanov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/rLukoyanov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/105169805?v=4"/></div></a><a title="@dihar" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dihar" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/12913462?v=4"/></div></a><a title="@anton-fomichev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/anton-fomichev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/72696000?v=4"/></div></a><a title="@danigorokhov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/danigorokhov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/49070059?v=4"/></div></a><a title="@zzzorgo" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zzzorgo" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17454987?v=4"/></div></a><a title="@ananas7" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ananas7" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/6717161?v=4"/></div></a><a title="@joshuan" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/joshuan" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2090702?v=4"/></div></a><a title="@lu-perfect" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/lu-perfect" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/104302104?v=4"/></div></a><a title="@vrozaev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vrozaev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2428161?v=4"/></div></a><a title="@dsleepo" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dsleepo" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/827806?v=4"/></div></a><a title="@AlexeyW100" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/AlexeyW100" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/45878152?v=4"/></div></a><a title="@main-kun" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/main-kun" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13281662?v=4"/></div></a><a title="@moki" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/moki" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10233823?v=4"/></div></a><a title="@martyanovandrey" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/martyanovandrey" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/37772440?v=4"/></div></a><a title="@vladKrk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vladKrk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/20649765?v=4"/></div></a><a title="@diadorer" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/diadorer" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/33423367?v=4"/></div></a><a title="@github-actions[bot]" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/apps/github-actions" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/in/15368?v=4"/></div></a><a title="@TimKhakk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/TimKhakk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/75197368?v=4"/></div></a><a title="@bityutskiyAO" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bityutskiyAO" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/38612782?v=4"/></div></a><a title="@hozblok" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/hozblok" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17067394?v=4"/></div></a><a title="@bt4R9" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bt4R9" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1858946?v=4"/></div></a><a title="@alexey-milovidov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/alexey-milovidov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/18581488?v=4"/></div></a><a title="@aulian0v" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/aulian0v" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/143967289?v=4"/></div></a><a title="@neeeekto" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/neeeekto" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/12767115?v=4"/></div></a><a title="@Vladimirluk88" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Vladimirluk88" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/86942878?v=4"/></div></a><a title="@Zveroboev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Zveroboev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/27211707?v=4"/></div></a><a title="@elemeNtk0" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/elemeNtk0" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/9047433?v=4"/></div></a><a title="@damask" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/damask" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1005974?v=4"/></div></a><a title="@dustyo-O" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dustyo-O" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/14638147?v=4"/></div></a><a title="@icekimi23" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/icekimi23" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26017761?v=4"/></div></a><a title="@max-portador" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/max-portador" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/46213974?v=4"/></div></a><a title="@tumenbaev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/tumenbaev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11868819?v=4"/></div></a><a title="@vertukv" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vertukv" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/101094707?v=4"/></div></a><a title="@Estasie" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Estasie" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/55848388?v=4"/></div></a><a title="@kapibaara" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kapibaara" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/41840872?v=4"/></div></a><a title="@Nil2000" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Nil2000" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/54113952?v=4"/></div></a><a title="@KhodeN" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/KhodeN" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/614349?v=4"/></div></a><a title="@Ayub-Begimkulov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Ayub-Begimkulov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/46418811?v=4"/></div></a><a title="@saripovdenis" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/saripovdenis" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/74184888?v=4"/></div></a><a title="@ilerik" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ilerik" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5747672?v=4"/></div></a><a title="@calaquend1" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/calaquend1" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/45256936?v=4"/></div></a><a title="@shevnv" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/shevnv" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1035967?v=4"/></div></a><a title="@pseudopirate" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pseudopirate" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/16260137?v=4"/></div></a><a title="@kvestus" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kvestus" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36218446?v=4"/></div></a><a title="@SwinX" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SwinX" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/854899?v=4"/></div></a><a title="@HirenDhadhal" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/HirenDhadhal" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64165691?v=4"/></div></a><a title="@obenjiro" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/obenjiro" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1760346?v=4"/></div></a><a title="@Pistch" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Pistch" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22050667?v=4"/></div></a><a title="@Volodomor" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Volodomor" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29760501?v=4"/></div></a><a title="@panfil" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/panfil" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1158695?v=4"/></div></a><a title="@artemavrin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemavrin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10955496?v=4"/></div></a><a title="@rrewll" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/rrewll" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/28988763?v=4"/></div></a><a title="@nikolaymatrosov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/nikolaymatrosov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1625055?v=4"/></div></a><a title="@SkiffCMC" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SkiffCMC" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36820240?v=4"/></div></a><a title="@a1eksandrk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/a1eksandrk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/60098929?v=4"/></div></a><a title="@SimbiozizV" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SimbiozizV" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3991919?v=4"/></div></a><a title="@wd055" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/wd055" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/35567000?v=4"/></div></a><a title="@bratva" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bratva" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1937870?v=4"/></div></a><a title="@arudenkoofficial" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/arudenkoofficial" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/84877729?v=4"/></div></a><a title="@Maxim725" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Maxim725" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/47459772?v=4"/></div></a><a title="@yatskovanatoly" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/yatskovanatoly" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/123395646?v=4"/></div></a><a title="@nest-aka-swan" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/nest-aka-swan" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/9089190?v=4"/></div></a><a title="@stankis" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/stankis" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/151746694?v=4"/></div></a></div></div></section></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_companies-block"><div class="pc-AnimateBlock false pc-companies-block"><span style="font-size:0"></span><div class="pc-companies-block__content"><div class="pc-title"><div class="col  col-12 col-sm-12 col-reset"><h2 class="pc-title-item pc-title-item_size_m pc-title-item_reset-margin" data-qa="undefined-header"><span class="pc-title-item__text">حائز على ثقة</span></h2></div></div><div class="pc-companies-block__images"><picture><source srcSet="_next/static/media/companies-mobile.e0d01973.svg" media="(max-width: 577px)"/><source srcSet="_next/static/media/companies-tablet.c386156c.svg" media="(max-width: 769px)"/><img class="pc-companies-block__image" src="_next/static/media/companies-desktop.9e118266.svg"/></picture></div></div></div></div></div></div></div></div></main></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"home":{"header_title":"Build modern interfaces with the Gravity design system and libraries","header_actions_howToStart":"How to Start","news_title":"Recent updates","news_items_item1":"500⭐️ for our \u003ca href=\"/libraries/uikit\"\u003eUIKit\u003c/a\u003e! We just wanted to say thanks for all the support and \u003ca href=\"https://github.com/gravity-ui/uikit/issues\"\u003efeedback\u003c/a\u003e we've been getting. There's more to come, so stay tuned!","news_items_item2":"We've released the \u003ca href=\"/components/uikit/pin-input\"\u003ePinInput component\u003c/a\u003e. You may need it to enter OTP or confirmation codes.","news_items_item3":"We added a duration module to our \u003ca href=\"/libraries/date-utils\"\u003edate-utils library\u003c/a\u003e. It implements the ISO 8601 standard for durations. \u003ca href=\"https://github.com/gravity-ui/date-utils/blob/main/src/typings/duration.ts#L9\"\u003eHere\u003c/a\u003e you can find more information about it.","features_feature1_title":"Built on real-life experience","features_feature1_description":"Conceived as an in-house solution in response to real developers' needs, we released Gravity to the open-source community.","features_feature2_title":"First class design","features_feature2_description":"Experienced designers curate the look of our libraries, ensuring that components are stylish and consistent, with support for dark mode and high-contrast themes.","features_feature3_title":"An evolving ecosystem","features_feature3_description":"Regular feedback from our community of developers allows us to continuously improve our libraries, and break compatibility only when necessary.","examples_title":"Examples","examples_colors_yellow":"Yellow","examples_colors_red":"Red","examples_colors_green":"Green","examples_colors_blue":"Blue","libraries_title":"Our libraries","libraries_actions_allLibraries":"All libraries","roadmap_title":"Roadmap 2024","roadmap_items_item1":"\u003cb\u003eDate Components:\u003c/b\u003e new library for working with date and time","roadmap_items_item2":"\u003cb\u003eUIKit:\u003c/b\u003e Right-to-left languages support","roadmap_items_item3":"\u003cb\u003eUIKit:\u003c/b\u003e improvements in digital accessibility","roadmap_items_item4":"\u003cb\u003eFigma:\u003c/b\u003e color theme template builder","roadmap_items_item5":"\u003cb\u003eDevelopment farm\u003c/b\u003e","roadmap_items_item6":"\u003cb\u003eDocs:\u003c/b\u003e Date Components in Components section","roadmap_items_item7":"\u003cb\u003eUIKit:\u003c/b\u003e emoji picker, color picker, label input and range input components","roadmap_items_item8":"\u003cb\u003eUIKit:\u003c/b\u003e migration to Floating UI","roadmap_items_item9":"\u003cb\u003eDocs:\u003c/b\u003e Page constructor in Components section","roadmap_items_item10":"\u003cb\u003eUIKit:\u003c/b\u003e extended mobile support","roadmap_items_item11":"\u003cb\u003ePage constructor:\u003c/b\u003e footer block","templates_title":"Start creating with Gravity\u0026nbsp;UI","github_stars-text":"Do\u0026nbsp;you 💖 Gravity UI? Give\u0026nbsp;us\u0026nbsp;a\u0026nbsp;⭐\u0026nbsp;on\u0026nbsp;Github","contributors_title":"Contributors","contributors_actions_telegram":"Join Telegram","companies_title":"Trusted by"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","home","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/rtl","query":{},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+<span class="token function">npm</span> start</code></pre><button aria-label="Copy" class="g-button g-button_view_flat g-button_size_m g-button_pin_round-round gravity-ui-landing-templates__copy" type="button"><span class="g-button__icon"><span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 2.5H8A1.5 1.5 0 0 0 6.5 4v1H8a3 3 0 0 1 3 3v1.5h1A1.5 1.5 0 0 0 13.5 8V4A1.5 1.5 0 0 0 12 2.5ZM11 11h1a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v1H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-1ZM4 6.5h4A1.5 1.5 0 0 1 9.5 8v4A1.5 1.5 0 0 1 8 13.5H4A1.5 1.5 0 0 1 2.5 12V8A1.5 1.5 0 0 1 4 6.5Z" clip-rule="evenodd"></path></svg></svg></span></span></button></div><div><a title="فتح CRA Playground" class="g-button g-button_view_outlined-action g-button_size_xl g-button_pin_circle-circle" href="https://codesandbox.io/p/devbox/gravityui-cra-mpg4q3" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">فتح CRA Playground</span></a></div></section></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_contributors"><div class="pc-AnimateBlock false gravity-ui-landing-contributors"><span style="font-size:0"></span><div class="gravity-ui-landing-contributors__header-wrapper"><h2 class="gravity-ui-landing-contributors__header-title"><span>Contributors</span></h2><div class="gravity-ui-landing-contributors__header-count">198</div><div><a class="g-button g-button_view_outlined g-button_size_xl g-button_pin_circle-circle" href="https://t.me/gravity_ui" target="_blank" rel="noopener noreferrer" aria-disabled="false"><span class="g-button__text">Join Telegram</span></a></div></div><section class="gravity-ui-landing-contributors__section"><div class="gravity-ui-landing-expandable-contributor-list gravity-ui-landing-expandable-contributor-list_notExpandable"><div class=" gravity-ui-landing-base-contributor-list" style="min-height:auto"><a title="@gorgeousvlad" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/gorgeousvlad" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/20395936?v=4"/></div></a><a title="@amje" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/amje" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3368839?v=4"/></div></a><a title="@NikitaCG" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaCG" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36075690?v=4"/></div></a><a title="@ValeraS" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ValeraS" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10867286?v=4"/></div></a><a title="@korvin89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/korvin89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26501073?v=4"/></div></a><a title="@zefirka" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zefirka" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5380542?v=4"/></div></a><a title="@NikitaShkaruba" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NikitaShkaruba" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8822095?v=4"/></div></a><a title="@d3m1d0v" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/d3m1d0v" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26671342?v=4"/></div></a><a title="@niktverd" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/niktverd" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/61203447?v=4"/></div></a><a title="@ogonkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ogonkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1091927?v=4"/></div></a><a title="@ma-efremoff" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ma-efremoff" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64027148?v=4"/></div></a><a title="@vanilla-wave" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vanilla-wave" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13496759?v=4"/></div></a><a title="@imsitnikov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/imsitnikov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29424746?v=4"/></div></a><a title="@Raubzeug" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Raubzeug" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42094364?v=4"/></div></a><a title="@Lunory" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lunory" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22904809?v=4"/></div></a><a title="@aeksandla" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/aeksandla" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/46083995?v=4"/></div></a><a title="@resure" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/resure" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/168296?v=4"/></div></a><a title="@IsaevAlexandr" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/IsaevAlexandr" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/27916444?v=4"/></div></a><a title="@kuzmadom" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kuzmadom" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/7911723?v=4"/></div></a><a title="@NasgulNexus" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/NasgulNexus" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/23384737?v=4"/></div></a><a title="@bocembocem" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bocembocem" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/58661343?v=4"/></div></a><a title="@tsufiev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/tsufiev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1240006?v=4"/></div></a><a title="@smsochneg" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/smsochneg" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15200559?v=4"/></div></a><a title="@Kyzyl-ool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Kyzyl-ool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30153778?v=4"/></div></a><a title="@jhoncool" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/jhoncool" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11226935?v=4"/></div></a><a title="@Marginy605" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Marginy605" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/98329176?v=4"/></div></a><a title="@melikhov-dev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/melikhov-dev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1742586?v=4"/></div></a><a title="@roberthovsepyan" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/roberthovsepyan" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/33484604?v=4"/></div></a><a title="@DarkGenius" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DarkGenius" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4076124?v=4"/></div></a><a title="@bezany" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bezany" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5105017?v=4"/></div></a><a title="@VitaliiDC8" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/VitaliiDC8" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/127111625?v=4"/></div></a><a title="@mournfulCoroner" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/mournfulCoroner" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56549651?v=4"/></div></a><a title="@goshander" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/goshander" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5037509?v=4"/></div></a><a title="@vvtimofeev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vvtimofeev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/108340247?v=4"/></div></a><a title="@qradle-yndx" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/qradle-yndx" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/148218517?v=4"/></div></a><a title="@kseniya57" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kseniya57" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31247233?v=4"/></div></a><a title="@SeqviriouM" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SeqviriouM" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1071418?v=4"/></div></a><a title="@Lunatic174" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lunatic174" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10085601?v=4"/></div></a><a title="@Lakate" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Lakate" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8994274?v=4"/></div></a><a title="@GermanVor" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/GermanVor" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/43282255?v=4"/></div></a><a title="@imechoim" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/imechoim" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8857511?v=4"/></div></a><a title="@KirillDyachkovskiy" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/KirillDyachkovskiy" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/81510334?v=4"/></div></a><a title="@Arucard89" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Arucard89" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13587201?v=4"/></div></a><a title="@dgaponov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dgaponov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13693437?v=4"/></div></a><a title="@viladimiru" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/viladimiru" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26850586?v=4"/></div></a><a title="@DC-RomanKarpov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DC-RomanKarpov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/124568536?v=4"/></div></a><a title="@astandrik" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/astandrik" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/8037318?v=4"/></div></a><a title="@sunduckcow" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/sunduckcow" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/83990793?v=4"/></div></a><a title="@pavel-klimov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pavel-klimov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42768217?v=4"/></div></a><a title="@artemluchin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemluchin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/12445010?v=4"/></div></a><a title="@makhnatkin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/makhnatkin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1963954?v=4"/></div></a><a title="@helenjer" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/helenjer" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5168501?v=4"/></div></a><a title="@Ruminat" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Ruminat" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/18216279?v=4"/></div></a><a title="@flops" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/flops" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/433333?v=4"/></div></a><a title="@Mishnya" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Mishnya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/47668236?v=4"/></div></a><a title="@ArturAbdullin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ArturAbdullin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30603428?v=4"/></div></a><a title="@yuberdysheva" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/yuberdysheva" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22456330?v=4"/></div></a><a title="@iapolya" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/iapolya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31696689?v=4"/></div></a><a title="@mfyodorov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/mfyodorov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/20931659?v=4"/></div></a><a title="@kkirik" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kkirik" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29181473?v=4"/></div></a><a title="@teleginzhenya" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/teleginzhenya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/24455680?v=4"/></div></a><a title="@artemipanchuk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemipanchuk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15093838?v=4"/></div></a><a title="@beliarh" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/beliarh" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4661335?v=4"/></div></a><a title="@Flunt1k" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Flunt1k" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/47900126?v=4"/></div></a><a title="@vvasin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vvasin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29572062?v=4"/></div></a><a title="@nikita-jpg" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/nikita-jpg" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56046344?v=4"/></div></a><a title="@DenisVershkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DenisVershkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/81879756?v=4"/></div></a><a title="@DakEnviy" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DakEnviy" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/6522772?v=4"/></div></a><a title="@zamkovskaya" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zamkovskaya" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/128601366?v=4"/></div></a><a title="@Feverqwe" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Feverqwe" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/891534?v=4"/></div></a><a title="@aapolkovsky" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/aapolkovsky" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22380490?v=4"/></div></a><a title="@LakeVostok" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/LakeVostok" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17967390?v=4"/></div></a><a title="@kiraind" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kiraind" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/23224613?v=4"/></div></a><a title="@itwillwork" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/itwillwork" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15855766?v=4"/></div></a><a title="@Avol-V" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Avol-V" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/7325152?v=4"/></div></a><a title="@KalachevDev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/KalachevDev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/30410979?v=4"/></div></a><a title="@DaryaLari" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DaryaLari" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/19970912?v=4"/></div></a><a title="@feelsbadmans" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/feelsbadmans" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/62965405?v=4"/></div></a><a title="@ierehon1905" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ierehon1905" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31146334?v=4"/></div></a><a title="@chelentos" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/chelentos" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/21958075?v=4"/></div></a><a title="@krozhkov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/krozhkov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17095356?v=4"/></div></a><a title="@v4dyar4" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/v4dyar4" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/108093658?v=4"/></div></a><a title="@kendoow" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kendoow" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/70059916?v=4"/></div></a><a title="@artemmufazalov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemmufazalov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/67755036?v=4"/></div></a><a title="@catakot" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/catakot" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/21214799?v=4"/></div></a><a title="@saxumcordis" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/saxumcordis" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42944548?v=4"/></div></a><a title="@vladimirfilosof" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vladimirfilosof" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/58009491?v=4"/></div></a><a title="@rusandorx" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/rusandorx" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/53060411?v=4"/></div></a><a title="@burashka" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/burashka" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2195887?v=4"/></div></a><a title="@linkouth" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/linkouth" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/34433986?v=4"/></div></a><a title="@axtk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/axtk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/24575250?v=4"/></div></a><a title="@atroynikov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/atroynikov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/7413138?v=4"/></div></a><a title="@ref256" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ref256" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/41027510?v=4"/></div></a><a title="@gearoffortune" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/gearoffortune" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/48627239?v=4"/></div></a><a title="@chervyakovru" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/chervyakovru" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/14909082?v=4"/></div></a><a title="@shuvalovpavel1995" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/shuvalovpavel1995" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/60737643?v=4"/></div></a><a title="@polikashina" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/polikashina" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/7197224?v=4"/></div></a><a title="@yndx-madfriend" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/yndx-madfriend" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/99418743?v=4"/></div></a><a title="@oynikishin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/oynikishin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/113184616?v=4"/></div></a><a title="@Antamansid" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Antamansid" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/31531030?v=4"/></div></a><a title="@Bluepuper" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Bluepuper" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/79052139?v=4"/></div></a><a title="@dfilatov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dfilatov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/67957?v=4"/></div></a><a title="@sofiushko" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/sofiushko" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5218950?v=4"/></div></a><a title="@isqua" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/isqua" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/529247?v=4"/></div></a><a title="@dividead" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dividead" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/4695397?v=4"/></div></a><a title="@DaffPunks" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DaffPunks" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/15698578?v=4"/></div></a><a title="@js2me" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/js2me" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/16340911?v=4"/></div></a><a title="@3y3" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/3y3" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3931155?v=4"/></div></a><a title="@ichernobuk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ichernobuk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/25184132?v=4"/></div></a><a title="@EgorKluch" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/EgorKluch" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2197074?v=4"/></div></a><a title="@benax-se" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/benax-se" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/78896684?v=4"/></div></a><a title="@LehaRybkoha" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/LehaRybkoha" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/42549523?v=4"/></div></a><a title="@ecoinomist" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ecoinomist" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13236298?v=4"/></div></a><a title="@sidorko" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/sidorko" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/6938277?v=4"/></div></a><a title="@maeshchenko" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/maeshchenko" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/24603515?v=4"/></div></a><a title="@geksin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/geksin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/56411228?v=4"/></div></a><a title="@Vladeeg" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Vladeeg" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22842948?v=4"/></div></a><a title="@lunaticenslaved" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/lunaticenslaved" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/54212063?v=4"/></div></a><a title="@shvorak" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/shvorak" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2071148?v=4"/></div></a><a title="@shbov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/shbov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/32542672?v=4"/></div></a><a title="@eyoue" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/eyoue" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/16962204?v=4"/></div></a><a title="@n-parpibaeva" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/n-parpibaeva" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/27774197?v=4"/></div></a><a title="@ariser" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ariser" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3864424?v=4"/></div></a><a title="@vitshev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vitshev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3217636?v=4"/></div></a><a title="@deemsk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/deemsk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1153930?v=4"/></div></a><a title="@ldrv565" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ldrv565" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/40745264?v=4"/></div></a><a title="@lxndr" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/lxndr" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/579459?v=4"/></div></a><a title="@yndx-birman" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/yndx-birman" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/62902338?v=4"/></div></a><a title="@trabemz" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/trabemz" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/47355834?v=4"/></div></a><a title="@ilya-878" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ilya-878" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/136704878?v=4"/></div></a><a title="@inigomontoya722" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/inigomontoya722" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/95115837?v=4"/></div></a><a title="@Semro" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Semro" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3332159?v=4"/></div></a><a title="@B0nBun" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/B0nBun" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/75064972?v=4"/></div></a><a title="@DaniilDem" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/DaniilDem" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/9549041?v=4"/></div></a><a title="@zlobnikov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zlobnikov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/18357363?v=4"/></div></a><a title="@rLukoyanov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/rLukoyanov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/105169805?v=4"/></div></a><a title="@dihar" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dihar" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/12913462?v=4"/></div></a><a title="@anton-fomichev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/anton-fomichev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/72696000?v=4"/></div></a><a title="@danigorokhov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/danigorokhov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/49070059?v=4"/></div></a><a title="@zzzorgo" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/zzzorgo" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17454987?v=4"/></div></a><a title="@ananas7" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ananas7" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/6717161?v=4"/></div></a><a title="@joshuan" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/joshuan" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2090702?v=4"/></div></a><a title="@lu-perfect" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/lu-perfect" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/104302104?v=4"/></div></a><a title="@vrozaev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vrozaev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/2428161?v=4"/></div></a><a title="@dsleepo" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dsleepo" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/827806?v=4"/></div></a><a title="@AlexeyW100" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/AlexeyW100" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/45878152?v=4"/></div></a><a title="@main-kun" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/main-kun" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/13281662?v=4"/></div></a><a title="@moki" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/moki" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10233823?v=4"/></div></a><a title="@martyanovandrey" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/martyanovandrey" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/37772440?v=4"/></div></a><a title="@vladKrk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vladKrk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/20649765?v=4"/></div></a><a title="@diadorer" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/diadorer" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/33423367?v=4"/></div></a><a title="@github-actions[bot]" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/apps/github-actions" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/in/15368?v=4"/></div></a><a title="@TimKhakk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/TimKhakk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/75197368?v=4"/></div></a><a title="@bityutskiyAO" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bityutskiyAO" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/38612782?v=4"/></div></a><a title="@hozblok" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/hozblok" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/17067394?v=4"/></div></a><a title="@bt4R9" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bt4R9" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1858946?v=4"/></div></a><a title="@alexey-milovidov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/alexey-milovidov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/18581488?v=4"/></div></a><a title="@aulian0v" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/aulian0v" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/143967289?v=4"/></div></a><a title="@neeeekto" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/neeeekto" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/12767115?v=4"/></div></a><a title="@Vladimirluk88" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Vladimirluk88" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/86942878?v=4"/></div></a><a title="@Zveroboev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Zveroboev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/27211707?v=4"/></div></a><a title="@elemeNtk0" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/elemeNtk0" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/9047433?v=4"/></div></a><a title="@damask" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/damask" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1005974?v=4"/></div></a><a title="@dustyo-O" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/dustyo-O" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/14638147?v=4"/></div></a><a title="@icekimi23" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/icekimi23" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/26017761?v=4"/></div></a><a title="@max-portador" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/max-portador" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/46213974?v=4"/></div></a><a title="@tumenbaev" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/tumenbaev" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/11868819?v=4"/></div></a><a title="@vertukv" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/vertukv" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/101094707?v=4"/></div></a><a title="@Estasie" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Estasie" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/55848388?v=4"/></div></a><a title="@kapibaara" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kapibaara" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/41840872?v=4"/></div></a><a title="@Nil2000" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Nil2000" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/54113952?v=4"/></div></a><a title="@KhodeN" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/KhodeN" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/614349?v=4"/></div></a><a title="@Ayub-Begimkulov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Ayub-Begimkulov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/46418811?v=4"/></div></a><a title="@saripovdenis" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/saripovdenis" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/74184888?v=4"/></div></a><a title="@ilerik" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/ilerik" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/5747672?v=4"/></div></a><a title="@calaquend1" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/calaquend1" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/45256936?v=4"/></div></a><a title="@shevnv" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/shevnv" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1035967?v=4"/></div></a><a title="@pseudopirate" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/pseudopirate" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/16260137?v=4"/></div></a><a title="@kvestus" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/kvestus" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36218446?v=4"/></div></a><a title="@SwinX" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SwinX" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/854899?v=4"/></div></a><a title="@HirenDhadhal" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/HirenDhadhal" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/64165691?v=4"/></div></a><a title="@obenjiro" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/obenjiro" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1760346?v=4"/></div></a><a title="@Pistch" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Pistch" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/22050667?v=4"/></div></a><a title="@Volodomor" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Volodomor" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/29760501?v=4"/></div></a><a title="@panfil" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/panfil" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1158695?v=4"/></div></a><a title="@artemavrin" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/artemavrin" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/10955496?v=4"/></div></a><a title="@rrewll" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/rrewll" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/28988763?v=4"/></div></a><a title="@nikolaymatrosov" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/nikolaymatrosov" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1625055?v=4"/></div></a><a title="@SkiffCMC" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SkiffCMC" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/36820240?v=4"/></div></a><a title="@a1eksandrk" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/a1eksandrk" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/60098929?v=4"/></div></a><a title="@SimbiozizV" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/SimbiozizV" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/3991919?v=4"/></div></a><a title="@wd055" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/wd055" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/35567000?v=4"/></div></a><a title="@bratva" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/bratva" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/1937870?v=4"/></div></a><a title="@arudenkoofficial" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/arudenkoofficial" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/84877729?v=4"/></div></a><a title="@Maxim725" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/Maxim725" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/47459772?v=4"/></div></a><a title="@yatskovanatoly" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/yatskovanatoly" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/123395646?v=4"/></div></a><a title="@nest-aka-swan" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/nest-aka-swan" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/9089190?v=4"/></div></a><a title="@stankis" class="g-link g-link_view_normal gravity-ui-landing-base-contributor-list__link" href="https://github.com/stankis" target="_blank" rel="noopener noreferrer"><div class="g-avatar g-avatar_size_m g-avatar_theme_normal g-avatar_view_filled gravity-ui-landing-base-contributor-list__avatar" role="img"><img class="g-avatar__image" width="32" height="32" src="https://avatars.githubusercontent.com/u/151746694?v=4"/></div></a></div></div></section></div></div><div class="col col-reset pc-block-base pc-block-base_indentTop_l pc-block-base_indentBottom_l pc-constructor-block pc-constructor-block_type_companies-block"><div class="pc-AnimateBlock false pc-companies-block"><span style="font-size:0"></span><div class="pc-companies-block__content"><div class="pc-title"><div class="col  col-12 col-sm-12 col-reset"><h2 class="pc-title-item pc-title-item_size_m pc-title-item_reset-margin" data-qa="undefined-header"><span class="pc-title-item__text">حائز على ثقة</span></h2></div></div><div class="pc-companies-block__images"><picture><source srcSet="_next/static/media/companies-mobile.e0d01973.svg" media="(max-width: 577px)"/><source srcSet="_next/static/media/companies-tablet.c386156c.svg" media="(max-width: 769px)"/><img class="pc-companies-block__image" src="_next/static/media/companies-desktop.9e118266.svg"/></picture></div></div></div></div></div></div></div></div></main></div></div></div></div><div class="pc-Grid"><div class="container-fluid "><div class="row"><div class="col  col-sm-12"><footer class="gravity-ui-landing-footer"><div class="gravity-ui-landing-footer__menu"><a class="gravity-ui-landing-footer__menu-link" href="https://t.me/gravity_ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8C16.5 12.4183 12.9183 16 8.5 16C4.08172 16 0.5 12.4183 0.5 8C0.5 3.58172 4.08172 0 8.5 0C12.9183 0 16.5 3.58172 16.5 8ZM3.97975 8.04231L5.93215 8.67845C5.96505 8.68417 5.99884 8.68212 6.03081 8.67245L6.03217 8.67159C6.48309 8.38684 10.4993 5.85063 10.7312 5.76531C10.7677 5.75425 10.7949 5.76671 10.7877 5.79198C10.6947 6.11811 7.19968 9.22478 7.19968 9.22478C7.19968 9.22478 7.16568 9.26351 7.17188 9.29478C7.17331 9.3068 7.17729 9.31838 7.18357 9.32873C7.18985 9.33908 7.19828 9.34796 7.20828 9.35478C7.65181 9.65145 9.65901 11.0004 10.2397 11.4999C10.292 11.5506 10.3538 11.5902 10.4217 11.6165C10.4896 11.6427 10.562 11.6551 10.6347 11.6527C10.9307 11.6416 11.0133 11.3165 11.0133 11.3165C11.0133 11.3165 12.3938 5.76131 12.4399 5.01698C12.4417 4.98877 12.4437 4.96451 12.4455 4.94247C12.4484 4.90758 12.4508 4.87823 12.4512 4.84751C12.4536 4.78956 12.4479 4.73156 12.4343 4.67518C12.4273 4.64326 12.4121 4.61376 12.39 4.58968C12.3679 4.56561 12.3398 4.54784 12.3086 4.53818C12.1825 4.49025 11.9686 4.56231 11.9686 4.56231C11.9686 4.56231 4.39415 7.28478 3.96155 7.58631C3.86821 7.65105 3.83701 7.68871 3.82155 7.73298C3.74641 7.94765 3.97975 8.04231 3.97975 8.04231Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Telegram</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.25 25C96.3044 25 86.7661 28.9509 79.7335 35.9835C72.7009 43.0161 68.75 52.5544 68.75 62.5C68.75 72.4456 72.7009 81.9839 79.7335 89.0165C86.7661 96.0491 96.3044 100 106.25 100H193.75C203.696 100 213.234 96.0491 220.267 89.0165C227.299 81.9839 231.25 72.4456 231.25 62.5C231.25 52.5544 227.299 43.0161 220.267 35.9835C213.234 28.9509 203.696 25 193.75 25H106.25Z" fill="currentColor"></path><path d="M193.75 112.5C183.804 112.5 174.266 116.451 167.233 123.483C160.201 130.516 156.25 140.054 156.25 150C156.25 159.946 160.201 169.484 167.233 176.517C174.266 183.549 183.804 187.5 193.75 187.5C203.696 187.5 213.234 183.549 220.267 176.517C227.299 169.484 231.25 159.946 231.25 150C231.25 140.054 227.299 130.516 220.267 123.483C213.234 116.451 203.696 112.5 193.75 112.5Z" fill="currentColor"></path><path d="M68.75 150C68.75 140.054 72.7009 130.516 79.7335 123.483C86.7661 116.451 96.3044 112.5 106.25 112.5H143.75V187.5H106.25C96.3044 187.5 86.7661 183.549 79.7335 176.517C72.7009 169.484 68.75 159.946 68.75 150Z" fill="currentColor"></path><path d="M106.25 200C98.8332 200 91.583 202.199 85.4161 206.32C79.2493 210.44 74.4428 216.297 71.6045 223.149C68.7662 230.002 68.0236 237.542 69.4706 244.816C70.9175 252.09 74.489 258.772 79.7335 264.017C84.978 269.261 91.6598 272.833 98.9341 274.279C106.208 275.726 113.748 274.984 120.601 272.145C127.453 269.307 133.31 264.501 137.43 258.334C141.551 252.167 143.75 244.917 143.75 237.5V200H106.25Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>Figma</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a><a class="gravity-ui-landing-footer__menu-link" href="https://github.com/gravity-ui" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon gravity-ui-landing-footer__menu-link-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0C4.08 0 0.5 3.58 0.5 8C0.5 11.54 2.79 14.53 5.97 15.59C6.37 15.66 6.52 15.42 6.52 15.21C6.52 15.02 6.51 14.39 6.51 13.72C4.5 14.09 3.98 13.23 3.82 12.78C3.73 12.55 3.34 11.84 3 11.65C2.72 11.5 2.32 11.13 2.99 11.12C3.62 11.11 4.07 11.7 4.22 11.94C4.94 13.15 6.09 12.81 6.55 12.6C6.62 12.08 6.83 11.73 7.06 11.53C5.28 11.33 3.42 10.64 3.42 7.58C3.42 6.71 3.73 5.99 4.24 5.43C4.16 5.23 3.88 4.41 4.32 3.31C4.32 3.31 4.99 3.1 6.52 4.13C7.16 3.95 7.84 3.86 8.52 3.86C9.2 3.86 9.88 3.95 10.52 4.13C12.05 3.09 12.72 3.31 12.72 3.31C13.16 4.41 12.88 5.23 12.8 5.43C13.31 5.99 13.62 6.7 13.62 7.58C13.62 10.65 11.75 11.33 9.97 11.53C10.26 11.78 10.51 12.26 10.51 13.01C10.51 14.08 10.5 14.94 10.5 15.21C10.5 15.42 10.65 15.67 11.05 15.59C12.6381 15.0539 14.0182 14.0332 14.9958 12.6716C15.9735 11.3101 16.4996 9.6762 16.5 8C16.5 3.58 12.92 0 8.5 0Z" fill="currentColor"></path></svg></svg><div class="gravity-ui-landing-footer__menu-link-text"><span>GitHub</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="8" class="g-icon gravity-ui-landing-footer__menu-link-arrow" fill="currentColor" stroke="none" aria-hidden="true"><svg viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 1H8M8 1V6M8 1L1 8" stroke="currentColor" stroke-opacity="0.5" stroke-width="1.2" stroke-linecap="square"></path></svg></svg></div></a></div><div class="gravity-ui-landing-footer__text">© 2024 Gravity UI Team</div></footer></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"_nextI18Next":{"initialI18nStore":{"en":{"common":{"actions_open":"Open","actions_copyToClipboard":"Copy to clipboard","actions_share":"Share","actions_github":"GitHub","actions_storybook":"Storybook","menu_libraries":"Libraries","menu_components":"Components","menu_design":"Design","menu_icons":"Icons","roadmap_inProgress":"In progress","navigation_previous":"Previous","navigation_next":"Next","emptySearchPlaceholder":"Nothing found","show_more":"Show more","show_less":"Show less"},"home":{"header_title":"Build modern interfaces with the Gravity design system and libraries","header_actions_howToStart":"How to Start","news_title":"Recent updates","news_items_item1":"500⭐️ for our \u003ca href=\"/libraries/uikit\"\u003eUIKit\u003c/a\u003e! We just wanted to say thanks for all the support and \u003ca href=\"https://github.com/gravity-ui/uikit/issues\"\u003efeedback\u003c/a\u003e we've been getting. There's more to come, so stay tuned!","news_items_item2":"We've released the \u003ca href=\"/components/uikit/pin-input\"\u003ePinInput component\u003c/a\u003e. You may need it to enter OTP or confirmation codes.","news_items_item3":"We added a duration module to our \u003ca href=\"/libraries/date-utils\"\u003edate-utils library\u003c/a\u003e. It implements the ISO 8601 standard for durations. \u003ca href=\"https://github.com/gravity-ui/date-utils/blob/main/src/typings/duration.ts#L9\"\u003eHere\u003c/a\u003e you can find more information about it.","features_feature1_title":"Built on real-life experience","features_feature1_description":"Conceived as an in-house solution in response to real developers' needs, we released Gravity to the open-source community.","features_feature2_title":"First class design","features_feature2_description":"Experienced designers curate the look of our libraries, ensuring that components are stylish and consistent, with support for dark mode and high-contrast themes.","features_feature3_title":"An evolving ecosystem","features_feature3_description":"Regular feedback from our community of developers allows us to continuously improve our libraries, and break compatibility only when necessary.","examples_title":"Examples","examples_colors_yellow":"Yellow","examples_colors_red":"Red","examples_colors_green":"Green","examples_colors_blue":"Blue","libraries_title":"Our libraries","libraries_actions_allLibraries":"All libraries","roadmap_title":"Roadmap 2024","roadmap_items_item1":"\u003cb\u003eDate Components:\u003c/b\u003e new library for working with date and time","roadmap_items_item2":"\u003cb\u003eUIKit:\u003c/b\u003e Right-to-left languages support","roadmap_items_item3":"\u003cb\u003eUIKit:\u003c/b\u003e improvements in digital accessibility","roadmap_items_item4":"\u003cb\u003eFigma:\u003c/b\u003e color theme template builder","roadmap_items_item5":"\u003cb\u003eDevelopment farm\u003c/b\u003e","roadmap_items_item6":"\u003cb\u003eDocs:\u003c/b\u003e Date Components in Components section","roadmap_items_item7":"\u003cb\u003eUIKit:\u003c/b\u003e emoji picker, color picker, label input and range input components","roadmap_items_item8":"\u003cb\u003eUIKit:\u003c/b\u003e migration to Floating UI","roadmap_items_item9":"\u003cb\u003eDocs:\u003c/b\u003e Page constructor in Components section","roadmap_items_item10":"\u003cb\u003eUIKit:\u003c/b\u003e extended mobile support","roadmap_items_item11":"\u003cb\u003ePage constructor:\u003c/b\u003e footer block","templates_title":"Start creating with Gravity\u0026nbsp;UI","github_stars-text":"Do\u0026nbsp;you 💖 Gravity UI? Give\u0026nbsp;us\u0026nbsp;a\u0026nbsp;⭐\u0026nbsp;on\u0026nbsp;Github","contributors_title":"Contributors","contributors_actions_telegram":"Join Telegram","companies_title":"Trusted by"},"libraries-info":{"description_uikit":"Base UI components and tokens for building services with Gravity.","description_components":"A set of complex React components.","description_icons":"Set with hundreds of various modern SVG icons for your projects.","description_illustrations":"A set of illustrations for displaying data statuses.","description_dynamic-forms":"Library for rendering neat and functional react forms described by JSON schema","description_page-constructor":"A set of stylish, functional blocks for quickly creating promo and landing pages.","description_blog-constructor":"A library based on the Page constructor library for creating blog-like services.","description_chartkit":"A data visualization suite integrated with our design system.","description_dashkit":"A grid component for building interactive dashboards.","description_yagr":"A high-performance canvas charts renderer, based on uPlot.","description_nodekit":"A simple toolkit for your Node.js apps, scripts and libraries.","description_expresskit":"Lightweight express.js wrapper that integrates with NodeKit.","description_app-layout":"HTML layout generator used in our SPA applications.","description_app-builder":"Webpack-based static assets builder used in our SPA applications.","description_navigation":"A compact and extensible navigation panel for complex services.","description_date-utils":"Helpers for managing Date and Time values.","description_date-components":"Various date components.","description_axios-wrapper":"Axios wrapper that provides automatic cancelling of concurrent requests.","description_dialog-fields":"A react-final-form wrapper that provides some useful high-level components for building forms.","description_paranoid":"Cluster topologies visualizator.","description_react-data-table":"A react component for rendering big and complex tables.","description_unipika":"Data formatting library.","description_ui-logger":"Simple client-side logger.","description_oauth-clients":"Client OAuth library that provides convenient abstraction on top of auth flow.","description_i18n":"Internationalization helpers of Gravity UI projects.","description_tsconfig":"TypeScript compiler configuration preset for Gravity UI projects.","description_prettier-config":"Prettier configuration preset for Gravity UI projects.","description_stylelint-config":"Stylelint configuration preset for Gravity UI projects.","description_babel-preset":"Babel configuration preset for Gravity UI projects.","description_browserslist-config":"Browserslist confugiration preset used in our services.","description_markdown-editor":"A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes."}}},"initialLocale":"en","ns":["common","home","libraries-info"],"userConfig":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false},"default":{"i18n":{"locales":["en"],"defaultLocale":"en","defaultNS":"common","ignoreJSONStructure":false}}}}},"__N_SSG":true},"page":"/rtl","query":{},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/date-components/calendar.html b/sandbox/date-components/calendar.html
index f51df687c5b..439a0b613d5 100644
--- a/sandbox/date-components/calendar.html
+++ b/sandbox/date-components/calendar.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"calendar","libId":"date-components"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"date-components","componentId":"calendar"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"calendar","libId":"date-components"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"date-components","componentId":"calendar"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/date-components/date-field.html b/sandbox/date-components/date-field.html
index cda49566046..a07e46a9f1e 100644
--- a/sandbox/date-components/date-field.html
+++ b/sandbox/date-components/date-field.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"date-field","libId":"date-components"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"date-components","componentId":"date-field"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"date-field","libId":"date-components"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"date-components","componentId":"date-field"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/date-components/date-picker.html b/sandbox/date-components/date-picker.html
index 3dedf78e97d..d6c16f2f223 100644
--- a/sandbox/date-components/date-picker.html
+++ b/sandbox/date-components/date-picker.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"date-picker","libId":"date-components"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"date-components","componentId":"date-picker"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"date-picker","libId":"date-components"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"date-components","componentId":"date-picker"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/date-components/range-calendar.html b/sandbox/date-components/range-calendar.html
index 58d2a467cad..4a8eabf5876 100644
--- a/sandbox/date-components/range-calendar.html
+++ b/sandbox/date-components/range-calendar.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"range-calendar","libId":"date-components"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"date-components","componentId":"range-calendar"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"range-calendar","libId":"date-components"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"date-components","componentId":"range-calendar"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/date-components/relative-date-field.html b/sandbox/date-components/relative-date-field.html
index e6f64b236e0..b1f1617f3be 100644
--- a/sandbox/date-components/relative-date-field.html
+++ b/sandbox/date-components/relative-date-field.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"relative-date-field","libId":"date-components"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"date-components","componentId":"relative-date-field"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"relative-date-field","libId":"date-components"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"date-components","componentId":"relative-date-field"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/date-components/relative-date-picker.html b/sandbox/date-components/relative-date-picker.html
index 18636d71f79..ddac334949e 100644
--- a/sandbox/date-components/relative-date-picker.html
+++ b/sandbox/date-components/relative-date-picker.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"relative-date-picker","libId":"date-components"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"date-components","componentId":"relative-date-picker"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"relative-date-picker","libId":"date-components"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"date-components","componentId":"relative-date-picker"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/alert.html b/sandbox/uikit/alert.html
index a253282bbff..7ae2c5a14b7 100644
--- a/sandbox/uikit/alert.html
+++ b/sandbox/uikit/alert.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"alert","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"alert"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"alert","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"alert"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/arrow-toggle.html b/sandbox/uikit/arrow-toggle.html
index 43b95cf01cf..8386b8beaed 100644
--- a/sandbox/uikit/arrow-toggle.html
+++ b/sandbox/uikit/arrow-toggle.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"arrow-toggle","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"arrow-toggle"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"arrow-toggle","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"arrow-toggle"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/avatar.html b/sandbox/uikit/avatar.html
index 36818d4183d..f81a2806b06 100644
--- a/sandbox/uikit/avatar.html
+++ b/sandbox/uikit/avatar.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"avatar","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"avatar"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"avatar","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"avatar"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/breadcrumbs.html b/sandbox/uikit/breadcrumbs.html
index da1aad2c95a..992cb21731b 100644
--- a/sandbox/uikit/breadcrumbs.html
+++ b/sandbox/uikit/breadcrumbs.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"breadcrumbs","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"breadcrumbs"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"breadcrumbs","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"breadcrumbs"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/button.html b/sandbox/uikit/button.html
index 33ba30939b6..d1059bac460 100644
--- a/sandbox/uikit/button.html
+++ b/sandbox/uikit/button.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"button","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"button"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"button","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"button"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/card.html b/sandbox/uikit/card.html
index 23fa19e3791..0f7955d0ac4 100644
--- a/sandbox/uikit/card.html
+++ b/sandbox/uikit/card.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"card","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"card"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"card","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"card"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/checkbox.html b/sandbox/uikit/checkbox.html
index 276be0c79fd..d08fdc4e5fe 100644
--- a/sandbox/uikit/checkbox.html
+++ b/sandbox/uikit/checkbox.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"checkbox","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"checkbox"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"checkbox","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"checkbox"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/dropdown-menu.html b/sandbox/uikit/dropdown-menu.html
index 736fee70149..0c46ac6ce67 100644
--- a/sandbox/uikit/dropdown-menu.html
+++ b/sandbox/uikit/dropdown-menu.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"dropdown-menu","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"dropdown-menu"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"dropdown-menu","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"dropdown-menu"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/icon.html b/sandbox/uikit/icon.html
index 5c452c052db..d85ce57d0d0 100644
--- a/sandbox/uikit/icon.html
+++ b/sandbox/uikit/icon.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"icon","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"icon"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"icon","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"icon"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/label.html b/sandbox/uikit/label.html
index 01cb2a00980..0c14975021d 100644
--- a/sandbox/uikit/label.html
+++ b/sandbox/uikit/label.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"label","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"label"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"label","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"label"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/link.html b/sandbox/uikit/link.html
index d94bbc70a4a..a75238417fe 100644
--- a/sandbox/uikit/link.html
+++ b/sandbox/uikit/link.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"link","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"link"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"link","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"link"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/list.html b/sandbox/uikit/list.html
index 13accfab7a8..c7b544307f1 100644
--- a/sandbox/uikit/list.html
+++ b/sandbox/uikit/list.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"list","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"list"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"list","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"list"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/loader.html b/sandbox/uikit/loader.html
index 2c4b63375a6..8ac1c76f510 100644
--- a/sandbox/uikit/loader.html
+++ b/sandbox/uikit/loader.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"loader","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"loader"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"loader","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"loader"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/menu.html b/sandbox/uikit/menu.html
index 520969df8ea..490cdc5a1df 100644
--- a/sandbox/uikit/menu.html
+++ b/sandbox/uikit/menu.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"menu","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"menu"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"menu","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"menu"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/modal.html b/sandbox/uikit/modal.html
index e2f6cc74e45..70f66283d1d 100644
--- a/sandbox/uikit/modal.html
+++ b/sandbox/uikit/modal.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"modal","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"modal"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"modal","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"modal"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/overlay.html b/sandbox/uikit/overlay.html
index 150fedf7b83..b20c8310adf 100644
--- a/sandbox/uikit/overlay.html
+++ b/sandbox/uikit/overlay.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"overlay","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"overlay"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"overlay","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"overlay"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/pagination.html b/sandbox/uikit/pagination.html
index 814aedfccca..9a429097d96 100644
--- a/sandbox/uikit/pagination.html
+++ b/sandbox/uikit/pagination.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"pagination","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"pagination"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"pagination","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"pagination"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/palette.html b/sandbox/uikit/palette.html
index f8aad67a82c..48c1319a8db 100644
--- a/sandbox/uikit/palette.html
+++ b/sandbox/uikit/palette.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"palette","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"palette"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"palette","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"palette"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/pin-input.html b/sandbox/uikit/pin-input.html
index 5fa0db24090..6aaab57703f 100644
--- a/sandbox/uikit/pin-input.html
+++ b/sandbox/uikit/pin-input.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"pin-input","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"pin-input"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"pin-input","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"pin-input"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/popup.html b/sandbox/uikit/popup.html
index 03ec3a32ff0..d5db75a2ffc 100644
--- a/sandbox/uikit/popup.html
+++ b/sandbox/uikit/popup.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"popup","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"popup"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"popup","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"popup"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/portal.html b/sandbox/uikit/portal.html
index 02a3a29d1a9..db0ad86acbe 100644
--- a/sandbox/uikit/portal.html
+++ b/sandbox/uikit/portal.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"portal","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"portal"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"portal","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"portal"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/progress.html b/sandbox/uikit/progress.html
index 9ee3cb140bf..e043f9c049c 100644
--- a/sandbox/uikit/progress.html
+++ b/sandbox/uikit/progress.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"progress","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"progress"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"progress","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"progress"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/radio-button.html b/sandbox/uikit/radio-button.html
index b52234b9e47..0cdaabb0e3b 100644
--- a/sandbox/uikit/radio-button.html
+++ b/sandbox/uikit/radio-button.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"radio-button","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"radio-button"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"radio-button","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"radio-button"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/radio-group.html b/sandbox/uikit/radio-group.html
index 82254ef8e82..fe7a99b1754 100644
--- a/sandbox/uikit/radio-group.html
+++ b/sandbox/uikit/radio-group.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"radio-group","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"radio-group"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"radio-group","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"radio-group"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/radio.html b/sandbox/uikit/radio.html
index 69948230a60..17e1a771ed4 100644
--- a/sandbox/uikit/radio.html
+++ b/sandbox/uikit/radio.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"radio","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"radio"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"radio","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"radio"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/select.html b/sandbox/uikit/select.html
index 7b6d8e8ec82..e91823517ef 100644
--- a/sandbox/uikit/select.html
+++ b/sandbox/uikit/select.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"select","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"select"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"select","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"select"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/sheet.html b/sandbox/uikit/sheet.html
index 20fde5a3b28..18b31576ded 100644
--- a/sandbox/uikit/sheet.html
+++ b/sandbox/uikit/sheet.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"sheet","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"sheet"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"sheet","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"sheet"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/skeleton.html b/sandbox/uikit/skeleton.html
index 5b6402cba3d..b5772e36764 100644
--- a/sandbox/uikit/skeleton.html
+++ b/sandbox/uikit/skeleton.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"skeleton","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"skeleton"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"skeleton","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"skeleton"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/slider.html b/sandbox/uikit/slider.html
index aeba00f39e9..ae13c314cdb 100644
--- a/sandbox/uikit/slider.html
+++ b/sandbox/uikit/slider.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"slider","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"slider"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"slider","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"slider"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/spin.html b/sandbox/uikit/spin.html
index d89b5b108e5..2bf9c1105d9 100644
--- a/sandbox/uikit/spin.html
+++ b/sandbox/uikit/spin.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"spin","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"spin"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"spin","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"spin"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/switch.html b/sandbox/uikit/switch.html
index 57361c061fb..a0e5f45877c 100644
--- a/sandbox/uikit/switch.html
+++ b/sandbox/uikit/switch.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"switch","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"switch"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"switch","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"switch"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/table.html b/sandbox/uikit/table.html
index cffa30a20af..9f2df39de36 100644
--- a/sandbox/uikit/table.html
+++ b/sandbox/uikit/table.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"table","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"table"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"table","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"table"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/tabs.html b/sandbox/uikit/tabs.html
index 14401c06944..c5791a7dc19 100644
--- a/sandbox/uikit/tabs.html
+++ b/sandbox/uikit/tabs.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"tabs","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"tabs"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"tabs","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"tabs"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/text-area.html b/sandbox/uikit/text-area.html
index 858dadbc82a..71ef8b0c82f 100644
--- a/sandbox/uikit/text-area.html
+++ b/sandbox/uikit/text-area.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"text-area","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"text-area"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"text-area","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"text-area"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/text-input.html b/sandbox/uikit/text-input.html
index f1bda612071..0b3b07c2081 100644
--- a/sandbox/uikit/text-input.html
+++ b/sandbox/uikit/text-input.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"text-input","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"text-input"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"text-input","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"text-input"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/text.html b/sandbox/uikit/text.html
index b7185ee1891..18c28c228d9 100644
--- a/sandbox/uikit/text.html
+++ b/sandbox/uikit/text.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"text","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"text"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"text","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"text"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/toaster.html b/sandbox/uikit/toaster.html
index 9bfb9a3246b..13464044f16 100644
--- a/sandbox/uikit/toaster.html
+++ b/sandbox/uikit/toaster.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"toaster","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"toaster"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"toaster","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"toaster"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/tooltip.html b/sandbox/uikit/tooltip.html
index 2dec5746a65..95ffb708b8a 100644
--- a/sandbox/uikit/tooltip.html
+++ b/sandbox/uikit/tooltip.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"tooltip","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"tooltip"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"tooltip","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"tooltip"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/user-label.html b/sandbox/uikit/user-label.html
index a2359721999..1927b390f8c 100644
--- a/sandbox/uikit/user-label.html
+++ b/sandbox/uikit/user-label.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"user-label","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"user-label"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"user-label","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"user-label"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/sandbox/uikit/user.html b/sandbox/uikit/user.html
index 58fd1c1bc7e..0b3fcec119d 100644
--- a/sandbox/uikit/user.html
+++ b/sandbox/uikit/user.html
@@ -4,4 +4,4 @@
                                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                                 })(window,document,'script','dataLayer','GTM-KHT6KD7');
-                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-cbcd823a0f9c9a0f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-cb28a8dc164dd36a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/4t80S9ROjr4WD9qaY0rM6/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"user","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"user"},"buildId":"4t80S9ROjr4WD9qaY0rM6","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+                            </script><link rel="preload" href="/_next/static/css/d9243dcbc517c1bf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/d9243dcbc517c1bf.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/28f476dec360fd43.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28f476dec360fd43.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe264aa6032598c4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-314c182fa7e2bf37.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-e9a4e4ae37deaffb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-df1c4174830d471a.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/29107295-4cc022cea922dbb4.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/2356-134624712c5c0188.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1893-0c78157253878a4d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/sandbox/%5BlibId%5D/%5BcomponentId%5D-aebf0ac828c79ede.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/ev-zpGpRLdzGO2WaNYaWD/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="g-root g-root_theme_dark"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHT6KD7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"componentId":"user","libId":"uikit"},"__N_SSG":true},"page":"/sandbox/[libId]/[componentId]","query":{"libId":"uikit","componentId":"user"},"buildId":"ev-zpGpRLdzGO2WaNYaWD","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file